1、[内容]尽量减少HTTP请求数;
2、[服务器]使用CDN(Content Delivery Network);
3、[服务器]添上Expires或者Cache-Control HTTP头
4、[服务器]Gzip组件
5、[css]把样式表放在顶部
6、[js]把脚本放在底部
7、[css]避免使用CSS表达式
8、[js, css]把JavaScript和CSS放到外面
9、[内容]减少DNS查找
10、[js, css]压缩JavaS……
一、pc端视频回调函数 用于调用接口
function playingNotify (){
alert('开始播放了')
}
二.移动端视频回调函数 用于调用接口
video.addEventLisener("playing",funciton(){
//函数执行
})
三、移动端:双击屏幕 阻止屏幕上弹
function proMove() {
var agent = navigator.userAgent.toLowerCase(); //检测是否是ios
var ……
最近在项目上要实现这个功能,于是想简单的整理下。经查阅资料,有2种方式可以实现用户图像上传处理。第一种,前台预设有限制的裁剪框让用户在合法范围内裁剪好图像,裁剪后的图像转成base64串异步上传到后台。第二种,根据用户前台选取的图片,前台选取图片的一边角(习惯左上角)基点,需要裁剪的大小(width和height)……
当下多数网站,APP会员注册都采取手机号等方便快捷模式,本人最近在做一个移动端的登录注册界面,初稿如下图所示:
现在来具体说说我的实现方法:
其中js核心代码:
$("#Submit").click(function get_mobile(){
var mcode=Math.round(Math.random()*10000);
$.get("yanzheng.php?mobile="+$("#mobile").val()+"&mcod……
前端的性能对于一个Web应用来说非常重要,如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应,那么产品的用户体验将会极大地提升。(网站杜绝白屏)
以下为前端优化优化方案:
(1) 减少http请求次数:css spirit,data url // +去除网站中死链和没用的链接
(2) JS,CSS源码压缩 ……
优秀的书籍参考:
《JavaScript框架设计》:在用轮子同时,应当知道轮子是怎么转起来的,讲解很详细,从源码级别讲解框架的各个部分的实现,配合一个现有框架阅读,可以学到很多东西
《JavaScript模式》和《JavaScript设计模式》:JavaScript的代码模式和设计模式,将开发思维转变到JavaScript,非常好的书
《JavaScrip……