摘要: 这些数组的操作方法会改变原来的数组。在使用 Vue 或者 Angular 等框架的时候会非常实用,使用这些方法修改数组会触发视图的更新。 阅读全文
posted @ 2017-04-07 15:30 by.Genesis 阅读(601) 评论(0) 推荐(0) 编辑
摘要: 事件是 Web 应用中不可或缺的一个东西,用户在应用中执行一个操作的时候,比如鼠标单击时要触发执行一些事情,就可以给该事件绑定一个事件处理程序(event handler)。使用 jQuery 的 .on() 方法可以为选中的元素绑定任意的 DOM 事件,并添加事件处理程序。假设有如下 HTML 结 阅读全文
posted @ 2017-01-13 16:36 by.Genesis 阅读(1027) 评论(1) 推荐(1) 编辑
摘要: 单选/复选框是 Web 应用常用控件,随处可见,原生的单/复选框控件的外观一般都不怎么美观,有些时候,原生的控件模样并不能满足设计要求,这时需要更为精致的控件样式,我们更希望其样式可以允许自定义。 CSS3 新增了一个伪类选择器 ,用于选择被勾选的单/复选框,利用该选择器可以分别为未选中和选中状态的 阅读全文
posted @ 2016-08-25 20:55 by.Genesis 阅读(1951) 评论(2) 推荐(2) 编辑
摘要: 补充了一些之前遗漏掉的选择器以及一些在 Selectors Level 4 中新定义的选择器。 属性选择器不区分大小写 [attribute="value" i],在 Selectors Level 4 中增强了属性选择器,添加一个 i 标识,让属性值大小写不再敏感: <a href="a.pdf" 阅读全文
posted @ 2016-06-12 18:29 by.Genesis 阅读(2082) 评论(3) 推荐(4) 编辑
摘要: CSS 选择器除了样式表匹配元素时需要用到,在使用 jQuery 等库的时候也可以利用 CSS 选择器来选择元素,因此作为前端开发需要熟练掌握。下面是一些常用的 CSS 选择器示例。 元素选择器 E,选择所有指定元素名称的元素,例如 p,选择所有的 p 元素。 元素叫什么名字,选择器就怎么写,比如 阅读全文
posted @ 2016-05-02 14:20 by.Genesis 阅读(2534) 评论(4) 推荐(11) 编辑
摘要: Placeholder(占位符) 是 HTML5 新增的一个 HTML 属性,用来对可输入字段的期望值提供提示信息,目前已经得到主流浏览器的广泛支持,使用方式非常简单: <input id="username" name="username" placeholder="请输入用户名" type="t 阅读全文
posted @ 2015-06-15 18:45 by.Genesis 阅读(6784) 评论(3) 推荐(12) 编辑
摘要: Bootstrap 自带的 JavaScript 插件的动画效果几乎都是使用 CSS 过渡实现的,而其中的 transition.js 就是为了判断当前使用的浏览器是否支持 CSS 过渡。下面先来简单了解下 CSS 过渡。## CSS 过渡CSS 过渡是指在 CSS 属性发生改变时在一段时间内平滑地... 阅读全文
posted @ 2015-01-27 12:12 by.Genesis 阅读(10624) 评论(2) 推荐(6) 编辑
摘要: 在实际的开发过程中,前端后台协商好了统一的接口,就各自开始自己的任务了。这时候我有这么一个 Ajax 请求需要从后台获取数据:``` javascript$.ajax({ url: '/products/'}).done(function(res) { $('#result').html(res... 阅读全文
posted @ 2014-12-31 12:50 by.Genesis 阅读(8590) 评论(2) 推荐(4) 编辑
摘要: JavaScript 的数据类型分为两类:原始类型(基本类型)和对象类型(引用类型)。原始类型包括数字、字符串和布尔值,另外有两个特殊的原始值:null 和 undefined,除此之外的都是对象。对象还包括两种特殊的对象:数组和函数。 下面所有代码表达式如果返回值为 true 表示判断成立,否则不 阅读全文
posted @ 2014-12-05 12:38 by.Genesis 阅读(2920) 评论(6) 推荐(6) 编辑
摘要: 复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样: 选中状态 未选状态 这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式,比如拿到这样一张设计图: 在过去,想要通过简 阅读全文
posted @ 2014-10-13 13:16 by.Genesis 阅读(7124) 评论(2) 推荐(8) 编辑