前几天看到一个企业招聘的动画觉得很炫，里面有个企业介绍的文字是用飞入的效果做出来的，今天尝试了写了一下，感觉还不错~\(???)/~啦啦啦 下面来看我做的动态效果： 其实上面的效果很简单的，我的截图软件有问题，所以不是很清晰，但是大概的效果出现了~~~屏幕颜色从红变白是因为我把鼠标从页面上移到截图软件上关闭截图，不要被这个干扰~~~~ 一、页面的主体布局 左右淡入的企业介绍 ...
今天把页面遮罩的效果发一下，之前遮罩都是用JS实现的，忽然发现CSS3里面的box-shadow属性除了做立体阴影外，还可以做页面的遮罩~~~~ 下面来看一下完成的动态效果： 从上图可以看出，就是当鼠标悬浮在按钮上时，会出现整个页面的遮罩，当然调一下透明度就是网页中经常看到的当鼠标悬浮在一张图片上时，周围的其他图片都被遮罩了，这样就达到了突出这张图片的效果，其实这个效果做出来很简单~~~~~ 一、主体程序： ...
好吧，我最近没有什么进步，其实吧，我在偷懒耶，这几天太冷落代码了，都在做设计，晕乎乎的， 下面来看看我以前写的一个上下滑动展开的按钮效果： 这类的效果经常会在一些网站页面下载按钮处看到，当你鼠标悬浮在下载按钮时，会提醒你是否已注册，或者点击登录什么的小提示~~~~~ 一、页面的主体布局 我是上面 鼠标放在我上面试试...
XHTML1.0对HTML4.0的改进 借鉴了XML的写法，语法更加严格。 把页面的内容和样式分离了，废弃了html4中的表示样式的标签和属性。推荐使用css来描述页面的样式。 CSS样式的优先级 !important>内联样式>内部/外部样式>浏览器预定义样式 内部外部样式：#id>类选择器>元素选择器 内联样式要尽量少用；内部样式可以适量的使用，例如如果只有一个页面使用样式的情况下就没必要专门做一个外部样式；推荐使...
HTML 5 文档类型（Doctype） Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作，您需要使用 HTML5 文档类型（Doctype）。 因此，请在使用 Bootstrap 项目的开头包含下面的代码段。 . 如果在 Bootstrap 创建的网页开头不使用 HTML5 的文档类型（Doctype），您可能会面临一些浏览器显示不一致的问题，甚至可能面临一些特定情境下的不一致，以致于您的代码不能通过 W3C 标准的验证。 移动设备优先 移动...
Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap，讨论 Bootstrap 文件结构，并通过一个实例演示它的用法。 下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时，您将看到如下所示的网页： 您会看到两个按钮： Download Bootstrap ：下载 Bootstrap。点击该按钮，您可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本...
昨天在解决了盒模型的问题之后又出现了新的知识模糊点：浮动和绝对定位？今天先解决浮动相关的问题，首先列举出想要解决的问题： 1.浮动到底是怎么样的？ 2.浮动对元素的影响有什么？ 3.浮动主要用来干什么？ 第一个问题：浮动到底是怎么样的？ W3CSCHOOL对浮动属性的解释： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。 我个人的...
今天本来打算根据自己的计划进行前端自动化的学习的，无奈早上接到一个任务需求需要新增一个页面。自从因为工作需要转前端之后，自己的主要注意力几 乎都放在JavaScript上面了，对CSS和HTML这方面其实基础真的很差，今天在写页面的时候就被浮动啊、内外边距啊这些耽误了不少时间。 反思一下，自己确实在这些基础方面的不足很多，所以今后的学习笔记主要是我在工作中遇到的一些问题和他们的解决方法。其中可能中会有JS、CSS、HTM...
今天学习之前剩下的一个问题：CSS的position属性 。首先归纳出和position相关的问题： position作为一个属性，它一共有哪几个属性值？ position常用的属性值有哪几个？分别有什么特点？ 第一个问题：position作为一个属性，它一共有哪几个属性值？ 对于position属性，他一共有5个值，分别是 static：默认值。没有定位，元素出现在正常的流中。 relative：生成相对定位的元素，相对...
强调标签：斜体强调 粗体强调 直接用span控制也可以实现该效果 font-size font-weight 分行标签： 水平横线标签： 效果： 6666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666 ...
float 系统学习 float的原本作用是产生文字环绕效果 float可以产生包裹、隔绝的效果（ BFC）、破坏性 其他具有包裹性质的属性 display ： inline-block table-cellposition: absolute/fixed/sticky???overflow: hidden/scroll 什么是破坏性 父元素的高度塌陷 其他具有破坏性的属性 display: noneposition: absolute/fixed/sticky 清除浮动(放在浮动元素的父元素上) clear ...
1、当函数赋值给对象的属性时，就变为了方法；2、被零整除不报错，只会返回无穷大（Infinity）或者负无穷大。例外：零除以零等于非数字（NaN）。3、NaN与任何值都不相等！ 4、Javascript采用二进制浮点数表示法（IEEE-754），会导致不能精确表示类似0.1这样简单的小数； 它只能表示1/(2^N)的和的任意组合。5、布尔值：真值和假值； 假值false：false、null、0、-0、""(空字符串)、NaN、undefined 真值true：除了假值外...
【文章摘要】知乎上很火的一个问题是：『 产品经理 需不需要懂技术？需要懂到什么程度？』 答案显而易见，当然需要懂。懂到产品经理能够顺畅地与技术人员沟通，正确评估一个功能的技术实现难度，合理地向提出开发需求，准确把握、推进项目进度为止。 还有一个误区是：产品经理懂技术就是要去写代码，会写代码=懂技术。事实上，一个懂技术的产品经理需要了解的是：技术名词、开发流程、开发逻辑、开发系统、开发成本、...
1.angularJs简介 angularJs是一个MV*的javascript框架（Model-View-Whatever,不管是MVVM还是MVC，统归MDV（model drive view））,其实是由google推出的SPA(single-page-application)应用框架。它的用于 数据在后端和前端之间的双向绑定。这就意味着你在后台改变数据，这些变动立刻就会出现在view上。 在加载的时候，angular会将你的dom树和javascript转向一个angular app 。包含着angular指令和过滤器的html会被编译...
在实际的业务当中，很多时候要对定义好的数组重新排序。在JavaScript中自带了两个方法，可以对数组进行排序操作。这两个方法就是 sort() 和 reverse() 。今天就来学习这两个方法相关的知识。 sort() 方法 sort() 方法对数组的元素做原地的排序，并返回这个数组。默认情况下， sort() 方法是按升序排列数组项。即最小的值位于最前面，最大的值排列在最后面。为了实现排序， sort() 方法会调用每个数组项的 toString() 转型...