Array之判断数组相等

判断数组相同：

React的拖拽组件react-draggable

react-draggable主要是实现原生的拖拽功能的，进行一个简单的总结。

Jekyll用法

​Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录，其中包含原始文本格式的文档，通过 Markdown （或者 Textile） 以及 Liquid 转化成一个完整的可发布的静态网站，你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。

React组件的生命周期

React的生命周期

Array之reduce应用

reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始合并，最终为一个值。

CSS-flex

通过css3中的flex布局，实现一个流式布局：每行的项目数固定为4个块，然后会自动进行分行。分两种情况：一种有左右间距，一种没有。

ES6之变量的解构赋值

ES6之变量的解构赋值

vue中components配置

vue中components配置，具体代码如下：

vue-cli配置mint-ui时报错- Module build failed: Error: No PostCSS

vue-cli配置mint-ui时报错- Module build failed: Error: No PostCSS。最近想到用Mint UI 饿了么的移动端ui框架，但是在使用vue-cli脚手架时，发现有报错信息。而且是根据官方文档的步骤进行的，其中也有错误的步骤。

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

ES6之变量let、const的特点总结

ES6之变量let、const的特点总结，添加实际例子。

js中Array和String对象的方法总结

在js中经常会用到Array和String对象，其中有很多方法，现在通过思维导图总结一下：

前端模块化理解

前端模块化分成三种：AMD、CMD和CommonJs三种。

CSS-layout

布局，实现左侧固定，右侧自适应的布局

js中经常遇到的一些基本算法

js中经常遇到的一些基本算法的实现：1、实现两个有序数组相加后，为一个有序数组。2、大数据转换，添加千位分隔符（逗号）。3、九九乘法表。4、对象数组和类数组对象的转换。5、求x的y次方-递归实现。6、求数组最大最小值。

CSS-position

position的定位需要有个详细的了解，仔细分析每一个属性。

CSS-display

列出display相关属性，掌握基本用法。

CSS-span

根据以下位置，说一下span的位置是什么，盒模型的位置是什么呢？

自己的开源项目-gulp插件

自己开发的开源项目-gulp插件，gulp-chsi-rev和gulp-rename-rev

课题研究PPT

以下为个人自己制作的课题研究PPT，针对某个知识点进行资料查询、内容整理，demo测试等，形成完成的ppt，具体列表如下：

vue生命周期

• beforeCreate：创建前，el、data均未初始化。

双向数据绑定的实现原理

目前最火的框架vue最大的优点就是双向数据绑定，其中Object.defineProperty() 这个API就是Vue实现双向数据绑定的关键。

web前端安全

总结一下前端开发人员需要注意的一些安全知识。

http与https的概念和区别

1、HTPPS和HTTP的概念

CSS基础知识汇总

css基础知识汇总

div水平垂直居中

div水平垂直居中以及内容水平垂直居中的各种办法。5种div水平垂直居中，3中内容水平垂直居中。

盒模型：W3C盒模型和IE盒子

　盒模型：文档中的每个元素被描绘为矩形盒子，渲染引擎的目的就是判定大小，属性——比如它的颜色、背景、边框方面——及这些盒子的位置。

block, inline和inline-block的区别

block, inline和inline-block的区别

Vue以及组件库element、iview的使用分析

针对现在比较流向vue框架以及其相关的element、iview等组件库进行分析和比较，看是否可以运用于实际项目中。好的东西并不一定适合所有系统，只有进过分析和比较才能选择出最合适的框架，以及最合适项目中使用的组件库。切勿为了使用而使用！

移动端浏览器使用分析（2018年2月）

如果2018年需要着重开发移动端，则需要分析移动设备的各项统计情况，移动端IOS、Android等系统的统计情况。当然，如果需要具体系统中做移动端适配，则需要具体分析其使用情况。具体如下：

组件库layui的说明

layui是现在使用率比较高的一个前端库，样式比较简洁，用法也不难。作为快速构建后台管理系统比较合适，但是其插件的可扩展性不太好，不能满足一些复杂的业务需求。

Nodejs服务器挂掉后自动重启方法

在使用nodejs启动服务器后经常会遇到一个问题，那就是服务器挂掉后需要手动执行一遍node的方法来启动服务器。这里提供两种方法，来自动重启node服务器。

现代富文本编辑器 Quill

Quill是一个轻量级、可定制和跨浏览器的富文本编辑器。并且截止至今天（2018年02月06日），目前在前端库的富文本编辑器中评分最高的编辑器。具体如下：

express-session resave saveUninitialized 解释

使用express-session配置时，如果用官方显示的方法，页面可能会有些提示内容。具体如下：

Sublime text3中运行Nodejs

在Sublime text3中直接运行nodejs，不用在终端执行nodejs文件，便于测试代码。很方便使用！！

Nodejs删除文件夹或者是指定文件

通过nodejs来删除文件夹或者是指定文件。1、删除指定路径的文件夹，包括里面的各种子路径一并删除掉；2、删除某一个包下面的指定文件。

十、webpack3.x之实际应用

webpack与框架的应用：vue、react；webpack与自动化工具的应用：gulp

九、webpack3.x之其他配置

webpack的其他配置：resolve、devtool、devServer。

八、webpack3.x之plugins配置

webpack中的配置文件webpack.config.js进行plugins配置：plugins是什么、plugins与loader的区别、plugins分类、plugins使用方法、 插件详解：添加版权注释、插件详解：html模板、插件详解：单独提取css、插件详解：清除生成的文件等内容。

09、Promise用法

Promise是一个构造函数，

08、12种不宜使用的JavaScript语法

12种不宜使用的JavaScript语法，出自于《JavaScript语言精粹》中的附录B。

07、JS闭包

闭包是有权限访问其他函数作用域内的变量的一个函数。这是《JavaScript高级程序设计》中给出的定义。

06、JS继承的方式

JS是一门弱类型动态语言，封装和继承是他的两大特性。

05、JS原型链

JS原型链 是对象继承属性的一个链条。

七、webpack3.x之loader配置

webpack中的配置文件webpack.config.js进行loader配置。loaders的作用、安装、功能、配置、样式相关loader配置、图片相关配置，file-loader和url-loader等。

六、webpack3.x之entry&output配置

webpack 的配置中主要的两个配置 key 是，entry 和 output。单一入口、多文件入口、多个打包目标文件、output参数说明等。

五、webpack3.x之配置文件

webpack配置文件详解，大致步骤、package.json的配置、webpack.config.js配置详解。主要配置项：entry、output、loaders、plugins，其他配置：resolve、devtool 、devServer。

四、webpack之命令行

webpack相关的命令行学习

三、webpack之css文件处理

css文件处理的方法步骤，以及需要用的loaders。

找出所有的大于100KB的图片

通过nodejs，找出所有的大于100KB的图片。

二、webpack之简单打包

webpack简单打包，不写任何配置时的打包方法，如下：

npm 命令行操作

• 新建：cnpm install —save-dev
• 删除所有的npm包：rimraf node_modules

04、JS常见的四种设计模式

JS常见的四种设计模式：工厂模式、单例模式、沙箱模式、发布者订阅模式。

03、call、apply和bind

IE5之前不支持call和apply,bind是ES5出来的；call和apply可以调用函数,改变this,实现继承和借用别的对象的方法。

02、ES5中函数的4种调用和ES6中函数的调用

ES5中函数的4种调用和ES6中函数的调用。在ES5中函数内容的this指向和调用方法有关

01、函数的3种定义方法

函数的3种定义方法：函数声明、函数表达式、构造函数。

nvm 管理不同版本的 node 与 npm

Nodejs版本不同会导致有些方法不可使用，可能不同的项目中需要用到不同的node版本。通过nvm可以实现不同项目用不同的node和npm版本。

express框架中ejs模板的基本使用

express中ejs模板，可以转化为html格式的文档，但是使用方法还是ejs模板中的方法。

NodeJs中通过express框架ajax获取参数的方法

NodeJs中通过express框架ajax获取参数的方法有两种：

linux 命令行操作

常用的几个Linux命令行操作

NodeJs中通过express框架实现登录状态保持的方法

一直想通过session保存用户登录信息，同时判断用户是否处于登录状态。现在通过express框架实现了该功能。

NodeJs中express的用法

参考：【express的API】

NodeJs设置cookie方法

通过Nodejs设置cookie方法：

淘宝镜像cnpm替代npm的方法

npm在国内用起来会比较慢，使用cnpm可完成替代npm，同时速度比较快。

nodeJS通过execSync方法执行svn log时乱码问题的解决

通过nodeJs中的exec或者是execSync方法，获取svn信息时，如果服务器端不是utf-8的编码的话，获取的内容会出现乱码。

nodeJS获取ip地址（服务器端和客服端）

NodeJs既可以获取服务器端ip地址（也就是咱们的本机地址），也可以获取客户端（也就是浏览器）的地址，具体代码如下：

svn 命令行常用方法

svn常用命令行

nodeJS链接本地mysql数据库，实现数据查找功能

nodeJs链接本地mysql数据库，方法如下：

nodeJS获取svn记录信息（svn log命令行）

通过svn log命令行方法获取到svn记录的最后更新人、更新时间，以及更新记录。

nodeJS获取svn记录信息（svn-info插件）

通过nodeJS获取svn记录信息，用到svn-info插件。获取到的内容比较有限，svn最后更新人和更新时间，但是针对更新提交的内容不能获取得到

mysql数据库通过ip地址访问

默认情况下mysql是不能通过ip地址进行访问的，会报错，如下图：

mysql数据库无法插入中文

由于默认情况下，mysql数据的字符编号不是utf-8，导致中文无法插入。

NodeJs读取文件

nodejs读取文件以及写入文件的方法

mysql数据库命令行访问

mysql数据库命令行访问，直接使用mysql会显示没有改命令行。

mysql增删查改等语句

mysql操作表结构的语法

mysql数据类型

mysql的数据类型：整形、浮点型、定点数、字符串、二进制数据、日期时间类型。

nodeJS启动服务，并完成数据的增删查改，数据存在json文件中

通过NodeJs启动本地服务，并完成数据的增删查改功能，其中将数据存在一个json文件中。

nodejs版本升级

nodeJs大家经常会用到，但是更新太快，有些内容如果不更新会到时无法使用。例如antDesign如果使用的话，需要node版本大于0.6。更新方法，需要借助一个n这个模块，专门用来管理nodejs版本的。

复制文件插件clipboard用法-不依赖flash

原生的复制方法，不一依赖于flash和jquery，原生js插件

原生js实现Date格式转化

• 通过js获取到时间的方法，但是时间经常不对，需要进行转换才行，而且每次转换时间。

holidayCalendar休息日设置日历插件

• 为了满足实际需求，自己写的休息日设置日历插件。
• 通过参数设置休息日和工作日，显示当年日历，主要是图形化展示。

fullCalender日历插件

• fullCalender事件日历，显示全尺寸拖放事件日历。可定制和开源，但不能用于商业用途。
• fullCalender是基于jquery的插件，使用前需要引入jquery。
• 官方网址：fullCalender
• 兼容性：Chrome，Firefox，Safari，Opera，IE 9+
• 基于jQuery 2.0.0+

jquery zoom 图片放大镜效果插件

• jquery-zoom是基于jquery的插件，使用前需要引入jquery。
• 官方网址：jQuery Zoom
• 兼容性：Chrome，Firefox，Safari，Opera，IE 7+
• 基于jQuery 1.7+

css3中content特殊字符列表

content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。

纯CSS美化radio/checkbox样式（兼容IE9+）

利用伪元素::before给label添加样式，利用CSS3的伪类选择器:checked，:hover，:focus，:disabled设置不用状态的样式。

文本省略显示

文本省略显示分两种：单行和多行。 单行所有浏览器都兼容，多行目前仅支持webkit浏览器。

去掉按钮点击后的虚线框样式

button或者是input[type=”button”]，点击后按钮区域会有一个蓝色的边框。

a标签新开的方法

a标签新开的方法，有3种用于不同的情况：单个设置和全局设置、局部设置。

五、Mocha单元测命令行之基本用法

Mocha命令行用法：基本用法、异步请求测试、ajax异步请求测试、定制生成格式、添加默认配置、浏览器显示测试结果、单元测试实例、在gulp中运行Mocha测试。

四、Mocha单元测试断言库

Mocha单元测试断言库，主要讲解内容为：chai断言库、expect断言风格。

三、Mocha单元测试基本用法

Mocha单元测试基本用法，主要讲解内容为：单元测试大致流程、单元测试基本用法、单元测试生命周期、测试管道管理、动态生成测试用例。

二、Mocha单元测试大致流程

Mocha单元测试大致流程，主要讲解内容为：单元测试大致流程。Mocha的实现方式都是通过node的方式来实现的。

一、Mocha单元测试框架介绍

Mocha单元测试框架介绍–单元测试的基本概念：什么是单元测试、click事件是单元测试吗、各种测试的关系：单元测试、集成测试、功能测试等。

单元测试框架Mocha

单元测试框架mocha，该课题研究主要是在2017年8月的，主要涉及到内容整理、demo整理，以及完成PPT讲解等多个步骤，目前文档还未，打算抽空完成。主要内容为：Mocha单元测试框架介绍、Mocha单元测试用法、Mocha命令行用法。

一、webpack简介

Webpack 是前端资源模块化管理和打包工具

loadsh是什么

什么是loadsh

D3数据可视化工具

D3 数据可视化工具

数据可视化工具研究

数据可视化工具研究

个人日程及任务管理经验分享

个人日程及任务管理经验分享20170324

前端知识汇总

前端知识内容的一些总结，具体如下：

Meta用法总结

本文主要分为四个模块，请读者自行选择查看。

webpack3.x课题研究

主要是为了学习webpack，目前前端出现的各种框架中，webpack是必不可少的，所有需要学习和研究。下面的每一篇文章都是针对webpack初学者来说的，一步一步的进行学习。

bootstrap在线生成布局插件

Bootstrap在线编辑可视化布局系统模板

基础样式_base.less

目前项目中用到的都是通过less来开发，然后这里需要用到的就是将base放到各自项目里面。

less课题研究

1、什么是less？（less介绍、less优点）；2、如何调用less（less调用方法、GUI工具Koala、服务器端解析less.js、Node解析、IDE对应插件）；3、Less语法详解（注释、变量、嵌套、运算、颜色函数、继承、匹配模式、其他、总结）；4、Less和Sass的对比；5、参考文档。

html5模板

目前已可以全部用html5模板了，html5的具体用法如下：

HTML中等6种空白空格的区别

HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格 是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（       ‌‍）在不同浏览器中宽度各异。

收藏夹

常用的网站收藏夹，记录经常需要用的一些网站：

koala软件-实现js和css的自动压缩

koala软件-实现js和css的自动压缩

前端开发规范总结

此文档主要实现的目标：代码一致性和最佳实践。通过代码风格的一致性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践，确保页面性能得到最佳优化和高效的代码。

Yahoo军规-前端优化14条

Yahoo军规-前端优化14条

jQuery-Validation插件用法总结

jQuery-Validation插件用法总结

Brackets编辑器用法总结

Brackets编辑器用法总结

【插件】Browsersyns插件用法

​ browsersyns官网

fullpage全屏滚动

fullpage

【微信】分享到微信时，页面的图片和描述

分享到微信时，页面的图片和描述

MoveJs实现动画效果

MoveJs

json格式解析以及jsonp返回方法解析跨越问题

json格式解析以及jsonp返回方法解析跨越问题

Sublime Text用法

1、sunblime text介绍

github命令

获取gitHub上的项目代码

git clone https://github.com/huanghui8030/Blog

JavaScript事件总结

事件流

原生js小游戏

这是2013年写的，原生js小游戏。一直未修复，可能还要一些内容需要完善

基于jquery的插件

这是2013年写的，基于jquery的插件。一直未修复，可能还要一些内容需要完善