使用 ES7 Decorators 简化this的绑定

2016-08-08
阅读 1 分钟
4.8k
1.修改babelrc文件 {代码...} 2.安装 decorator 插件 {代码...} 3.修改webpack中loader的配置 {代码...} 4.安装autobind 的库 {代码...} 5.写法改进 {代码...} {代码...}

关于Redux 的数据流的介绍

2015-10-23
阅读 1 分钟
3.4k
初始化store ,root component 创建 store, 并用 createStore 方法告诉 store 使用那个 root reducer. 这个root reducer 下面已经有多个子reducer. root reducer使用 combineReducer() 来集成子reducer 到 rootReducer 里面.

关于 this 的四类用法

2015-05-04
阅读 2 分钟
4.2k
this 在函数执行时,this 总是指向调用该函数的对象。要判断 this 的指向,其实就是判断 this 所在的函数属于谁。 在《javaScript语言精粹》这本书中,把 this 出现的场景分为四类,简单的说就是: 有对象就指向调用对象 没调用对象就指向全局对象 用new构造就指向新对象 通过 apply 或 call 或 bind 来改变 this 的所指...

关于CSS3中Media Queries使用方法

2014-12-17
阅读 1 分钟
4.6k
Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果 {代码...} 最大宽度max-width “max-width”是媒体特性中最常用的一个特性,其意思是指媒体类型小于或等于指定的宽度时,样式生效。如: {代码...} 上面表示的是:当屏幕小于或等于480px时,页面中的广告区块(.ads)都将被隐藏...

js 数组去重复项的方法总结

2014-10-30
阅读 1 分钟
3k
使用数组提供的filter方法 {代码...} 使用一个空对象存放信息,类似于hash表 {代码...}

css 常用属性缩写

2014-10-26
阅读 2 分钟
3.3k
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: {代码...} 盒尺寸 通常有下面四种书写方法: {代码...} 边框(border) 边框的属性如下: {代码...} 语法是border:width style color; 背景(Backgrounds) 背景的属性如下: {...

css3 背景渐变

2014-10-26
阅读 1 分钟
3.4k
CSS3 之前,必须依赖 Adobe Photoshop 等图形处理软件来制作渐变图,再以背景图片方式添加给元素。 而现在, 使用 CSS就可以创造出各种渐变效果了。渐变是 CSS 帮我们生成的背景图片。添加渐变可以使用 background-image 属性

居中一个float元素

2014-10-25
阅读 1 分钟
3.4k
我们布局的时候,用margin来设置float元素的外边距来达到效果。对于,在文档流中的元素,我们很容易让它水平居中,只要给元素设置一个固定的宽度,用margin: 0 auto;就行了,这种技巧甚至在万恶的IE6中兼容得很好。

this 的工作原理

2014-10-23
阅读 2 分钟
3.3k
this 的工作原理 JavaScript 有一套完全不同于其它语言的对 this 的处理机制。 在五种不同的情况下 ,this 指向的各不相同。 全局范围内 {代码...} 当在全部范围内使用 this,它将会指向全局对象。 译者注:浏览器中运行的 JavaScript 脚本,这个全局对象是 window。 函数调用 {代码...} 这里 this 也会指向全局对象。 E...

js作用域与命名空间

2014-10-23
阅读 4 分钟
4k
注意: 如果不是在赋值语句中,而是在 return 表达式或者函数参数中,{...} 将会作为代码段解析, 而不是作为对象的字面语法解析。如果考虑到 自动分号插入,这可能会导致一些不易察觉的错误。

Yahoo前端优化性能规则

2014-10-22
阅读 8 分钟
10.5k
链接参考: [链接] {代码...} 规则1——减少HTTP请求(Minimize HTTP Requests) {代码...} 规则2——使用内容发布网络(Use a Content Delivery Network) {代码...} 规则3——添加Expires头(Add an Expires or a Cache-Control Header) {代码...} 规则4——压缩组件(Gzip Components) {代码...} 规则5——将样式表放在顶部(P...

实现AJAX的基本步骤

2014-10-22
阅读 1 分钟
4.1k
要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: {代码...}

JS性能优化笔记

2014-10-22
阅读 4 分钟
4.3k
通过网上查找资料了解关于性能优化方面的内容,现简单整理,仅供大家在优化的过程中参考使用,如有什么问题请及时提出,再做出相应的补充修改。 一、 让代码简洁:一些简略的表达方式也会产生很好的优化 eg:x=x+1;在不影响功能的情况下可以简写为x++; 二、 变量名方法名尽量在不影响语意的情况下简单。(可以选择首字母...

重设mysql用户密码

2014-10-19
阅读 1 分钟
2.9k
以上命令适用于Ubuntu和Debian。CentOS、Fedora和RHEL下使用mysqld替换mysql。 以安全模式启动mysql:

前端-无论工作年头长短都应该必须掌握的知识点

2014-10-19
阅读 1 分钟
3k
{代码...} 2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。 {代码...}

JS兼容浏览器FF/IE技巧

2014-10-18
阅读 1 分钟
2.5k
做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们, 不然有些浏览器就无法运行我们的代码。就会造来客户的投诉,如果让BoSS知道了,这可不太好哦。 下面是兼容IE和FF的js脚本做法和分解(部分选自网上,经本人整理),希望对大家有帮助。 .以下以 IE 代替 Internet...

数据类型和Json格式

2014-10-17
阅读 2 分钟
2.9k
作者: 阮一峰 1. 前几天,我才知道有一种简化的数据交换格式,叫做yaml。 我翻了一遍它的文档,看懂的地方不多,但是有一句话令我茅塞顿开。 它说,从结构上看,所有的数据(data)最终都可以分解成三种类型: 第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"北京"这个单独的词...

css清除浮动各种方法:

2014-10-16
阅读 1 分钟
3.6k
1,在浮动元素后面增加<br/>标签;   <br/>标签有自带的清除浮动属性; 2,在浮动元素后面增加一个清除浮动层; {代码...} 3,给浮动元素添加overflow:auto样式; 4,为最后浮动元素设置如下样式:    {代码...} 5,另一种简洁的办法: {代码...}

web 前端修炼之道

2014-10-16
阅读 2 分钟
2.3k
1.块级元素和行内元素的区别 {代码...} 2.display:inline-block和hasLayout {代码...} 3.relative、absolute和float {代码...} 4.水平居中 {代码...} 5.竖直居中 {代码...} 6.网格布局 {代码...} 7.Z-index的相关问题及flash和IE6下的select元素 {代码...} 8.插入png图片 {代码...} 9.使用IETest进行多IE版本调试。

CSS hack(欢迎补充)

2014-10-16
阅读 12 分钟
3.9k
由于不同的浏览器,比如IE6,IE7,IE8,Mozilla,FireFox,Chrome,Opera和Safari等浏览器对CSS的解析认识不一样

apply 和call的用法

2014-10-16
阅读 1 分钟
3k
对于apply和call两者在作用上是相同的,但两者在参数上有区别的。 对于第一个参数意义都一样,但对第二个参数: apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入, call则作为call的参数传入(从第二个参数开始)。 {代码...} 同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二...

undefined与null的区别

2014-10-16
阅读 1 分钟
1.9k
undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是: (1)变量被声明了,但没有赋值时,就等于undefined。 (2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。 (3)对象没有赋值的属性,该属性的值为undefined。 (4)函数没有返回值时,默认返回undefined。

正则练习

2014-10-16
阅读 3 分钟
2.7k
1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线 {代码...} 匹配Email地址的正则表达式:\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)* 评注:表单验证时很实用 匹配网址URL的正则表达式:[a-zA-z]+://[^\s]* 评注:网上流传的版本功能很有限,上面这个基本可以满足需求 匹配字符 . 匹配除...

执行环境及作用域

2014-10-16
阅读 2 分钟
2.5k
执行环境(execution context,为简单起见,有时也称为“环境”)是 JavaScript 中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象(variable object),环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象,但解...

Date类型和Regex类型

2014-10-15
阅读 3 分钟
2.1k
Date 类型 var now = new Date(); 在调用Date构造函数而不传递参数的情况下,新创建的对象自动获得当前日期和时间 特定的日期和时间创建日期对象,必须传入表示该日期的毫秒数(即从UTC时间1970年1月1日午 夜起至该日期止经过的毫秒数) Date.parse()方法接收一个表示日期的字符串参数,然后尝试根据这个字符串返回相应...

js常见对象及方法

2014-10-15
阅读 5 分钟
3.1k
对象是某个特定引用类型的实例。新对象是使用new操作符后跟一个构造函数来创建的。 var person = new Object(); 构造函数是Object, person是Object引用类型的一个新实例

变量、作用域和内存问题

2014-10-15
阅读 1 分钟
1.9k
JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型值。基本类型的值源自以下5种基本数据类型Undefined、Null、Boolean、Number、String

关于argument变量的理解

2014-10-15
阅读 1 分钟
3k
arguments的行为有点像数组,但它其实并不是数组,它不具备JavaScript核心数组的一些方法如join、sort、slice等方法