H5学习-CSDN博客

对ES6Generator函数的理解

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

JavaScript 设计模式 ② 巧用'工厂模式'和'创建者'模式

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

CSS 变量教程 | 阮一峰

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

学习 webpack 前，你需要了解的那些概念

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

HTML/CSS/JS编码规范

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

JavaScript 对象的深浅复制

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

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

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

HTML5 进阶系列：文件上传下载

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

HTML5拖放API Drag and Drop

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

前端面试之 CSS3 新特性

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

正则表达式前端使用手册

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

JavaScript 是如何面向对象的

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

JavaScript 中的递归

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

JavaScript 专题之跟着 underscore 学节流

节流的原理很简单：

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

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

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

重新介绍 JavaScript（JS全面系列教程）

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

从入门到成为前端高手（上篇）—— Jonathan

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

异步流程控制

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

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

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

你需要知道的几类npm依赖包管理

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

JS 判断 IE 版本的另类解决方案

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

前端程序员的必备工具清单（MacOS）

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

JavaScript 开发规范（一）：命名与注释规范详解

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

八段代码彻底掌握 Promise

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

JavaScript 设计模式 ① 正确使用面向对象编程的姿势

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

CSS 技巧（二）：形状

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

JavaScript 高级计时器

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

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

前端面试之htm5新特性

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

移动端图片上传旋转、压缩的解决方案

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

利用 javascript 实现富文本编辑器

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

小程序上手指南

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

ES6中异步编程的大杀器 -- Generotor 函数

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

JavaScript原型及原型链

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

防抖动、节流阀与 rAF

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

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

平时自己项目中用到的 CSS

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

最全正则表达式总结：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

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

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

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

H5学习