• 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生命周期

  • 双向数据绑定的实现原理

    目前最火的框架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的插件。一直未修复,可能还要一些内容需要完善