Vue.js 前后端同构方案之准备篇——代码优化

目前 Vue.js 的火爆不亚于当初的 React，本人对写代码有洁癖，代码也是艺术。此篇是准备篇，工欲善其事，必先利其器。我们先在代码层面进行优化，对我们完成整个技术架构是起到基础作用的。

腾讯 AlloyTeam：移动端输入框填坑系列（一）

作者：yana@alloyteam 输入在移动端是一个很常用的功能，那么输入框必然是一个很重要的部分。然而，移动端输入框总会遇到各种各样的问题，无论是样式还是 ios 和 android 两端体验不一致都是很让我们头疼的问题，那么如何使移动 web 的输入框体验更贴近原生也成了一个需要我们…

javascript函数式编程系列 ② 优雅的使用underscore进行函数编程

所谓一等公民①顾名思义身份高，JS任何只要是值能到达的地方，函数都可以去。 这种编程方式很常见，谁都会写，我们一般叫这种编程方式称之为命令编程②，这个逻辑完全在你掌握之中，你只要规定计算机在你想要的时候执行一些不同的动作就可以了。 下文中出现的注解underscore方法会在文…

前端工程-从原理到轮子之JS模块化

本篇介绍的是JS模块化。 JS模块化是随着前端技术的发展，前端代码爆炸式增长后，工程化所采取的必然措施。目前模块化的思想分为CommonJS、AMD和CMD。有关三者的区别，大家基本都多少有所了解，而且资料很多，这里就不再赘述。 拆分。将js代码按功能逻辑拆分成多个可复用的js…

ES6是如何解决js中功能模块导入导出问题的

JavaScript没有一个标准的方法，来从一个文件向其他文件导入或者导出某个或者某些功能。直到es6出现了

深入理解 JavaScript 原型和闭包

我见过分析原型和闭包最详细，最易理解的文章了

JavaScript易错知识点整理

前言 本文是我学习JavaScript过程中收集与整理的一些易错知识点，将分别从变量作用域，类型比较，this指向，函数参数，闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解，其中也涉及了一些ES6的知识点。 JavaScript知识点 1.变量作用域 var a =…

手把手带你用原生js实现css属性的set和get

作者：Icarus原文链接：手把手带你用原生js实现css属性的set和get 上一篇博文介绍了getComputedStyle方法，接下来，我们就来实现一个简易版的小插件，能够在不借助jQuery的情况下实现css属性的获取和设置。 Let's start 首先创建一个 cs…

大前端开发者需要了解的基础编译原理和语言知识

在我刚刚进入大学，从零开始学习 C 语言的时候，我就不断的从学长的口中听到一个又一个语言，比如 C++、Java、Python、JavaScript 这些大众的，也有 Lisp、PErl、Ruby 这些相对小众的。一般来说，当程序员讨论一门语言的时候，默认的上下文经常是:“用 x…

JavaScript设计模式详解-单身狗的你来看看单例模式

单例模式 前言 这两天是不是被朋友圈里的恩爱狗们秀了一脸？别慌！学习使我们强大，躁起来！在这个5.20，5.21的神圣日子里来聊一个相对简单的设计模式-单例模式来入门这个设计模式，并对闭包、封装、命名空间、单一职责、惰性有一个应用场景的了解。 应用场景 这种模式，常用于线程池、…

【译】理解 Node 事件驱动架构

本文介绍了异步的几种方式，比如回调，Promise，async/await，以及 Node 中的核心模块事件。特别指出，事件不等同于异步，回调也不等同于异步。

JavaScript设计模式系列一之工厂模式(附案例源码)

深入系列文章部分是有先后顺序的，按照目录结构顺序阅读效果最好。 如果有疑问或者发现错误，可以在相应的 issues 进行提问或勘误。 如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。 首先需要说一下工厂模式。工厂模式根据抽象程度的不同分为三种 客户端无须知道所创建的具…

征服 JavaScript 面试系列：类继承和原型继承的区别

“征服 JavaScript 面试” 是我所写的一个系列文章，旨在帮助那些应聘中、高级 JavaScript 开发职位的读者们准备一些常见的面试问题。

深入探究 eventloop 与浏览器渲染的时序问题

从规范入手，结合实例，深入探究 eventloop 与浏览器渲染的时序问题

JS高级技巧

本篇是看的《JS高级程序设计》第23章《高级技巧》做的读书分享。本篇按照书里的思路根据自己的理解和经验，进行扩展延伸，同时指出书里的一些问题。将会讨论安全的类型检测、惰性载入函数、冻结对象、定时器等话题。1. 安全的类型检测这个问题是怎么安全地检测一个变量的类型，例如判断一个变量…

JavaScript 进阶之深入理解数据双向绑定

和多数源码解读的文章不同的是，作者会尝试从一个初级前端的角度入手，由浅入深去讲解源码实现思路和基本的语法知识，通过一些基础事例一步步去实现一些小功能。本文首先讲解一下数据双向绑定的基本原理，介绍对比一下三大框架的不同实现方式，同时会一步步完成一个简单的 mvvm 示例。

《深入理解ES6》中的代码片段，你能猜对几个？

花了3个周末看完了《深入理解ES6》，其中有许多代码段以及文字描述和我“常识”有些出入，因此记录了下来并加以验证。 有些代码段还是蛮有趣的，在此分享下。正在阅读屏幕的你，能“猜”对几个代码片段呢？ 每个代码片段均有编号，格式为为try-xxx-yyy或note-xxx-yyy，其…

从零实现一个简单的 Promise

本文教大家如何从零开始，一步一步实现一个简单的 Promise

Js 运行机制深层剖析

”js 是一门单线程的语言，js 最大的特性是异步 “，这些说法已经见惯不怪了，然而不了解 js 的解释执行始末，这些概念也就只是听听，真正遇到问题的时候，也只能一脸懵逼而已~ 一、Event Loop 机制 / 异步原理 eventLoop.png 由于 Js 是一门单线程的语言，为了实现…

饿了么大前端总监 sofish 帮你理清前端工程师及大前端团队的成长问题！

长文，全面解析

解析 snabbdom 源码，教你实现精简的 Virtual DOM 库

分析 snabbdom 源码，手把手实现一个 Virtual DOM 库。

我接触过的前端数据结构与算法

我们已经讨论过了前端与计算机基础的很多话题，诸如SQL、面向对象、多线程，本篇将讨论数据结构与算法，以我接触过的一些例子做为说明。1. 递归递归就是自己调自己，递归在前端里面算是一种比较常用的算法。假设现在有一堆数据要处理，要实现上一次请求完成了，才能去调下一个请求。一个是可以…

编写可维护代码之 “中间件模式”

当我们在编写业务代码时候，我们无法避免有些业务逻辑复杂而导致业务代码写得又长又乱，如果再加上时间紧凑情况下写出来的代码估计会更让人抓狂。以至于我们一直在寻求更好的架构设计和更好的代码设计，这是一个没有终点的求知之路，但是在这条路上会越走越好。