随笔分类 -  前端开发

web中的本地存储和小程序的本地存储的区别
摘要：1.写代码的方式不同 web:localStorage.setItem("key","value") localStorage.getItem("key") 小程序：wx.setStorageSync("key","value") wx.getStorageSync("key") 2.存的时候有没有 阅读全文
posted @ 2021-02-18 15:38 清风园 阅读(99) 评论(0) 推荐(0)
如何中断ajax请求【学习笔记】
摘要：停止javascript的ajax请求有两种方式 1. 设置超时时间让ajax自动断开 2. 手动去停止ajax请求， 核心是调用XMLHttpRequest对象上的abort方法 我们以jquery举例说明： jquery的ajax对象的abort方法：调用abort后jquery会执行error 阅读全文
posted @ 2020-08-11 10:49 清风园 阅读(6791) 评论(0) 推荐(1)
懒加载【学习笔记】
摘要：懒加载：通俗的讲，即延时加载，对象需要用到时才加载！ 何时会使用到懒加载：一般来说，就是当我们需要访问的数据量过大时（大量数据，图片，音频），明显用缓存不太合适，因为内存有限，这时就可以让数据需要用到时，才进行加载（就是所谓的重写对象的get方法, 当系统或者开发者调用对象的get方法时，再去加载对 阅读全文
posted @ 2020-08-11 10:31 清风园 阅读(142) 评论(0) 推荐(0)
前端跨域问题笔记
摘要：一、含义：当一个请求 url 的协议、域名、端口三者之间任意一个与当前页面 url 不同即为跨域 二、同源策略： 就是同域名，同端口，同协议 例如：如果你有一个服务器 A，你所需要的 script，css，php 文件都在服务器 A， 你写的 html 也在服务器 A 上，然后运行，出现了效果，如果 阅读全文
posted @ 2020-05-28 14:13 清风园 阅读(164) 评论(0) 推荐(0)
更好的理解HTTP和HTTPS
摘要：基本概念 HTTP（HyperText Transfer Protocol：超文本传输协议）是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法，被用于在 Web 浏览器和网站服务器之间传递信息。 HTTP 默认工作在 TCP 协议 80 端口，用 阅读全文
posted @ 2020-05-24 17:06 清风园 阅读(224) 评论(0) 推荐(0)
Git,Github,gitee
摘要：Git : 版本控制工具，分布式版本控制工具 优势： 1.大部分操作可在本地完成，不需要联网 2.完整性保证（对每一次提交的数据进行hash操作） 3.尽可能添加数据而不是删除或者修改数据 4.分支操作非常快捷流畅 5.与Linux命令兼容 Git安装：https://git-scm.com/ Gi 阅读全文
posted @ 2020-05-19 21:46 清风园 阅读(385) 评论(0) 推荐(0)
浏览器工作原理和兼容方案
摘要：浏览器的工作原理 1.解析HTML构建DOM树 2.构建渲染树 3.对渲染树进行布局 4.绘制渲染树 浏览器加载资源的顺序： 最高级：html,css,font 然后：js，xhr 然后是多媒体：图片-语音-视频 最后：prefetch预加载的资源 根据实际的规则，浏览器会对加载的资源顺序有所调整： 阅读全文
posted @ 2020-05-19 12:16 清风园 阅读(375) 评论(0) 推荐(0)
前端性能优化方案
摘要：前端性能优化 1：尽量减少HTTP请求 2：使用内容发布网络（CDN的使用） 3：添加Expries头 4：压缩组件 5：将CSS样式表放在顶部 6：将JS脚本放在底部 浏览器在加载css文件时，页面逐步呈现会被阻止，直到所有css文件加载完毕，所以要把css文件的引用放到head中去，这样在加载c 阅读全文
posted @ 2020-05-19 09:57 清风园 阅读(167) 评论(0) 推荐(0)