绿足 博客

在ES6之前， 社区制定了一些模块加载方案， 主要有CommonJS 和 AMD 两种。 前者用于服务器，后者用于浏览器。 ES6在语言标准俺的层面上，实现了模块功能，而且实现得相当简单，完全可以取代CommonJS 和 AMD 规范， 成为浏览器和服务器通用的模块解决方案。ES6模块的设计思想是尽量的静态化，是得编译时就能确定模块的依赖关系，以及输入和输出的变量。 CommoJS和AMD模块，...

一. 正则声明1. 构造函数方式var reg = new RegExp('\d', 'gi');通过 new 构造正则表达式对象， 第一个参数为正则内容， 第二个参数为修饰符。 这的参数匀为字符串修饰符的作用是对匹配进行限定修饰符有三种：** i, g, m, ** 可以同时出现， 没有顺序(在正则解析上 gi == ig)(1) i : 忽略大小写匹配(2) g:...

/* 知识点1： 变量声明提升，但是赋值不不会提升 var a = 1; if(true) { console.log(a); // 1 var a = 2; var b = 3; } console.log(a); //2 console.log(...

seaJS  使用随笔与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的逻辑。SeaJS可以与jQuery这类框架完美集成。使用

HandlebarsJS 模板引擎   随笔一. 简单介绍     handlebars.js 目前已经被许多项目广泛使用，它是一个纯JS库。因此可以像使用其它js脚步一样用script标签来包含handlebars.js.如：     版本兼容： 目前兼容几乎所有主流浏览器，IE7+     handlebars.js 获取方式：http://handlebars

Node-Babel-Gulp 随笔一. Node（npm） 安装    Node 下载地址： 官网http://www.nodejs.org/download/、  （选择对应的系统版本）下载完成后，直接点击安装。    安装完成后，npm包管理工具已随同Node一起安装。    打开命令控制台 (运行-> cmd)， 输入node -v 查看安装的Nod

                                                 gulp 之 React + ES6 自动编译随笔               1.  react &  es6 编译简述                     研究这个花了不少时间，现在自己配置了一套。这里分享一下。 如果不知道安装环境如何搭建，可以参考我的博客Gulp 一篇。...

npm 之淘宝 代理包安装 背景： npm install  有时会感觉特别满， 超时安装失败也是常见。 这里借用淘宝的域来镜像install 1. 临时使用    npm --registry https://registry.npm.taobao.org install xxx包名 2. 长久使用    npm install -g cnpm --registr...

                                                                    JS 原型之函数添加自定义工具函数 我们从一个js 题目开始讨论:使下面代码正常运行：const a = [1,2,3,4,5];a.multiply()console.log(a)  // [1,2,3,4,5,1,4,9,16,25]...

Win10 配置本地站点手机访问1. 系统设置指定端口规则： 控制面板 ->Windows 防火墙 -> 高级设置 -> 添加规则 -> （特定端口 80, 8080）;2. 关闭防火墙；3. hosts 下配置 当前 ip localhost 或者 ...

H5 EChart 左右滑动加载实践快速实现一个支持左右滑动的EChart h5 实践：滑动前：滑动后：源码：<template><div class="box1"> <div class="wrap">...

前言Promise 前端开发或多或少都有了解或使用到。 抽空梳理了一下，阅读本章希望能帮助了解Promise到底是怎么实现的。 我们采用渐进法，通过Demo 逐步实现Promise来体会Promise的用法。Promise 规范有很多， 如 Promise/A, Promise/B, Promise/D == 以及 Promise/A 的升级 Promise/A+ , 有兴趣可以去了解下。...

jQuery  高级事件注册         jquery 已经成为许多前端开发的基础库，它的引入给前端开发节约了许多事件同时也在一定程度上提高了工作效率。今天一起讨论下jQuery 中大家都会用到的事件注册相关知识。 个人总结，如有错误欢迎指出，讨论。          1.  Bind 方法  （与addEventListner 和  attachEvent 一样，

GitHub  项目版本控制与管理 一.  GitHub  是啥东东     1.  第三方项目托管服务(及版本控制系统)      GitHub可以看成是一个远程的仓库，只要你有开源项目，放到GitHub上完全没有问题。      2. 允许参入与被参入开源项目      上传到GitHub仓库的开源项目，可以让别人参与查看，修改完善及提交代码及建议等。     3....

AngularJS  入门2五.使用控制器封装业务逻辑1. 控制器的作用我们知道，在AngularJS中，实现数据绑定的核心是scope对象。那么控制器又有什么用呢？简单地说，没有控制器/controller，我们没有地方定义业务模型。回忆下ng-init指令。我们可以使用ng-init指令在scope对象上定义数据，比如： ng-init="sb={nam

AngularJS   入门3七. 使用指令封装DOM操作1. 创建指令指令也是一种服务，只是这种服务的定义有几个特殊要求：必须使用模块的directive（）方法注册服务必须以对象工厂/factory（）方法定义服务实现对象工厂必须返回一个指令定义对象//定义指令的类工厂var directiveFactory = function（i

AngularJS  入门4八. 使用过滤器转化输出1. 在视图模板中使用过滤器过滤器也是一种服务，负责对输入的内容进行处理转换，以便更好地向用户显示。过滤器可以在模板中的{{}}标记中使用：{{ expression | filter:arg1:arg2}}预置的过滤器AngularJS的ng模块实现了一些预置的过滤器，如：cu

刚刚自己做了一个jqGride 实例。 这个js插件很好用，也很实用。下面简单介绍下使用心得并在文章最后附上源代码。一. 环境配置：  需要引用的文件：注： 这里用到了jquery-ui.css  改样式可以根据需要到jquery-ui官网生成需要的风格。   生成地址：http://jqueryui.com/  

swiper H5 滑屏插件推荐发现一款比较好用的移动端滑屏工具，这里推荐大家使用。 该工具支持手机&ＰＣ端屏幕滑动及图片切换，同时该插件还提供很多滑动及切换特效。并且有详细的ＡＰＩ及丰富实例。　　这款工具是： Siwper, 参考网址：http://www.swiper.c...

jQuery Mobile  入门4四.  jQuery Mobile  事件1. 事件介绍在jQuery Mobile你可以使用任何标准的 jQuery 事件 。　　Jquery Mobile 事件包括：触摸事件、虚拟鼠标事件、设备方向事件、滚屏事件、页面加载事件、页面显示/隐藏事件、页面初始化事件、动画事件等。这些事件会根据当前设备的特性来分别使用T

jquery mobile   入门21. 列表视图jQuery Mobile中的列表视图是标准的HTML 列表; 有序(ol) 和 无序(ul)，应用方法就是在ul或ol标签中添加data-role="listview"属性。 data-role="listview"> href="#">列表项m data-role="listview"> href=

React  快速入门一. 介绍React是Facebook开源的一个用于构建用户界面的Javascript库，已经 应用于Facebook及旗下Instagram。和庞大的AngularJS不同，React专注于MVC架构中的V，即视图。 这使得React很容易和开发者已有的开发栈进行融合。React顺应了Web开发组件化的趋势。应用React时，你总

ReactJS  快速入门 3  高级特性一. 容器组件React元素也可以包含其他的子元素，这意味着响应的React组件是一个 容器组件。比如：//JSXEzPanel title="title"> this is demo content EzPanel>上例中的EzPanel声明了一个面板组件，而面板的内容在定义组件时是不可知的， 这些内容需要被加入到EzPa

ReactJS  快速入门 2  组件开发 一. 属性 props组件应该提供一些属性供开发者在不同的场景下可以对组件实例元素的行为 外观进行调整，这样可以提高组件的利用效率。在React中，使用props字段访问实例元素的属性。React.render( EzLampComp onoff="off" /> , document.querySele

AngularJS  入门1一. 声明式界面（模板、指令和视图）先附实例代码：       div.clock{padding:10px;margin: 0px auto;width:400px;background:#000;color:#0f0;}