分类: JavaScript
React验证器propTypes
Props 验证使用 propTypes,它可以保证我们的应用组件被正确使用,React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。
[javascript]
React.[……]
JavaScript创建对象的方法
[javascript]
//工厂模式
function Person1(name, age, job){
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = functio[……]
JavaScript事件绑定的方法汇总
1 通过HTML标签属性指定,如:
[code lang=”html”]
<input type="button" value="TEST" onclick="functionName();" />
[/code]
这样[……]
ES6学习笔记1:声明和赋值
规格文件:http://ecma-international.org/ecma-262/6.0/
1 let
不存在变量提升
暂时性死区 tdz
不允许重复声明
2 变量提升
[javascript]
var tmp = new Date();
function f(){[……]
声明式编程和命令式编程的比较
原文:http://latentflip.com/imperative-vs-declarative
先统一一下概念,我们有两种编程方式:命令式和声明式。
我们可以像下面这样定义它们之间的不同:
命令式编程:命令“机器”如何去做事情(how),这样不管你想要的是什么(what),它[……]
前端工程化之路:前端构建工具、模块化、框架、类库、工具汇总
UPDATE: 2018-12-05 17:01
前面多说一句,我觉得前端的灵魂是 AJAX,有了 AJAX 才有了前端这个职业。
本文目录
新建XHR对象
[javascript]
function createXHR(){
if(typeof XMLHttpRequest != "undefined"){
return new XMLHttpRequest();
}else if(typeof ActiveXO[……]
gulp的安装及常用插件
1.基于node-npm,安装node.js以及npm
2.安装gulp
常用插件
gulp-livereload
npm install –save-dev gulp-livereload
当代码变化时,它可以帮我们自动刷新页面
该插件最好配合谷歌浏览器来使用,且要[……]
安装grunt.js
1.基于node-npm,安装node.js以及npm
2.运行npm install -g grunt-cli
3.安装插件:如果grunt目录已经存在package.json,npm install将依据package.json。安装插件时使用“–save-dev”,将安装的插件存[……]
JavaScript时间处理
JS时间戳
JavaScript获取当前时间戳的三种方法:
var timestamp = Date.parse(new Date());
var timestamp = (new Date()).valueOf();
var timestamp=new Date().getTime();
[……]
JS遍历数组
使用prototype
[javascript]
var str = [“a”,”b”];Array.prototype.f=function(){}
for(var key in str){
console.log(key + “::” + (str[key] + “”));[……]
Javascript在for循环外定义变量的区别,神奇的Javascript
先看两段代码,我们通过for循环定义一个数组arr1,然后要把arr1依次放入数组arr2里面。
开始,我们定一个这两个数组变量,然后通过for循环为arr1赋值(因为是示例,我们只在里面添加一个元素arr1[0])。
[javascript]
var arr2 = []; //存[……]
JSON
前言:
原生支持JSON的浏览器:
- Firefox (Mozilla) 3.5
- Internet Explorer 8
- Chrome
- Opera 10
- Safari 4
对于较老的浏览器,可使用 JavaScript 库: https://github.com/dou[……]