摘要：
设置viewport为设备宽度（这里不一定，但目前先这样足矣） 将viewport分成10rem，并计算出1rem在当前浏览器的像素值，把它赋予html标签的font-size（分成10rem只是为了方便计算而已） 写CSS代码时，遇到要适配的地方，比如width，margin，padding等，就 阅读全文
摘要：
深入理解CSS Media媒体查询 前面的话 一说到响应式设计，肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容，实际上CSS2已经存在了，CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容 媒介类型 在CSS2中，媒体查询只使用于<style> 阅读全文
摘要：
<meta charset="UTF-8"><meta http-equiv="refresh" content="5;url=" /><link rel="copyright" href="copyright.html" /><meta http-equiv="X-UA-Compatible" c 阅读全文
摘要：
非常有用的 48 个 JavaScript 代码片段 Anagrams of string（带有重复项）使用递归。对于给定字符串中的每个字母，为字母创建字谜。使用map（）将字母与每部分字谜组合，然后使用reduce（）将所有字谜组合到一个数组中，最基本情况是字符串长度等于2或1。const ana 阅读全文
摘要：
//时间转换function getLocalTime(nS) { // var date = new Date(parseInt(nS) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, "-").replace(/下午|上午/ 阅读全文
摘要：
var canvas = document.getElementById('tutorial'); 1、ctx=canvas.getContent('2d');//用来获得渲染上下文和它的绘画功能 2、ctx.globalAlpha = 0.2; //透明度设置 3、ctx.strokeStyle 阅读全文
摘要：
1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点 阅读全文
摘要：
http://www.jqhtml.com/6408.html （1）.food>li 第一代子元素（2）.food li 后代选择器（3）p、span 分组选择器（4）p{color:red!important;} 最高权值（5）letter-spacing 字符间隔（6）word-spacing 阅读全文
摘要：
前面的话 CSS是前端工程师的基本功，但好多执迷于学习javascript的人的基本功并不扎实。可能一些人从w3school网站匆匆过了一遍，只是对CSS常用概念有一些表面上的理解，就一头扎进javascript的深坑里跳不出来。实际上，javascript中比较复杂的逻辑很有可能使用CSS几行样式 阅读全文
摘要：
前面的话 一般地，有两种自适应：撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为'fill-availabel'和'fit-content'。除此之外 ，还新增了更细粒度的'min-content'和'max-content'。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这 阅读全文
摘要：
深入理解闭包系列第一篇——到底什么才是闭包 前面的话 闭包已经成为近乎神话的概念，它非常重要又难以掌握，而且还难以定义。本文就从闭包的定义说开去 古老定义 闭包(closure)，是指函数变量可以保存在函数作用域内，因此看起来是函数将变量“包裹”了起来 那这样说来，包含变量的函数就是闭包 //按照古 阅读全文