方帅

摘要： 砖墙布局 具体原理，参考了腾讯砖墙布局的思路：http://isux.tencent.com/high-equal-response-layout-html.html 等高布局效果图： 如图，并不像等宽一样简单，要在不改变图片分辨率(宽高比)同时保持等高且占满行宽度，如何实现？不妨带着问题跟我走。 阅读全文

摘要： 清空canvas画布内容 1、重置宽或高 由于canvas每当高度或宽度被重设时，画布内容就会被清空，因此可以用以下方法清空：（此方法仅限需要清除全部内容的情况） var c=document.getElementById("myCanvas"); c.width=c.width; 2、clearR 阅读全文

摘要： AxeSlide软件项目梳理 canvas绘图系列知识点整理 以下代码是typescript语言来写的，其实和es6面向对象的写法基本一致。大家阅读后都明白这些方法的作用。 hash hash结构用于处理和表现类似key/value的键值对，其中key通常可用来快速查找，同时key是区分大小写；va 阅读全文

摘要： ES6 简介 ECMAScript 6 简称 ES6，是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript 和 JavaScript 的关系：前者是后者的语法规 阅读全文

摘要： DOM树和渲染树 当浏览器下载完所有页面HTML 标记，JavaScript，CSS，图片之后，它解析文件并创建两个内部数据结构：一棵DOM树表示页面结构，一棵渲染树表示DOM节点如何显示。 渲染树中为每个需要显示的DOM 树节点存放至少一个节点（隐藏DOM 元素在渲染树中没有对应节点）。渲染树上的 阅读全文

摘要： 也许你也有这个疑惑，动画一直在播放，那它不显示出来的时候也一直在播放的话，那是否一直占用资源呢？ 运行这个html，监视任务管理器，发现在display:none 注释后性能下降至0，说明CSS3的动画效果不显示的时候是不消耗性能的。 阅读全文

摘要： 用canvas绘制线条和填充，fill()和stroke()调用顺序直接影响绘制的结构 先调用stroke在调用fill，绘制的效果看上去lineWidth只绘制出来一半，还以为是个大问题。 先调用fill在调用stroke，直接就解决了上面绘制的lineWidth只绘制一半的问题！ 阅读全文

摘要： 1. 使用百分比设置宽高 自适用宽高的，有分割的区域，可以适用百分比：30% 70% 如果有一部分是固定的宽度或者高度，可以使用：height: calc( 100% - 36px ); 2. input进度条 <input type="range" value=0 style=""> 进度条，可以 阅读全文

摘要： 事件太多的问题 项目中监听的事件比较多，绑定在各种dom上，用到的事件类型也比较全，像mousedown，mousemove，mouseup，touchstart，touchmove，touchend，这些都随处可见。以下问题使我们比较烦心的： 1)事件直接本身就有关联 2)绑定的dom元素之间也存 阅读全文

摘要： AxeSlide软件项目梳理 canvas绘图系列知识点整理 软件参考d3的知识点 我们在软件中主要用到d3.js的核心函数d3.interpolateZoom - 在两个点之间平滑地缩放平移。请查看示例，效果如下平滑的缩放平移。 实现该效果使用d3的js代码 1 var width = 960, 阅读全文