HTML5 — 让拖放变的流行起来 2015/12/29 · HTML5 · 4 评论 · 拖放 原文出处: 韩子迟    先上 Demo,尽量用 chrome,代码可参考 Github。 在 HTML5 出现之前,页面元素的拖放需要监听 mousedown、mouseover 以及 mouseup 等一系列事件,然后改变元素的相对位置来实现这一效果。HTML DnD(Drag-and-Drop)… 继续阅读 HTML5 — 让拖放变的流行起来

静态资源文件自动压缩并替换成压缩版本(大型网站优化技术) 2015/11/26 · HTML5 · 静态资源 原文出处: Kelly    这一次,我总结和分享一项大型网站优化技术,那就是在项目中自动压缩静态资源文件(css、js),并让网站自动加载压缩后的资源文件。当然,这项技术在雅虎35条前端优化建议里也有记载,但它那只是给出一个理论的方案而已,并且采用的是外部压缩工具去压缩,而在我的项目中,… 继续阅读 静态资源文件自动压缩并替换成压缩版本(bet36365注册送奖金大型网站优化技术)

2.1 原型式继承 核心:将父类的实例作为子类的原型 SubType.prototype = new SuperType() // 所有涉及到原型链继承的继承方式都要修改子类构造函数的指向,否则子类实例的构造函数会指向SuperType。 SubType.prototype.constructor = SubType; 1 2 3 SubType.prototype = new SuperType… 继续阅读 JS的六种继承方式~

浏览器缓存机制 2015/12/01 · HTML5 · HTTP 原文出处: 吴秦    浏览器缓存机制 浏览器缓存机制,其实主要就是**HTTP协议定义的缓存机制(如: Expires; Cache-control**等)。但是也有非HTTP协议定义的缓存机制,如使用HTML Meta 标签,Web开发者可以在HTML页面的<head>节点中加入<meta>标签,代码如… 继续阅读 浏览器缓存机制

HTML input type=file文件选择表单元素二三事 2015/11/24 · HTML5 · 文件 原文出处: 张鑫旭    一、关于图片上传什么什么的 在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。例如swfupload.js。可惜,使用复杂的点,比如flash文件需与页面同父文件夹,JavaScript文件大小也… 继续阅读 基于HTML5的可预览多图片Ajax上传

11 个 HTML5 动画工具 2015/11/16 · HTML5 · 动画 原文出处: devzum   译文出处:[PHP100 Zeroing](http://www.php100.com/html/dujia/2015/0302/8686.html)    如今,在Web开发中最为流行的语言就是HTML5了,它帮助开发者将多样化的内容展现给用户。在过去两三年中,我们共同看到了HTML5的… 继续阅读 10个基本的HTML5动画工具设计,

三、结语还是要的 参考文章:querySelectorAll from an element probably doesn’t do what you think it does 感谢阅读,欢迎纠错,欢迎交流! 1 赞 1 收藏 评论 译者注:其实这里面是有些问题的,document.querySelectorAll和jQuery选择器还是有区别的,前者返回的是一个NodeList,而后者返回的是… 继续阅读 bet36365注册送奖金:DOM元素querySelectorAll可能让你意外的特性表现

戏说HTML5 2015/12/23 · HTML5 · HTML5 原文出处: 木的树的博客    如果有非技术人员问你,HTML5是什么,你会怎么回答?   新的HTML规范。。。 给浏览器提供了牛逼能力,干以前不能干的事。。。(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能。。。 这里感谢红枫一叶) 给浏览器暴露了许多新的接口。。。 加了很多新的效果。。。 问的人其实… 继续阅读 戏说HTML5bet36365注册送奖金

页面白屏与瀑布流分析方法 2015/12/03 · HTML5, JavaScript · 1 评论 · 瀑布流, 白屏 原文出处: 淘宝前端团队(FED)- 妙净    无线页面的开发在我们的日常工作中越来越重要,无线的性能也是我们需要重点关注的,而加载的性能又是无线性能中的一个重要问题。那么,今天我们一起来看下如何去评估、测试无线页面的加载性能。 为了方便分析页面的加载过程,这里将网络设置成最… 继续阅读 页面白屏与瀑布流分析方法

减少HTTP请求(大型网站优化技术) 2015/11/26 · HTML5 · HTTP 原文出处: Kelly    在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么,怎么让才能更快呢?减少页面请求 是一个优化页面加载速度很好的方法。上一篇博文我们讲解了 “利用将小图标合成一张背景图来减少HTTP请求”,那么,这一篇博文将讲解  “ 将图片转成二进制并生成Base64编码,可以在网页… 继续阅读 减少HTTP请求(大型网站优化技术)

React类组件语法 React定义组件的方式随着时间的推移而演变。在早期阶段,React.createClass()方法是创建React类组件的默认方式。如今,它已不再使用,因为随着JavaScript ES6的兴起,更多的是使用ES6的方法来创建React类组件。 然而,JavaScript不断发展,因此JavaScript爱好者一直在寻找新的做事方式。这就是为什么你会经常发现React类组件… 继续阅读 为React Native项目配置Navigator(路由)

致我们终将组件化的Web 2015/11/25 · HTML5 · 1 评论 · 组件化 原文出处: AlloyTeam    这篇文章将从两年前的一次技术争论开始。争论的聚焦就是下图的两个目录分层结构。我说按模块划分好,他说你傻逼啊,当然是按资源划分。  《=》 ”按模块划分“目录结构,把当前模块下的所有逻辑和资源都放一起了,这对于多人独自开发和维护个人模块不是很好吗?当然了,那争论的结果是我乖… 继续阅读 致我们终将组件化的Web

一分钟预览 HTTP2 特性和抓包分析 2016/09/26 · JavaScript · HTTP/2 原文出处: 段隆贤    背景 近年来,http网络请求量日益添加,以下是httparchive统计,从2012-11-01到2016-09-01的请求数量和传输大小的趋势图: 当前大部份客户端&服务端架构的应用程序,都是用http/1.1连接的,现代浏览器与单个域最大连接数,都在4… 继续阅读 HTTP2特性预览和抓包分析

减少HTTP请求之合并图片详解(大型网站优化技术) 2015/11/26 · HTML5 · HTTP 原文出处: Kelly    一、相关知识讲解 看过雅虎的前端优化35条建议,都知道优化前端是有多么重要。页面的加载速度直接影响到用户的体验。80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。 减少组件数必然能够减少页面提交的HT… 继续阅读 减少HTTP请求之合并图片详解(大型网站优化技术)

理解SVG坐标系和变换:视窗,viewBox和preserveAspectRatio 2015/09/23 · HTML5 · SVG 原文出处: SaraSoueidan   译文出处:Blueed(@Ivan_z3)    SVG元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活定位和变换这些元素-也许一眼看上去不太直观。然而,一旦你理解了SVG坐标系和变换,操纵SVG会非常简… 继续阅读 SVG 2D入门6 – 坐标与变换

网站地图xml地图