不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用CSS sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资源预加载/预读取(Link prefetch)。页面资源预加载/预读取(...
什么是shtml呢？ 使用SSI(Server Side Include)的html文件扩展名，SSI（Server Side Include)，通常称为"服务器端嵌入"或者叫"服务器端包含"，是一种类似于ASP的基于服务器的网页制作技术。默认扩展名是 .stm、.shtm 和 .shtml。 什么是SSI？ SSI是英文Server Side Includes的缩写，翻译成中文就是服务器端包含的意思。从技术角度上说，SSI就是在HTML文件中，可以通过注释行调用的命令或指针。SSI具有强大的功能，只...
在IOS开发中，可以通过webView来加载HTML文件步骤如下：1.需要有一个webView，可以通过storyboard拖拽一个 或者 alloc 一个（我在这里是拖拽了一个），是否要给webView设置delegate ，根据自己的需要决定（如果只是展示页面可以忽略）。 webView2.创建HTML文件、CSS文件、js文件，同样的创建方式，只是后缀名不同。 New File -> Other ->Empty 创建HTML文件后缀名为：html，创建css文件后缀名为css，创建js文件后缀名为：js 创建HT...
移动端资源预加载，可以做到需要加载的时候，从本地磁盘加载到内存，当纹理不需要的时候，都是强制清理内存里的纹理占用： cc.TextureCache.getInstance().removeAllTextures();cc.TextureCache.getInstance().dumpCachedTextureInfo();//test 打印仍然在使用的纹理 cc.TextureCache.purgeSharedTextureCache();cc.SpriteFrameCache.getInstance().removeSpriteFrames();cc.SpriteFrameCache.purgeSharedSpriteFram...
demo已经传到了github,地址： https://github.com/13476075014/04.node-vue-project/tree/master/03.singlewebpack原文：https://www.cnblogs.com/chun321/p/11996410.html
前端新手，最近在写一项目，发现一挺怪的问题：正常引入外部css，<link rel="stylesheet" type="text/css" href="public/css/index.css">发现，不生效，初步觉得路径不对，后来反复检查，都觉得没问题。怪的是，前面一部分写的css是生效了，后来写上去的却不生效了，再怎么修改也改不动，于是把问题归结于浏览器缓存问题，我用的是chrome浏览器，在设置里清除浏览器缓存，问题得到解决。附上截图原文：http://www.cnblogs.com/peng...
canvvas 图片加载pen.drawImage(ele, showX, showY, imgWidth, imgHeight); ele 将 img 元素 加载到画布上 步骤1. 创建一个 <img> 对象var imgNode = new Image();imgNode.src = "./img/bird.png"; 2. 等待图片加载完成，再进行下一步操作imgNode.onload = function(){3. 图片显示到画布上pen.drawImage(imgNode, 0, 0, 100, 100);}; 飞鸟 案例啊个原文：https://www.cnblogs.com/tianxiaxuange/p/9994104.html
<!doctype html><meta charset="utf-8" /><title>Sonic</title><style> body { background: #222; color: #FFF; text-align: center; font-family: sans-serif; font-size: .8em; } #container { overflow: hidden; padding: 20px; width: 522px; margin: 0 auto; } #in { overflow: hidden; } a { color: #FFF; } div.l { ...
问题描述：在一个index.html网页中，引入了jquery脚本，但是却出现错误，提示$ is not defined<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><script src=‘js/jquery-1.9.1.min.js‘></script></head> <body>window.onload=function (){console.log($); //$ is not defined} </body> </html> 在控制台下，发现jquery返回的是乱码格式，所以才会出现上述错误。 正常情况下，应该是这样...
JS默认方法：<script type=”text/javascript”> window.onload=function (){/*代码区域*/ } </script>jQuery方法，需要引入jQuery文件<script type=”text/javascript”> $(document).ready(function (){/*代码区域*/ }); </script>简写：$(function (){var userName=”xiaoming”;alert(userName);});或者$(window).load(function(){ //当页面，代码，静态资源加载完毕 }) 原文：https://www.cnblogs.com/seeding/p/12055861.h...
页面总是从上往下执行CSS为什么要放在头部1.CSS可以和html一起同时进行解析和渲染2.如果你把CSS放到body后面，不但没有跟html一起进行加载渲染，还要花费额外时间去加载CSS,这样将导致首先加载到一个没有样式的页面结构，等到CSS加载完了之后，突然又变为一个有样式的结构，这样用户体验非常不好JavaScript为什么要放在尾部JavaScript解析加载时，会暂停html的解析和css渲染，把页面的控制权，交给JavaScript引擎，等到JavaScript加...
首先，页面加载顺序：解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。构造HTML DOM模型。加载图片等外部文件。页面加载完毕。也就是：html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部样式表文件 → 解析外部样式表 → script → 加载外部脚本文件 → 解析外部脚本文件 → 执行外部脚本 → body → div → script → 加载脚本 → 解析脚本 → 执行脚本 → img → s...
根据应用需求，需要将后台传过来的html标签文本显示在页面上，首先想到的是用WKWebview显示，虽然可以实现但是感觉比较耗内存。尝试用lable加载html，代码以及效果如下所示，发现表格的边框样式加载不出来NSString *str = @"罗梦槐，您好！您的借款项目【0903.按月3.02】债权转让已经完成，当前持有信息如下：<table border=‘1‘ cellpadding=‘0‘ width=‘80%;‘ cellspacing=‘0‘><tr><td align=‘center‘>用户名</td><td a...
我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里，出现了一个新的用来优化网站速度的新功能：页面资源预加载/预读取(Link prefetch)。页面资源预加载/预读取(Link prefetch)是什么？来自MDN的解释:页面资源预加载(Link prefetch)是浏览器提供的一个技巧，目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示，当浏览器加载完当前页面后，它会在...
1 H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 H5 应用程序缓存为应用带来三个优势： 离线浏览 用户可在应用离线时使用它们 速度 已缓存资源加载得更快 减少服务器负载 浏览器将只从服务器下载更新过或更改过的资源。 根据标准，到目前...