摘要: 所谓同源策略,指的是浏览器对不同源的脚本或者文本的访问方式进行的限制。比如源a的js不能读取或设置引入的源b的元素属性。那么先定义下什么是同源,所谓同源,就是指两个页面具有相同的协议,主机(也常说域名),端口,三个要素缺一不可。 看下面的比较就一目了然了: 同源策略限制的不同源之间的交互主要针对的是 阅读全文
posted @ 2019-11-01 12:39 会吃鱼的猫123 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 背景:页面图片多,加载的图片就多。服务器压力就会很大。不仅影响渲染速度还会浪费带宽。比如一个1M大小的图片,并发情况下,达到1000并发,即同时有1000个人访问,就会产生1个G的带宽。为了解决以上问题,提高用户体验,就出现了懒加载方式来减轻服务器的压力,优先加载可视区域的内容,其他部分等进入了可视 阅读全文
posted @ 2019-10-27 14:06 会吃鱼的猫123 阅读(3216) 评论(0) 推荐(0) 编辑
摘要: 日积月累,说不定就实现了梦想呢? 阅读全文
posted @ 2019-10-13 10:30 会吃鱼的猫123 阅读(643) 评论(0) 推荐(0) 编辑
摘要: 第一次写svg,虽然网上很多例子,但是挺有成就感。加油,🐈🐈🐈🐈🐈🐈.... 图片: 话不多说,代码贴上: 阅读全文
posted @ 2019-07-10 20:21 会吃鱼的猫123 阅读(569) 评论(0) 推荐(0) 编辑
摘要: 解决:iPhoneX底部的黑色线条挡住底部按钮、菜单、等 话不多说,赶紧附上代码: 一、Mac系统测试:能在本地测试 二、windows系统测试:无法在本地测试出来, 总结:真机上是没问题的,windows系统上: 阅读全文
posted @ 2019-05-25 09:50 会吃鱼的猫123 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 星星图片来源于https://www.iconfont.cn/search/index?searchType=icon&q=%E6%98%9F 阅读全文
posted @ 2019-04-25 11:59 会吃鱼的猫123 阅读(1800) 评论(0) 推荐(1) 编辑
摘要: 1、为什么需要资源预加载? 大多时候,我们的页面并不是一次渲染完毕的,而是随着用户的操作,不断修改DOM节点,如果你动态插入了一个图片节点,那么浏览器要马上发一个http请求,把图片加载下来然后渲染在页面上,如果用户此时的网速不佳,那么加载这张图片可能就会消耗几秒钟时间,此时页面上什么都没有(白屏) 阅读全文
posted @ 2019-04-18 16:41 会吃鱼的猫123 阅读(1253) 评论(0) 推荐(0) 编辑
摘要: 每一天都过得很有意义,未来的我不会后悔今天的选择。 阅读全文
posted @ 2019-04-17 22:05 会吃鱼的猫123 阅读(822) 评论(0) 推荐(0) 编辑
摘要: Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。 整个文件项目的目录如下图: 1、全局安装gulp:npm install --global gulp 2、安装项目开发依赖:npm install --save-dev gulp 3、安装package.jso 阅读全文
posted @ 2019-04-02 13:44 会吃鱼的猫123 阅读(230) 评论(0) 推荐(0) 编辑