2015-06-15 W.Y.
ES6
如何遍历一个数组的元素?在 20 年前,当 JavaScript 出现时,你也许会这样做: javascript for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 自从 ES5 开始,你可以使用内置的 forEach 方法: javascript myArray.forEach(function (value) { console.log(value); }); 代码更为精简,但有一个小缺点:不能使用 break 语句来跳出循环,也不能使用 return 语句来从闭包函数中返回。 如果有 for 继续阅读 »
2016-10-31 wilsonIs
六、函数的扩展 函数参数的默认值 ES6中,允许直接为函数的参数设置默认值,如: function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello 继续阅读 »
2014-03-28 W.Y.
介绍 一群恶魔的猪从无辜的小鸟那里偷走了所有的前端架构,现在它们要夺回来,一对特工英雄(愤怒的小鸟)将攻击那些卑鄙的猪,直到夺回属于他们的前端架构。(译者注:本系列是关乎前端架构的讨论,作者借用当前最风靡的游戏 - 愤怒的小鸟,为我们揭开了前端架构的真实面目。) 本文将介绍红色大鸟,它们以 IIFE 作为中坚力量进行进攻,IIFE 是一切私有化的基础。 译注:IIFE (Immediately-invoked Function Expression) 立即调用的函数表达式 猪猪偷走了什么 多年来小鸟们们习惯于将它们自定的变量和函数乱扔在全局命名空间下(window 对象),随着时间的推移,它们慢慢学会了如何使用一些技巧 继续阅读 »
2016-12-30 Oliver Wang
其实这篇文章主要是介绍这个东西 Proposal Bind Operator 或者 bind_operator。 也是在一个很偶然的机会看到了,git 上面的一个项目用到了这个用法,为什么自己发现不了这些东西呢? 传统的 this 绑定 在函数外面暂存一个变量 js // 别名 var self = this; setTimeout(function() { this.doSomething(); }, 1000); 使用 bind 函数 & 箭头函数 在使用 class *** extends React.Component {} 的写法声明 React 组件的时候,组件的方法都不会被自动绑定 this 了,下面 继续阅读 »
2016-09-24 曹强
d3
初识D3 D3是指数据驱动文档(Data-Driven Documents),根据D3的官方定义: D3.js是一个JavaScript库,它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。D3严格遵循Web标准,因而可以让你的程序轻松兼容现代主流浏览器并避免对特定框架的依赖。同时,它提供了强大的可视化组件,可以让使用者以数据驱动的方式去操作DOM。----D3维基(2013年8月) 从一个Hello Wordld示例来看看d3如何运行 点击查看在线DEMO ```javascript function render(data){ var demo = d3.select('b 继续阅读 »
2015-05-01 AnnatarHe
现在网络时代,几乎任何事情都可以在网络上做到。 当然,现在很多喷子。身为嘴强王者的我自然也会稍微有点儿喷,但是我绝绝对对不打字喷人。 为什么呢?因为要查水表实在是太简单了。 function getIP() { if (getenv("HTTP_CLIENT_IP")) { $ip=getenv("HTTP_CLIENT_IP"); }elseif (getenv("HTTP_X_FORWARDED_FOR")) { $ip=getenv("HTTP_X_FORWARDED_FOR"); }elseif (getenv("REMOTE_ADDR")) { 继续阅读 »
2016-06-23 Oliver Wang
最近写手机页面颇多, 经常有弹出框, 或者下拉列表, 如果弹框或者下拉列表的内容太多,出现了滚动条, 恰好外面的内容也很多,也有滚动条的话,就会出现一种情况: 比如上图, 当用力划一下屏幕, 下拉框滚到底了之后, body 随之也开始滚, 很讨厌。出现过好多次了, 而且测试逼我太紧~ 我要解决这个问题啊 其实很简单, 只要弹出下拉列表的时候让下层的元素不能滚动就好了。 css .modal-open { overflow: hidden; } js 的话就这么写: ```js function show($div) { $('body').addClass('modal-open'); / 继续阅读 »
2017-01-07 ruki
We recently added a new feature for xmake: you need not write any make-like file (xmake.lua, makefile.am, cmakelist.txt, etc.) and also build it directly. It will scan all source files and generate xmake.lua automatically for building project. And xmake will detect 'main' function in source file in order to distin 继续阅读 »
2015-07-19 Alex Sun
在AngularJS模块化和依赖注入的基础上,来分析模块加载的详细过程。以如下代码为例: html angular.module('MyModule', []) .controller('ctrl', ['$scope', function($scope) {}]); 继续阅读 »