分类: 前端

JavaScript事件绑定的方法汇总

1 通过HTML标签属性指定,如:

[code lang=”html”]
<input type="button" value="TEST" onclick="functionName();" />
[/code]

这样[……]

继续阅读

2017-03-09 Comments (1)
阅读全文

ES6学习笔记1:声明和赋值

规格文件:http://ecma-international.org/ecma-262/6.0/

1 let
不存在变量提升
暂时性死区 tdz
不允许重复声明

2 变量提升
[javascript]
var tmp = new Date();
function f(){[……]

继续阅读

2017-02-28 Comments (1)
阅读全文

声明式编程和命令式编程的比较

原文:http://latentflip.com/imperative-vs-declarative

先统一一下概念,我们有两种编程方式:命令式和声明式。

我们可以像下面这样定义它们之间的不同:

命令式编程:命令“机器”如何去做事情(how),这样不管你想要的是什么(what),它[……]

继续阅读

2017-02-22 Comments (0)
阅读全文

gulp和gulp-cli的区别

原文地址:http://stackoverflow.com/questions/35571679/what-does-gulp-cli-stands-for

问题:gulp-cli中的cli是什么意思?
有没有人能给我解释下以下两种gulp安装的区别:

npm -install -g gulp-[......]

继续阅读

前端 
2017-02-21 Comments (1)
阅读全文

前端工程化之路:前端构建工具、模块化、框架、类库、工具汇总

UPDATE: 2018-12-05 17:01

前面多说一句,我觉得前端的灵魂是 AJAX,有了 AJAX 才有了前端这个职业。

本文目录

2017-01-13 Comments (1)
阅读全文

新建XHR对象

[javascript]

function createXHR(){
if(typeof XMLHttpRequest != "undefined"){
return new XMLHttpRequest();
}else if(typeof ActiveXO[……]

继续阅读

2016-10-25 Comments (0)
阅读全文

Javascript-JSON操作手册

[……]

继续阅读

2016-10-25 Comments (0)
阅读全文

JavaScript浏览器兼容性汇总

JSON:全局对象JSON

IE8+、FF3.5+、Safari4+、Chrome、Opera10.5+

fetch

兼容方案

XMLHttpRequest:var xhr = new XMLHttpRequest()

IE7+、FCOS
兼容方案

input的select事件

IE8[……]

继续阅读

2016-10-25 Comments (0)
阅读全文

gulp的安装及常用插件

gulp官网 中文

1.基于node-npm,安装node.js以及npm

2.安装gulp

常用插件

gulp-livereload
npm install –save-dev gulp-livereload
当代码变化时,它可以帮我们自动刷新页面
该插件最好配合谷歌浏览器来使用,且要[……]

继续阅读

2016-10-21 Comments (1)
阅读全文

前端包管理工具NPM

UPDATE: 2018-04-10 14:57

1 安装

推荐使用 Node 版本管理工具 nvm

1.1 下载安装 Node:
https://nodejs.org/en/download/,安装 Node 之后,自动安装 npm,可以使用“npm install -g xxx”命令。[……]

继续阅读

前端 
2016-10-21 Comments (3)
阅读全文

安装grunt.js

1.基于node-npm,安装node.js以及npm

2.运行npm install -g grunt-cli

3.安装插件:如果grunt目录已经存在package.json,npm install将依据package.json。安装插件时使用“–save-dev”,将安装的插件存[……]

继续阅读

2016-08-09 Comments (1)
阅读全文

正则表达式

需要转义的字符:
\*[……]

继续阅读

2016-07-28 Comments (0)
阅读全文

占位图资源

2016-07-20 Comments (0)
阅读全文

JavaScript时间处理

JS时间戳

JavaScript获取当前时间戳的三种方法:

var timestamp = Date.parse(new Date());
var timestamp = (new Date()).valueOf();
var timestamp=new Date().getTime();

[……]

继续阅读

2016-05-11 Comments (0)
阅读全文

localStorage以及cookie以及url的容量

待解决

待解决

待解决

待解决

待解决
待解决

[……]

继续阅读

2016-04-14 Comments (0)
阅读全文

JS获取URL中问号后面参数值

该功能已经在 ez.js 更好的实现,本文的方法依旧可用,但将不再更新。
ez.js 提供了一些常用的 js 方法。

支持以下几种传参的形式:

使用井号#:

http://x.x.com/x.html#id=1&name=Mukti

使用问号?:

http:[……]

继续阅读

2015-03-25 Comments (0)
阅读全文

media query

css2中的media type属性,用于判断媒体类型。而在css3中新增了 media query属性用于增强media type属性。media query属性的是media type属性的增强功能,使media type可以进行条件判断输出对应的css。

media query的使用方法[……]

继续阅读

前端, CSS 
2015-03-11 Comments (0)
阅读全文

HTML单选按钮、复选框

如何点击文字的时候选中单选按钮?设置label for,然后设置input的id。
[html]
对账单
证券交割单、资金流水单
[/html]
如何实现单选?将两个input的name值设置为一样的,就是一组单选按钮。[……]

继续阅读

HTML, 前端 
2015-01-09 Comments (0)
阅读全文

CSS半透明背景

rgba支持IE8+。

[css]

filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#cc000000', endColorstr = '#cc000000' )\9[......]

继续阅读

前端, CSS 
2015-01-06 Comments (0)
阅读全文

JS遍历数组

使用prototype

[javascript]

var str = [“a”,”b”];Array.prototype.f=function(){}
for(var key in str){

console.log(key + “::” + (str[key] + “”));[……]

继续阅读

2014-10-10 Comments (0)
阅读全文

Javascript在for循环外定义变量的区别,神奇的Javascript

先看两段代码,我们通过for循环定义一个数组arr1,然后要把arr1依次放入数组arr2里面。

开始,我们定一个这两个数组变量,然后通过for循环为arr1赋值(因为是示例,我们只在里面添加一个元素arr1[0])。

[javascript]

var arr2 = []; //存[……]

继续阅读

2014-09-30 Comments (0)
阅读全文

各大主流浏览器内核

浏览器市场五花八门,各大国内互联网公司也纷纷推出自己的浏览器,其实很多浏览器都是换汤不换药,挂着羊头卖狗肉……下面我们用一个详细的表格列出了现在主流浏览器的一些内核及参数:

市场份额:根据百度流量研究院2017年数据(截至2017.07)

操作系统
名称[……]

继续阅读

2014-09-18 Comments (0)
阅读全文

JS如何在一个函数中定义全局变量?

方法一:
只需要在函数内部定义变量时不加var声明就行了
方法二:
使用window.paramName[……]

继续阅读

2014-09-18 Comments (0)
阅读全文

CSS浏览器兼容性汇总

伪类和伪元素

名称
示例
版本

属性选择器
input[type=text]
IE7+

多类选择器
div.class1.class2
IE8+

透明
rgba() opacity*
IE9+

选择器
nth-chi[……]

继续阅读

2014-09-12 Comments (0)
阅读全文

TOP