2015-04-10 Jason Liao
https://css-tricks.com/dom/ 继续阅读 »
2017-10-09 wilsonIs
使用object对象来设置pdf文件的加载,兼容IE、Chrome、Firefox。 可以在data属性中设置文件的默认参数,如下文件中所示,来设置pdf阅读的初始状态。代码如下所示: 继续阅读 »
2016-10-24 Bruce Wang
简介 D3.js(后面简称D3,官方首页https://d3js.org/)是基于JavaScript开发的一套用于数据可视化工具,项目开源在GitHub,项目排名靠前。它提供了很多API,如DOM(Document Object Model)的一些操作,绘制图形等。截止本文发表时间,D3已更新到v4,v4在v3的基础上,有了很大的改变(因为v3只支持通过svg和dom构图,所以v4在v3的基础上增加了对Canvas的支持以及API的修改),本文使用的版本为v3的API。 Hello World html D3.js Hello World 继续阅读 »
2014-11-25 林长宇
Sangmin is a Senior JavaScript developer working at NHN and the creator of the JavaScript animation library Collie. I use collie framework to developed some HTML5 game. 继续阅读 »
2016-08-22 曹强
AngularJS中在处理controller时提供了两种语法。 * 第一种是,在DOM中使用ng-controller="TestController",这样在定义controller时需要将model绑定到$scope上。 * 另一种是,在DOM中使用ng-controller="TestController as test",这样其实是将model直接绑定到controller的实例上。 在AngularJS的官方Get Started以及各种文档中,多推荐第一种方式,导致很多人可能都不知道原来还有第二种方式,我也是最近看一篇文章时才注意到这个。那么这两种方式各有什么优劣势呢?在现实的开发中到底更推荐哪种方式呢?今天就来探究 继续阅读 »
2015-08-26 曹强
写在前面 如果你不会原生js,只会用jquery,那么你必须懂得jquery如何做性能优化。下面我总结了一些常用的,希望对大家有些帮助。 使用最新的jQuery类库 使用合适的选择器 (1) 使用id来定位DOM元素是最高效的方式,如果不能直接用id找到你需要的元素,可以考虑用find()方法。 (2) 标签选择器的性能也是不错的,它是性能优化的第二选择,因为jQuery将直接调用本地方法document.getElementByTagName()来定位DOM元素。 (3) 对于类选择器,现代浏览器和IE9+ 支持本地方法document.getElementByClassName(),而对于老的浏览器如IE8 以及以前的版 继续阅读 »
2017-01-18 W.Y.
防抖(Debounce)和节流(Throttle)都是用来控制某个函数在一定时间内执行多少次的技巧,两者即相似又不同。 我们无法直接控制 DOM 事件触发频率,但我们可以在事件绑定和函数执行之间加一个控制层,所以当我们绑定 DOM 事件的时候,加上防抖或节流的函数变得特别有用。 more 看下面滚动事件的例子: 当使用触控板,滚动滚轮,或者拖拽滚动条的时候,一秒就可以触发 30 次事件。经测试,在移动设备上轻轻滚动一下,一秒可以触发 100 次之多。这么高的执行频率是你期待的吗? 早在 2011 年,Twitter 就出现了一个问题:当向下滚动页面的时候,页面会变得很卡顿。John Resig 发表了一篇博客解释这个问题 继续阅读 »
2013-11-14 blademainer
废话一下: 1. 通常在网上搜索到的 CSS 透明的代码入下: .transparent { filter: alpha(opacity=50);/* IE6 / -moz-opacity: 0.5; / firefox / -khtml-opacity: 0.5; / safari / opacity: 0.5; / normal */ } 这段代码可以很轻松地解决透明的问题,只需要更改透明度就好了。 more CSS 中的 opactity 是有继承问题的。例如你的 Dom 结构如下: <div class="body"> <d 继续阅读 »
2016-01-13 Lim Geng
此博客将记录了我学习RN过程中很有价值的内容,源码可以参考ReactNativeLeaning(ES6版),源码最后附了一个sinaWebBo项目,看着还不错^_^。顺便支持一下react-native-image-browser吧。 1、Hello World! react-native init AwesomeProject 卡住不动:解决React Native初始化项目速度很慢的问题; 2、选个好用的编辑器 atom+nuclide的详细使用方法 这个编辑器很好用,有察看dom结构和debugger功能,不过如果你喜欢别的编辑器也可以用; 3、学习的两个重点,布局和语言 如果布局不会请参考阮一峰的Flex 布局教 继续阅读 »
2016-03-05 AnnatarHe
Why 我一直觉得自己DOM和服务端的js学的还行。然后就天真的以为自己的js很好了。哈哈,天真啊。 一直没有太在意Canvas,现在倒成了自己的一块痛点。 在百度前端技术学院看了之前的问题,终于发现自己图形处理上还有很多的东西要做。 继续阅读 »