上面release是执行命令 node r.js -o build.js 生成的,需要切换到目录require/tools下面,也就是 有r.js和build.js的目录,才能执行命令 代码目录如上: main.html代码如下: config.js代码如下,配置信息,便于 require引入这些模 ...
分类:
Web程序 时间:
2016-08-10 18:58:03
阅读次数:
217
var myCanvas=$('.img-container > img').cropper('getCroppedCanvas'); (function (base64){ var image = new Image(),newBase64,MAX_HEIGHT = 160; image.onlo ...
分类:
Web程序 时间:
2016-08-04 17:46:40
阅读次数:
192
Jquery库 两系列:1.x 兼容CSS3+ 各大浏览器 2.x 不再兼荣 IE6,7,8;开始偏向于优化移动端版本:jquery.js 开发版本,开发时使用,方便调试 jquery.mini.js 压缩版本,发布时使用,更小,更简洁 官网下载地址: http://jquery.com/downl ...
分类:
其他好文 时间:
2016-07-25 13:11:43
阅读次数:
157
web性能优化 简介 性能优化的第一准则:加缓存。几乎绝大部分优化都围绕这个来进行的。让用户最快的看到结果。 性能优化的第二准则:最小原则。绝不提供多余的信息。比如,静态资源(图片、css、js)压缩,图片的滚动加载,异步请求,http请求合并等。 性能优化的第三准则:分布、集群。当前,这个的前提是 ...
分类:
Web程序 时间:
2016-07-22 01:04:49
阅读次数:
172
模态弹出框
一次性导入:Bootstrap提供了一个单一的文件,这个文件包含了Bootstrap的所有JavaScript插件,即bootstrap.js(压缩版本:bootstrap.min.js)。具体使用如下(或见右侧代码编辑器28-29行):
<script src="http://li...
分类:
Web程序 时间:
2016-07-13 17:50:09
阅读次数:
385
1. 压缩html标签前面的空白不是文描,可以去掉降低文件大小,对于freemarker,通过指令实现2. css,js压缩经过压缩和混淆的css,js代码可以进一步降低文件大小具体可参考member-vip 使用的yhd-merge-cssjs 插件3. 引用的多余,或冗余的js对于多个页面共同使... ...
分类:
其他好文 时间:
2016-07-07 19:28:12
阅读次数:
221
1,什么是Bootstrap? 是用于前段的一个框架(HTML .CSS .JS). 2.特点有什么 响应式布局 移动设备优先 2,下载之后引入网页所用文件 CSS及 JS压缩版 <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet ...
分类:
其他好文 时间:
2016-06-19 21:18:37
阅读次数:
148
当项目中有图片上传功能时,便会产生服务器资源占用问题,为避免上传图片太大占用太多空间,需要将图片进行压缩之后再存储。 图片压缩可以通过前端或者后端都可以实现,这里主要闲扯一下我使用的前端图片压缩: 这里介绍的js压缩图片的主要思想是:首先求出上传的图片大小,然后判断是否大于限制的最大size,若大于 ...
分类:
Web程序 时间:
2016-06-02 00:30:57
阅读次数:
206
1. 各种调试工具。ie dev toolbar. chrome developer tools. firebug .fiddler 2. 压缩合并工具 3. fis 4. 性能工具yslow. pagespeed 5. 压缩 gzip js压缩 uglifyjs. yui compressor. ...
分类:
Web程序 时间:
2016-05-30 06:22:58
阅读次数:
201
上面release是执行命令 node r.js -o build.js 生成的 代码目录如上: main.html代码如下: config.js代码如下,配置信息,便于 require引入这些模块 one,two,three,如上代码 one模块代码: two模块代码:其中two模块引入了thre ...
分类:
Web程序 时间:
2016-05-26 14:24:42
阅读次数:
410