H5学习

摘要：为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的。

Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。

我为什么把他们两个放在一起讲？我觉得这两个设计模式有相似之处，有时候会一个设计模式不能满足你的需求而采用另一种设计模式。基于这点考虑，而且为了大家更好地理解，我放到了一起，加深大家的印象，活学活用。 在我们Team协作开发过程当中，不同于我们写个人项目，对全局变量的限制很大，我…

Edge 等浏览器都开始支持 CSS 变量了

wepback作为前端最热门的打包管理工具之一，学习一下是很有必要的，关于webpack的学习教程很多，并且官方也有对应的中文文档，所以本篇文章不再讲解如何使用webpack，而是重点讲解学习webpack前需要了解的一些概念。 什么是webpack 关于什么是webpack，…

最近整理了一份HTML/CSS/JS编码规范，供大家参考。 目录： 一、HTML编码规范 二、CSS编码规范 三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表…

本文是我在复制对象方面的一些心得总结，由浅复制到深复制，由只复制简单属性到复制 Function，RegExp 等复杂属性，层层递进，文字与代码想结合，全面阐述了对象复制方面的知识点

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

前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 FileList 对象和 file …

此文研究Web API中的拖放接口，提供各个属性和方法的说明，解决拖放过程中的拖拽数据对象存储和获取问题。

除了 HTML5 的新特性，CSS3 的新特性也是面试中经常被问到的。

为什么要学正则表达式. 有位网友这么说: 江湖传说里, 程序员的正则表达式和医生的处方, 道士的鬼符齐名, 曰: 普通人看不懂的三件神器. 这个传说至少向我们透露了两点信息: 一是正则表达式很牛, 能和医生的处方, 道士的鬼符齐名, 并被大家提起, 可见其江湖地位. 二是正则表达式很难, 这也从侧面说明了, 如果你可以熟练的掌握并应用它, 在装逼的路上, 你将如日中天 (别问我中天是谁……) !

由对 JavaScript 面向对象的疑惑到对 JavaScript 的原型链的理解，阐明了 JS 面向对象语法的背后意义，并介绍了另一种组织代码的方式 Behavior Delagation

译者按: 程序员应该知道递归，但是你真的知道是怎么回事么？ 原文: All About Recursion, PTC, TCO and STC in JavaScript 译者: Fundebug 为了保证可读性，本文采用意译而非直译。 递归简介 一个过程或函数在其定义或说明中…

节流的原理很简单：

如果你持续触发事件，每隔一段时间，只执行一次事件。

根据首次是否执行以及结束后是否执行，效果有所不同，实现的方式也有所不同。我们用 leading 代表首次是否执行，trailing 代表结束后是否再执行一次。

关于节流的实现，有两种主流的实现方式，一种是使用时间戳，一种是设置定时器。

JavaScript 堪称世界上被人误解最深的编程语言。虽然常被嘲为“玩具语言”，但在它看似简洁的外衣下，还隐藏着强大的语言特性。 Js 目前广泛应用于众多知名应用中，对于网页和移动开发者来说，深入理解 Js尤为重要！

主要讲 HTML 和 CSS 的开发接口，以及学习 HTML 和 CSS 的相关资源

Javascript是单线程运行、支持异步机制的语言。进入正题之前，我们有必要先理解这种运行方式。

以「起床上班」的过程为例，假设有以下几个步骤：

起床（10min）
洗刷（10min）
换衣（5min）
叫车（10min）
上班（15min）
最简单粗暴的执行方式就是按顺序逐步执行，这样从起床到上班共需50分钟，效率较低。如果能在「洗刷」之前先「叫车」，就可以节省10分钟的等车时间。

应用依赖，或者叫做业务依赖，这是我们最常用的依赖包管理对象！它用于指定应用依赖的外部包，这些依赖是应用发布后正常执行时所需要的，但不包含测试时或者本地打包时所使用的包。可使用下面的命令来安装： dependencies是一个简单的JSON对象，包含包名与包版本，其中包版本可以是…

JS检测IE版本之解决方案大杂烩。

工欲善其事，必先利其器。一套完善的工具可以帮助我们事半功倍。而作为前端程序员的我，也是花了点时间为自己配置了一套工具。如果你也是使用 MacOS 作为你的开发系统的话，那麽你可以看一下这篇文章。

JS中的命名与注释规范化对于团队协作来说是非常重要的，统一规范化的命名和注释可以使代码更加规范、清晰，对于我们开发和维护都有非常大的帮助。
本文参考了JavaScript 开发规范，并做了补充和修改，同时删去了框架开发相关的内容(侵删)。

1.Promise的立即执行性 var p = new Promise(function(resolve, reject){ console.log("create a promise"); resolve("success"); }); console.log("after n…

这样写好了之后 function 是全局的变量，那么是全局的就难免会对项目javascript环境造成污染，可能会对其他同事造成影响，我们首先要考虑会不会影响别人，如果别人重名对你的checkMessage覆盖，那么这样的BUG是很难发现的。为了不造成太多的全局污染，我们可以这…

包括自适应椭圆、平行四边形、菱形图片、切角效果、梯形标签页、简单的饼图

用 JavaScript 进行开发的时候，很多情况都需要用到 JavaScript 里面的定时器。
但是你真的了解定时器吗？

这篇文章包括了 JavaScript 中定时器的运行原理，还没有了解过的同学快上车！

今天来谈谈前端面试中基本上每次一面都会被问到的一个问题，那就是html5的新特性了。这个是学习前端必须掌握的基础知识。

前言 在手机上通过网页 input 标签拍照上传图片，有一些手机会出现图片旋转了90度d的问题，包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就正常显示。因此，可以通过获取手机拍照角度来对照片进行旋转，从而解决这个问题。 Orientat…

不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。

这是一门微信小程序入门课程，通过学习本节课程可以使你快速上手小程序开发，在学习这门课之前，需要你先具备基本的前端开发能力，包括html/css/JavaScrip，起码你得会切图，了解js语法。

对 ES6 中 Generotor 函数的一些 常用用法进行的 总结 归纳

深入浅出理解JavaScript原型及原型链

在 web 开发中，经常会对一些事件进行监听处理，从而达到我们需要的一些效果。但是某些事件触发特别频繁，如浏览器窗口的 resize 事件以及页面的滚动事件。如此频繁的事件监听以及处理函数的多次执行，势必会带来性能上不必要的损失和欠佳的用户体验。

因此，今天就初探一下类似问题的解决办法：防抖动（Debounce ）、节流阀（Throttle）和 requestAnimationFrame。

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 Github: https://github.com/aototo/blog 博客长期更新，喜欢的朋友star一下 outline 移除当选中input元素的时…

RegExp 是正则表达式（Regular expression）的缩写，作用是对字符串执行模式匹配。

通常用于格式验证、正则替换、查找子串等

各种编程语言的正则表达式基本相同，不同的语言可能会有一些细小的差别

前言 难得有空，今天开始重新规范的学习一下node编程。 但是引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。 阿西吧，头都大了.... 头大完了，那我们坐下先理理他们的使用范围。 require: node 和 es…

译者按: 箭头函数看上去只是语法的变动，其实也影响了 this 的作用域。 原文: JavaScript: Arrow Functions for Beginners 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 本文…

全面了解JS正则表达式