Function.prototype.iApply = function() { let [newContext, args] = arguments; if (!newContext) newContext = window; args = args || []; newContext.fn = this; let result = eval(newContext.fn(...args)); delete newContext.fn; return result; }

Function.prototype.iCall = function() { let self = this; let [newContext, ...args] = arguments; if (!newContext) newContext = window; newContext.fn = self; let result = eval(newContext.fn(...args)); delete newContext.fn; return result; }

Array.prototype.suniq = function() { this.sort(); let last; for (let i = 0; i

function showThis(){ console.log(this); } var o = { showThis: showThis } showThis(); // global o.showThis(); // o 这段代码想必大家都耳熟能详了，这里我尝试换个方式来理解一下js中的this关键字。 普通函数的 this 值由“调用它所使用的引用”决定，其中奥秘就在于：我们获取函数的表达式，它实际上返回的并非函数本身，而是一个 Reference 类型（记得我们在类型一章讲过七种标准类型吗，正是其中之一）。Reference 类型由两部分组成：一个对象和一个属性值。不难理解

I want to introduce 7 actionable principles for websites that want to make use of JavaScript to control their UI. They are the result of my experience as a web developer, but also

Event Loop 是js异步特性的基石，前端同学一定都耳熟能详。但是当我们把这些微操放在一起的时候，会是什么效果？你真的理解js这门语言异步的真谛么？先来个开胃菜： console.log('script start'); setTimeout(function() { console.log('setTimeout'); }, 0); Promise.resolve().then(function() { console.log('promise1'); }).then(function() { console.log('promise2'); }); console.log('script

最近在用Mysql做后台时，数据存储返回如下错误： Error 1366: Incorrect string value: '\xA0\xF1\x34\x80\x0A0…' for column 'XXX' at row 1 在排除了上层框架原因后，发现是在写MySql过程中，string中包含中文字符的原因，这里简单记录下fix过程，仅供参考。 查看当前mysql状态 status 或者 \s 查看当前数据库的编码方式： 假设 Db characterset的编码方式为latin1，

前端基础入门，手动实现一个Promise的polyfill。 好久没写blog，最近组里及其缺人，每天都不少来面试的，但大部分就是来走个过场。我深深感觉到前端开发人员的市场现状就是这样：从业人员数量庞大，但真正能做到基础入门的却并不多。所以，公司招不到人，前端开发找不到工作。 像Promise的原理就是前端入门的基本款知识点，基础中的基础了，如果这都不理解，说什么三年工作经验，五年工作经验的，扯淡，你那是一年工作经验用了五年。 遗憾的是，这知识点大多数面试者完成度并不高，实际现场实现的过程中，面试官并不是让你实现完整的Promise规范，也不可能，只需要完成基本的链式调用，然后思路能讲清楚就足够了。 先开个帖子立个flag，有空的时候补充一些稍微详细点的知识点和注意事项。 // 调用方式 const promise = new Promise(

.inner, .post-full-content { width: 100%; margin: 0; padding: 0; } .kg-card-markdown { max-width: 1280px; } #container { width: 100%; height: 1040px; }

This is a guide explaining how Ember Data works internaly. My initial motivation for writing this is to understand Ember better myself. I’ve found that every time I understand something about how

DOM Mutation Events seemed like a great idea at the time – as web developers create a more dynamic web it seems natural that we would welcome the ability to listen for changes in

In software engineering, the data mapper pattern is an architectural pattern. It was named by Martin Fowler in his 2003 book Patterns of Enterprise Application Architecture. The interface of an object conforming to

Here is a holy brief document for libuv. And this is the only useful info:

What is a functor? This is my attempt at explaining about a functional programming concept called ‘functor’ in an easy-to-understand way. I’ll be explaining it in JavaScript. According to Haskell and the

A programmer’s pipe-dream is to write code, and be able to use it repeatedly with little effort. It’s expressive because you write in a way that expresses what is needed, and

前几天对网站结构做了些优化和小的局部重构，之后发现前端页面行为异常，涉及到页面滚动和元素偏移的行为都挂掉了。调试发现，涉及到document.body.scrollTop的逻辑都失效了。 document.body or document.documentElement? 结论如下： chrome在浏览器标准模式下，并不支持documeng.body.scrollTop。 有关于document.body.scrollTop的历史问题可以参考dom-element-scrolltop。 IE和FireFox实现了标准的document.documentElement，具体spec在这里dom-document-scrollingelement。 摘录一下： Spec of The scrollTop attribute on getting, must return

上周搭了个node的server, 因为也是用的webpack，所以顺手写了个插件，配合webpack的watch option, 可以实现server端代码的自动同步更新。 Pulished reference npm github BTW，好想新建个社区，就叫 www.shitwebpack.com 一定能火