1.HTML5,CSS3对各浏览器版本的支持http://www.caniuse.com/2.打开可以直接检测当前访问的浏览器支持哪些HTML5规范http://www.html5test.com/原文：http://www.cnblogs.com/sleeplessC/p/5098795.html
1.使用npm下载pluginnpm i html-webpack-plugin -D 2.配置webpack.config.js文件/*webpack配置文件，作用：指示webpack怎么干活，干哪些活当你运行webpack指令的时候，会加载其中的配置所有的构建工具都是基于Node.js来运行的，模块化使用的CommonJS*///插件：1下载， 2引入， 3使用
//npm i html-webpack-plugin -D
const {resolve} = require(‘path‘)const HtmlWebpackPlugin = require(‘html-webpack-plugin‘)module.export...
HTML 统一资源定位器URL 可以由单词组成，比如 “w3school.com.cn”，或者是因特网协议（IP）地址：192.168.1.253。大多数人在网上冲浪时，会键入网址的域名，因为名称比数字容易记忆。URL - Uniform Resource Locator当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。统一资源定位器（URL）用于定位万维网上的文档（或其他数据）。网址，比如 http://www.w3school.com.cn/html/index.asp，遵守以下的语...
HTML5 & CSS3 准备就绪 该网站通过扇形图表的形式展现了从08年到10年以来各大浏览器对HTML5和CSS3的支持情况。发展势头还是很可观的。HTML5安全手册CSS3按钮生成器 所见即所得的为你生成CSS3按钮，你仅需通过基本的鼠标点击便可生成令人满意的CSS3按钮，点击生成好的按钮即可查看相应的CSS3代码。When can I use…（HTML5 & CSS3 浏览器兼容性） 很详细的关于HTML5, CSS3, SVG等技术的浏览器兼容性列表。CSS3颜色值/名称速...
1 webpack.config.js const webpack = require(‘webpack‘),htmlWebpackPlugin = require(‘html-webpack-plugin‘),path = require(‘path‘);module.exports = {entry: {main: ‘./src/script/main.js‘,a: ‘./src/script/a.js‘},output: {path: path.resolve(__dirname, ‘./dist‘),filename: ‘js/[name]-[chunkhash].js‘,publicPath: ‘http://cdn.com/‘ //path输出的时候的目录 publicPath理解为占位符，需要上线地址 ...
前言之前碰到一个问题，就是html中通过img标签引入一个图片地址，报403。但是这个图片地址直接复制出来在地址栏打开，却是看得到的。 先说下解决方法： 在HTML代码的head中添加一句<meta name="referrer" content="no-referrer" />即可，后面再说下原理。http请求中的referrerhttp请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，这个referrer信息是可以省略但是不可修改的，就是说你只能设置是否带上这个...
早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此...
不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资源预加载/预读取(Link prefetch)。页面资源预加载/预读取(...
可以链接不同源的资源的html元素（能实现跨域）：img、script、css、video、audio、object、embed、applet、@font-face、frame、iframe等。 (1)<img src=""></img>(2)<script src=""></script>标签嵌入跨域脚本。语法错误信息只能在同源脚本中捕捉到。jsonp也用到了。(3) <link src="">标签嵌入CSS。由于CSS的松散的语法规则，CSS的跨域需要一个设置正确的Content-Type消息头。不同浏览器有不同的限制： IE, Firefox, Chrome, Safa...
移动端资源预加载，可以做到需要加载的时候，从本地磁盘加载到内存，当纹理不需要的时候，都是强制清理内存里的纹理占用： cc.TextureCache.getInstance().removeAllTextures();cc.TextureCache.getInstance().dumpCachedTextureInfo();//test 打印仍然在使用的纹理 cc.TextureCache.purgeSharedTextureCache();cc.SpriteFrameCache.getInstance().removeSpriteFrames();cc.SpriteFrameCache.purgeSharedSpriteFram...
<svg width=‘500‘ hight=‘500‘><use xlink:href=‘../font/alessio_atzeni.svg#aak‘ x=‘100‘ y=‘40‘ /></svg>use元素 前面加不加 xlink:名称空间好象都可以，如果svg 在html文档内直接定义那么引用的时候直接找 那个定义里的 元素的#id值 就可以了，如果这个定义存在于外部某处，那么使用 路径#id值 这个公式就可以了具体参看上面我的示例代码 内部公式= # + svg元素id值外部公式= 路径 + # + svg元素id值原文：https://...
我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资源预加载/预读取(Link prefetch)。页面资源预加载/预读取(Link prefetch)是什么？来自MDN的解释:页面资源预加载(Link prefetch)是浏览器提供的一个技巧，目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示，当浏览器加载完当前页面后，它会在...
手机浏览器 uc上一直表现良好 qq浏览器还有微信上网址直接打开的(一样采用qq浏览器的内核) 大量缓存了静态资源css js 图片 等这些当出现改动了刷新网页根本没有效果电脑端浏览器没有问题 因为部分手机端浏览器 总会出于省流量性能等因素缓存静态资源本来没有什么问题 不过这会给开发带来困扰 不适合调试 如果只是这样还好 可是还是会对生产环境造成一定影响比如当服务器端的css文件内内容有了改动 手机端浏览器却一直没有释放缓存 ...
有没有哪位老师，哥哥姐姐们有绝得较好的HTML5的视频教程资源，求分享，求网盘！ 回复讨论(解决方案) http://www.imooc.com/course/list?c=html5 HTML5开发开发知识体系图
什么是URL？ 所有的东西都有一个标准化的东西，公交有线路号，飞机有航班号，个人有身份证号，你坐出租车，告诉司机师傅我要到石牌华师，他就能明白你的意思了。URL就是因特网资源的标准化名称。URL指向一条电子信息片段，告诉你它们位于何处，以及如何与他们进行交互。 URI 统一资源标识符（Uniform Resource Identifier，URI）是一类更通用的资源标识符，它包括URL和URN。URL是通过描述资源的位置来标识资源的，而URN是...
