
web页面优化
weixin_38521613
专注于前端编程
展开
-
跨域的问题
1.为什么会存在跨域造成跨域的两种策略浏览器的同源策略会导致跨域,这里同源策略又分为以下两种DOM同源策略:禁止对不同源页面DOM进行操作。这里主要场景是iframe跨域的情况,不同域名的iframe是限制互相访问的。XmlHttpRequest同源策略:禁止使用XHR对象向不同源的服务器地址发起HTTP请求。作者:黄家兴链接:https://www.zhihu.com/question/2637...转载 2018-03-21 00:53:03 · 186 阅读 · 0 评论 -
如何优化你的JS代码
JS代码的执行效率往往直接影响了页面的性能,有的时候,实现同样的功能,不同的JS代码往往在效率上相差很多,有的时候仅仅是由于我们的书写习惯导致的,当然在高级点的浏览器中,它们大多都已经帮我们优化了,但是在中国,万恶的IE6仍然大量的存在,我们不得不去考虑它。对于JS代码的优化,实际上有很多的情况,有些影响是比较小的,而有些是比较严重的,本文中,我把几个我认为影响比较严重的情况列出来,供大家参考。1...转载 2018-03-20 23:44:30 · 539 阅读 · 0 评论 -
CSS代码重构与优化
CSS代码重构的基本方法前面说到了CSS代码重构的目的,现在我们来说说一些如何达到这些目的的一些基本方法,这些方法都是易于理解,容易实施的一些手段,大家平时可能也不知不觉地在使用它。提高CSS性能的手段首先说说如何提高CSS性能,根据页面的加载性能和CSS代码性能,主要总结有下面几点:1、尽量将样式写在单独的css文件里面,在head元素中引用有时候为了图方便或者快速搞定功能,我们可能会直接将样式...转载 2018-03-20 23:20:59 · 183 阅读 · 0 评论 -
html代码优化
Html代码seo优化最佳布局实例讲解搜索引擎对html代码是非常优化的,所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。 1、<!–木庄网络博客–> 这个东西是些页面注释的,可以在这里加我的“木庄网络博客”,但过多关键字可能被搜索引擎惩罚! 2、<html> 这个是代码开头 结尾时和</html>对应。 3、<head&g...转载 2018-03-20 23:11:36 · 2295 阅读 · 0 评论 -
vue页面进入导致低版本apple机型出现一直加载但是进不去页面的情况
在页面的地址后面加上#/ 这个是vue的一个大坑谨记原创 2018-03-02 10:40:02 · 4044 阅读 · 1 评论 -
js判断访问机器系统
script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipa转载 2017-08-02 12:00:37 · 242 阅读 · 0 评论 -
Javascript图片预加载详解
Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》,分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊转载 2017-08-01 10:02:29 · 261 阅读 · 0 评论 -
懒加载和预加载
懒加载和预加载1、懒加载1.什么是懒加载?懒加载也就是延迟加载。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载?很多页面,内容很丰富,页面很长,图片较多。比如说各种转载 2017-07-17 15:20:45 · 278 阅读 · 0 评论 -
html中的meta
X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有属性,它告诉IE8采用何种IE版本去渲染网页,在html的标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible? 在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本转载 2017-07-17 15:18:03 · 202 阅读 · 0 评论