Javascript|Nodejs

奇技淫巧

2

chalecao 发布于 2018-04-12

定制间隔线 需要上面这样一条虚线,怎么搞? 方法一: border-top: 1px dashed #eee; 方法二: //基于渐变 .dash { height: 1px; background-image: linear-gradient(90deg, #eee 0%, #...

阅读(36)赞 (1)

ES6黑科技之 … 拆箱与装箱

chalecao 发布于 2018-03-15

你用过 … 吗? 没用过的话,你太low了。 const test = (...args)=>{ } 你肯定写过这种代码,这个比较简单,就是对不定长入参的封装,args是一个数组,入参个数就是args的长度。 名词解释 用…把数据拼在一起 称为装箱,...

阅读(200)赞 (1)

前端模块化打包新行情2

chalecao 发布于 2018-03-13

关于前端打包技术行情,参考我的上一篇文章:前端打包技术行情 模块化开发仍是前端开发的主要开发方式,但是打包和以往不同了。以往的模块化开发,往往是大家熟知的基于第三方框架做的模块化,比如AMD和CMD等,都需要借助第三方模块加载器。打包的过程也是分析文件依赖,比如把依赖超过4次的文...

阅读(158)赞 (1)

script标签的defer与async

1

chalecao 发布于 2018-03-13

javascript知识点 <script src="script.js"></script>没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素...

阅读(111)赞 (1)

判断内容区域是否滚动到底部

chalecao 发布于 2018-03-07

逻辑 判断内容滚动到底需要知道的信息 内容区域的真实高度(也就是滚动区域) 滚动条距离顶部的位置 内容区域的可见高度 分别对应下面的三个API。 element.scrollHeight 获取元素内容高度,,,【只读属性】 element.scrollTop 可以获取或者设置元素...

阅读(124)赞 (1)

canvas图片处理与动画

12

chalecao 发布于 2018-03-05

canvas绘制圆角图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </he...

阅读(160)赞 (2)

函数式编程的理解与应用

5

chalecao 发布于 2018-01-20

年底业务需要做大改版,正好这个机会把我负责的源码页面做了个大升级,不仅升级了业务架构,主要还是细分了模块和组件,优化了LESS分级结构,让代码看的更清爽,就是这样。 我最近制作了一套函数式编程视频教程:《前端函数式编程易学易用》:http://study.163.com/cour...

阅读(330)赞 (1)

IMMUTABLE 详解

2

chalecao 发布于 2018-01-20

有人说 Immutable 可以给 React 应用带来数十倍的提升,也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明,因为同期 React 太火,它的光芒被掩盖了。这些至少说明 Immutable 是很有价值的,同时我也明白了Object.assi...

阅读(202)赞 (0)

JavaScript函数式编程

chalecao 发布于 2017-12-21

转载,原文:https://zhuanlan.zhihu.com/p/21714695 一、引言 说到函数式编程,大家可能第一印象都是学院派的那些晦涩难懂的代码,充满了一大堆抽象的不知所云的符号,似乎只有大学里的计算机教授才会使用这些东西。在曾经的某个时代可能确实如此,但是近年来...

阅读(328)赞 (0)

那用gulp+Babel来搭建ES6环境

2

chalecao 发布于 2017-12-05

那至于怎么使用gulp构建工具这一问题这里就略过咯(可以参考我之前发过的有关gulp的文章进行学习)。 在讲如何使用gulp来搭建ES6环境之前,先来介绍一下一个有用的插件——gulp-load-plugins(模块化管理插件)。 当然,下面这里其实也是可以跳过的啦。就当普及知识...

阅读(323)赞 (1)