LuckyDeity_-优快云博客

原创 web前端性能优化问题以及解决方法

1、减少HTTP请求:解决办法：合并图片（精灵图），合并CSS和JS文件；图片较多的页面也可以使用 lazyLoad(懒加载) 等技术进行优化。2、请正确理解 Repaint(重绘) 和 Reflow(回流):注：{Repaint(重绘)就是在一个元素的外观被改变，但没有改变布局(宽高)的情况下发生，如改变visibility、outline、背景色等等。 ...

2018-07-30 22:03:49 2018

原创 CSS 浏览器兼容性

1.不同浏览器的标签默认的margin和padding不同: 解决方案：所以需要有自己的格式化样式(margin:0;padding:0;) 2.块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大:解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性 3.设置较小高度标签（一般小于10px），在I...

2018-07-28 14:30:56 274

原创原生JS的部分兼容处理

1.获取页面滚出去的部分(top,left)/** * window.pageYOffset 谷歌火狐 * document.documentElement.scrollTop ie8 * @returns {{top: (Number|number), left: (Number|number)}} */function getScroll(){ return ...

2018-07-28 08:27:23 471

原创小程序的一些限制

1.小程序上线时，微信限制了代码包不能超过2MB 大小2.域名限制:3.请求限制:4.文件夹不能有中文5.内容不能带敏感词、购物车、结算等

2018-07-27 22:01:02 5027

原创实现搜索历史的记录（记录到本地存储中）

什么是本地存储：把数据存储到电脑本地（电脑的某个文件里面）通过浏览器来存储的有哪些本地存储的方式： localStorage sessionStoragelocalStorage 永久存储只要不清空浏览器记录和手动删除存储记录存储是一只存在的sessionStorage 临时存储当浏览器关闭的时候就自动清空为什么要使用本地存储来实现搜素历史记录：搜素历史记录的记录信息永久存储的...

2018-06-10 22:43:19 5676

原创 bootstrap

bootstrap的介绍关于bootsrapBootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 bootstrap解决什么问题全局的css样式基于媒体查询的响应式布局栅格布局 html组件 js插件总结： bootstrap提供了从页面组件实现，到css样式，页面元素布局，到响应式和页面交互的前端开发全套解决方案，非常...

2018-06-02 14:23:11 3027

png-8，png-24，jpeg，gif，svg。还有一个WebP格式，谷歌（google）新推出的影像技术，它可让网页图档有效进行压缩，同时又不影响图片格式兼容与实际清晰度，进而让整体网页下载速度加快。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。在质量相同的情况下，WebP格式图像的体积要比...

2018-05-24 20:03:22 2578

原创简述一下src与href的区别。

src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。<script src="js.js"></script><frameset cols="25%,50%...

2018-05-24 20:01:27 565

原创 jQuery创建伪数组对象的原理

1.什么是伪数组 1.1伪数组是一个非数组类型的对象. 1.2有一个length属性,值为numder类型. 1.3以下标的方式存储数据. 代码如下: var obj = { 0: 'abc', 1: 'cba', length: 2 };2.创建伪数组对象的原理在jQue...

2018-05-17 21:55:01 993 1

原创 JSONP原理

1.JSONP的由来根据浏览器同源策略,所谓同源就是ip地址、端口、协议都相同时。不同源之间是无法直接访问的,但是script标签的src属性的天然支持跨域(不同源之间请求访问)引用文件,所以JSONP利用了这个特点进行访问数据。JSONP是发送请求之后,后台包装好一段json数据,并且把数据放在一个callback(广大程序员做了一个君子约定,统一使用callback作为key)函数中,返回一个...

2018-05-16 16:59:43 228

原创 ajax2.0 实现图片预览上传

首先,ajax可以不需要依赖于form表单,直接写文本框就可以了.有的时候,页面上有form表单,ajax2.0就可以无缝的结合form表单,自动获取里面的所有数据,不需要去选择.以下是简单测试ajax2.0的代码:1.html通过点击form表单外的button实现图片上传2.javascript和原生ajax基本相同,不同的部分如下:new FormData()会自动格式化所选中的form表单...

2018-05-15 21:04:54 423

原创 PHP 增、删、改、查接口实现

1.首先把常用的php增、删、改、查进行封装. 由于增、删、改的执行语句和查的不一样,我们把它们分开写. 上传的文件需要通过iconv()进行编码转换,不然保存的文件名是乱码 $key: 键 $tergetPath: 保存文件的那个文件夹2.写接口文档,这里就不过多的哔哔了.3.增4.删5.改6.查...

2018-05-14 20:13:42 3538

LuckyDeity_的博客