chalecao的文章

Javascript|Nodejs

程序语言进阶之DSL与AST实战解析

9

chalecao 发布于 2018-05-13

程序语言进阶之DSL与AST实战解析 课程地址: http://t.cn/R3XoQJA GIT代码: 待提交 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t.cn/REeKJp0 《前端函数式编程FP易学易用》:http://t.cn/RE...

阅读(75)赞 (1)

认真学习快乐工作

ios9的bug

chalecao 发布于 2018-05-08

forEach遇到NodeList 注意在ios9中,如果使用document.querySelectorAll,那么返回的是一个NodeList,这个是不可以用foreach语句的,会报错,导致后面脚本阻断。ios10及其以上可以的 分析原因: 使用babel并不会对forEa...

阅读(51)赞 (1)

认真学习快乐工作

如何降低前端开发的复杂度

2

chalecao 发布于 2018-04-28

优秀的程序员总是能优雅的组织自己的代码,清晰的编写思路,合理的组织结构划分,从小的功能组件,到大的模块结构,都能通过合理的巧妙的搭配,不仅能化复杂为简单,更能提升代码运行效率,提高代码的可维护性。我们作为前端开发,都应该具有这样的能力。 那么如何才能降低业务开发的复杂度呢? 细分...

阅读(97)赞 (1)

HTML5|CSS3

奇技淫巧

2

chalecao 发布于 2018-04-12

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

阅读(119)赞 (1)

HTML5|CSS3

css基线与行高关系

18

chalecao 发布于 2018-04-09

一、基本概念 1、基线、底线、顶线、中线 注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。 2、内容区 内容区是指底线和顶线包裹的区域(行内元素display:inline;可以通过background-color属性显示出来),实际中不一定看...

阅读(115)赞 (0)

认真学习快乐工作

曾经基于canvas实现的飞机大战

4

chalecao 发布于 2018-04-07

首先看几张效果图: 上面三张图分别对应游戏的三种状态 ready,play,pause。体验一下 先介绍一下canvas 画图的原理,在这个游戏中的背景,飞机,子弹以及飞机被击中爆炸的效果都是一张张的图片,通过canvas的 drawImage() 函数把这一帧需要的所有图片按其...

阅读(137)赞 (0)

HTML5|CSS3

基于rem方案实现自适应布局

6

chalecao 发布于 2018-04-03

rem是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃...

阅读(146)赞 (0)

认真学习快乐工作

前端工程师自学面试找工作必备知识

1

chalecao 发布于 2018-03-26

前端工程师自学面试找工作必备知识 视频课程链接地址:http://t.cn/RnWsTgB 限时优惠:免费课程 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t.cn/REeKJp0 《前端函数式编程FP易学易用》:http://t.cn/RE...

阅读(314)赞 (4)

脚本语言|必杀技

如何编写vscode extension插件

chalecao 发布于 2018-03-16

vscode extension vscode用了好久了,说真心话,真的好用。除了有几次更新,有许多bug,现在已经比较完善了。大家都注意到vscode 有个插件的功能,可以安装扩展。那么自己想写个vscode extension插件 怎么写呢? 官方教程:https://cod...

阅读(178)赞 (1)

Javascript|Nodejs

ES6黑科技之 … 拆箱与装箱

chalecao 发布于 2018-03-15

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

阅读(270)赞 (1)