html5
文章平均质量分 86
九天1111111111
这个作者很懒,什么都没留下…
展开
-
canvas之阴影效果学习
function draw(){ var canvas=document.getElementById("draw"); if(!canvas||!canvas.getContext) return; var oContext=canvas.getContext("2d"); oContext.shadowColor="#f00";原创 2015-07-22 09:09:24 · 606 阅读 · 0 评论 -
web性能
解析器在解析 table 布局时需要计算大量的单元格的尺寸,所以是件很重的操作table{table-layout:fixed;} 所以使用 table-layout: fixed 可以缓解部分性能消耗原创 2017-06-09 21:25:36 · 304 阅读 · 0 评论 -
vue-cli node-sass安装问题
第一步 npm install --save-dev node-sass --registry=http://registry.npm.taobao.orgnpm install sass-loader --save-dev第二步打开webpack.base.config.js在loaders里面加上、rules: [转载 2017-06-21 21:02:44 · 2112 阅读 · 0 评论 -
jquery中的stopPropagation
stopPropagation()函数用于阻止当前事件在DOM树上冒泡。原创 2017-01-24 15:24:47 · 447 阅读 · 0 评论 -
下拉加载更多DEMO(js实现)
项目的一个前端页面展示已购买商品时,要求能下拉加载更多。花了点时间研究这个功能,以前没做过。 首先需要给div加scroll事件,监听滚动条滚动动作。那何时触发加载动作呢?当滚动条滚到底的时候。如何判断滚动条滚到底呢? 当滚动条的高度加上滚动条到div顶部的高度等于div的可滚动高度时,说明滚动条到底部了。公式如下。[javascript] vi转载 2017-01-20 19:56:55 · 1045 阅读 · 0 评论 -
JS 将数字转化成为货币格式
JavaScript Money Format(用prototype对Number进行扩展) Number.prototype.formatMoney = function (places, symbol, thousand, decimal) { places = !isNaN(places = Math.abs(places)) ? places : 2;转载 2017-01-20 20:51:39 · 2111 阅读 · 0 评论 -
ES6之Babel的各种坑总结
自从 Babel 由版本5升级到版本6后,在安装和使用方式上与之前大相径庭,于是写了这篇入坑须知,以免被新版本所坑。坑一:本地安装和全局安装全局安装只需: $ npm install --global babel-cli这时候我们可以使用 Babel 命令编译文件: $ babel index.js --out-file compiled.js #转载 2017-02-10 14:34:30 · 5954 阅读 · 0 评论 -
重置css默认样式
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol,原创 2017-01-09 11:53:50 · 416 阅读 · 0 评论 -
手机适配
var YX={ //手机适配 setPxPerRem:function(){ var cssEl=document.createElement("style"); document.documentElement.firstElementChild.appendChild(cssEl); var dpr原创 2017-01-09 11:49:05 · 226 阅读 · 0 评论 -
css3渐变写法
background: -webkit-linear-gradient(180deg, #ffdf2e, #ffc101);background: -o-linear-gradient(180deg, #ffdf2e, #ffc101);background: -moz-linear-gradient(180deg, #ffdf2e, #ffc101);background: linear-原创 2017-01-14 19:58:26 · 568 阅读 · 0 评论 -
Webstorm配置SASS编译环境
http://www.bubuko.com/infodetail-503964.html http://www.w3cplus.com/sassguide/install.html转载 2016-05-09 20:38:00 · 1106 阅读 · 0 评论 -
手机端meta定义
width控制viewport的大小,可以指定一个值或特殊的值。 如device-width为设备的宽度initial-scale初始缩放,即页面初始缩放程度。这是一个浮点值,是页面大小的一个乘数。例如,如果你设置初始缩放为1,那么web页面在展现的时候就会以target density分辨率1:1来展示。如果你设置为2.0,那么这个页面就会放大为2倍。m原创 2016-03-21 09:59:33 · 2088 阅读 · 0 评论 -
webstorm上传文件到github
第一步 下载这几个文件第二步 右击 add第三步 commit第四步 push原创 2017-06-27 21:09:45 · 439 阅读 · 1 评论