排序:
默认
按更新时间
按访问量

必知必会的Node-CLI开发基础

本文带你了解创建一个Node-CLI工具所需知识点。 一、命令行参数解析   在NodeJS中可以通过以下代码获取命令行中传递的参数: process.argv.slice(2)   但是这对于构建一个CLI工具远远不够,首先需要考虑参数输入的各种风格: Unix参数风格:前面加-,不...

2018-10-15 22:03:48

阅读数:17

评论数:0

打包升级:node-cron原理详解

打包升级:node-cron原理详解 node-cron主要用来执行定时任务,它不仅提供cron语法,而且增加了NodeJS子进程执行和直接传入Date类型的功能。 一、前言   在理解node-cron之前,需要先知道它的基本用法,下面是一个在每分钟的第20秒到第50秒之间每隔4秒执行一次的...

2018-10-11 00:33:45

阅读数:14

评论数:0

愿只有一个Grid Layout

CSS3新增布局三剑客之Grid Layout 一、前言   相比较Multi-Columns Layout 和Flexible Box Layout,Grid Layuot更像是两者的结合,当然这里并不是说Grid Layout可以取代二者。   另外Grid Layout与当前非常火热的F...

2018-09-30 01:09:57

阅读数:22

评论数:0

CSS并不简单:多栏布局(Multi-Columns Layout)

多栏布局是CSS3新增布局中的一种,尽管它很低调。 一、明确结构   多栏布局的结构很简单,主要由multi-column container和column box组成。   当一个元素设置了column-width和column-count属性并且值不为auto,那么这个元素就是multi-...

2018-09-20 00:39:31

阅读数:50

评论数:0

JS的平凡之路--单例模式的各种实现方式

单例模式:保证一个类有且仅有一个实例,并且有一个全局访问点。虽然JavaScript中没有类的概念,但是我们依旧可以用很多方式模拟单例模式。 一、全局变量实现单例模式  用全局变量实现的单例模式: var singleton = { num: ...

2017-06-12 18:38:02

阅读数:232

评论数:0

JS的平凡之路--简易的图片拖拽排序

由HTML5的拖放API,实现的简易图片拖放效果。 一、HTML5拖放API的知识点  首先我们得知道元素怎么才可以被拖放,需要设置它们的draggable属性,其中img和a标签的dragable属性默认是true,不需要我们手动设置。  拖放API的监听事件如下: dragstart: 源对象...

2017-06-08 21:23:10

阅读数:2042

评论数:0

CSS 并不简单 -- 文字修饰的那点事

这篇主要介绍一些文字修饰的相关技巧。这里主要从text-decoration和text-shadow这两个属性聊起 一、text-decoration  相信大家对于text-decoration这个属性并不陌生,在重置a标签的默认样式时,我们经常要这样写:text-decoration: non...

2017-06-03 18:27:48

阅读数:218

评论数:0

CSS并不简单--带你认识不一样的margin

这一节主要介绍margin的用法和常见问题的分析。 一、简介  margin我们一般习惯的叫它外边距,分别可以设置四个方向的外边距,这里不再赘述赋值语法。  实际上,我们通常设置的margin是物理级别的设置,而margin还有start、end、before、after等,这些主要是逻辑级别的设...

2017-06-01 21:17:12

阅读数:161

评论数:0

CSS并不简单--z-index引发的思考

今天话题是由z-index的偶然失效,引发的一系列问题。 一、序从定义上看z-index真的是个很简单的属性,就是描述元素的层叠顺序,但是有时间我们会发现z-index并不会起作用。这时候我们就需要好好的理解一下z-index背后的问题。二、抛开position和z-index我们多知道posit...

2017-05-25 14:23:25

阅读数:230

评论数:0

CSS并不简单--走进border、box-shadow和outline

这篇文章主要介绍标题中三个属性独特的一面。不独特你打我): 一、border  其实对于border,想必大家已经了解很多了。所以我就不啰嗦太多的基本东西。  第一点我们要知道border的真实面貌: width: 0; height: 0; border: 30px sol...

2017-05-19 12:35:12

阅读数:2140

评论数:0

CSS并不简单--带你认识不一样的渐变

这篇文章主要分享CSS3中linear-gradient和radial-gradient的知识,带给大家使用渐变的另一个角度。 一、线性渐变这里需要大家先去看一下基本语法,再看接下来的例子。 linear-gradient(90deg,red 20%,blue 50%,yellow 80%)...

2017-05-12 19:56:43

阅读数:745

评论数:0

CSS并不简单--个性化输入框的实践

这次通过这个个性化的输入框,给大家介绍一些容易忽略的知识点。(新手注意:本文的html采用的是jade,css采用的sass,js采用的vue) 一、效果 大家先看一下效果动态图,思考一波,带着你的思考来看接下来的内容,可能效果更好一点。二、需求 当我们开始做一样东西的时候一定要先分析它的需求: ...

2017-05-05 17:47:23

阅读数:1042

评论数:0

CSS并不简单--一道微信面试题的实践

本系列会持续分享本人学习到的CSS知识点、技巧和效果展示。如有错误,希望您能指出。 前段时间有一位大牛分享的几道微信的面试题,其中一道是求一个元素的background-color的题目,鉴于对这道题目的学习,我写下了这边文章。优先级的计算规则 !important 这个关键字的优先级最高。要优化...

2017-02-22 17:03:14

阅读数:193

评论数:0

原生JS--解读Element

写在前面本篇文章主要介绍: * 如何查找元素节点 * 元素节点中的属性节点的操作 * JS操作样式的常用操作以下例子用到的HTML <div class="demo some play" id="demo"> <...

2017-01-19 16:19:12

阅读数:829

评论数:0

原生JS--解读Node(节点)

写在前面本来开开心心的看着ityped.js的源码,才看到几十行就发现怎么有两个方法没见过。然后翻看了一下MDN,发现自己的知识库要更新了。通过翻阅MDN和Stack Overflow,总结一些原生DOM操作的知识点,大致分为三个部分:Node解读、Element上的操作、DOM中的位置计算。No...

2017-01-18 18:30:29

阅读数:3216

评论数:1

webpack英文文档阅读--图片的处理

图片的使用方式在web中引用图片的三种方式: * 直接在css中设置background-image * 在js中设置backgroundImage * img标签中通过src引用实践 针对于前面两种情况,我们可以使用url-loader 针对于第三种情况,我们可以使用html-...

2016-12-30 19:22:14

阅读数:196

评论数:0

webpack英文文档阅读--样式表的处理

我们需要解决的问题 在js中通过require引用css资源 使用css预编译器,这里我使用的是less(less, sass, stylus你可以自行选择) 告别烦人的css前缀 准备工作通过require()引用css文件需要的包: cnpm install --save-dev style...

2016-12-27 18:22:46

阅读数:626

评论数:0

webpack英文文档阅读笔记--ES6环境配置

目的配置es6环境,同时实现js的压缩。安装babel npm install --save-dev babel-core babel-preset-es2015安装babel-loader npm install --save-dev babel-loader根目录简历配置文件.babelr...

2016-12-16 18:09:16

阅读数:262

评论数:0

webpack英文文档阅读笔记--chunks

两种极端的加载JS模块的方式 -------------- 一个个的加载 -------------- 优势: 仅仅需要的被加载。 劣势: 请求数太多,请求的延迟造成了应用启动的缓慢 ---------------------- 将所有的模块做一次请求 ----...

2016-12-15 18:46:15

阅读数:337

评论数:0

wepack英文文档阅读笔记--简介与模块系统

优势插件(Plugins) webpack中有丰富的插件,你可以找到你需要的插件,并且它又是那么的易用。表现(Performance) webpack采用异步IO和多个缓存层次使得增量编译的速度快的让人难以置信。加载器(Loaders) 对于加载器带给我们太多的便利,举几个栗子吧: (1...

2016-12-14 18:41:11

阅读数:274

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭