chalecao的文章

HTML5|CSS3

奇技淫巧

2

chalecao 发布于 2018-04-12

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

阅读(36)赞 (1)

HTML5|CSS3

css基线与行高关系

18

chalecao 发布于 2018-04-09

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

阅读(42)赞 (0)

认真学习快乐工作

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

4

chalecao 发布于 2018-04-07

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

阅读(54)赞 (0)

HTML5|CSS3

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

6

chalecao 发布于 2018-04-03

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

阅读(71)赞 (0)

脚本语言|必杀技

如何编写vscode extension插件

chalecao 发布于 2018-03-16

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

阅读(116)赞 (1)

Javascript|Nodejs

ES6黑科技之 … 拆箱与装箱

chalecao 发布于 2018-03-15

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

阅读(200)赞 (1)

Javascript|Nodejs

前端模块化打包新行情2

chalecao 发布于 2018-03-13

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

阅读(158)赞 (1)

Javascript|Nodejs

script标签的defer与async

1

chalecao 发布于 2018-03-13

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

阅读(111)赞 (1)