![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
宝典
文章平均质量分 55
JIseven
这个作者很懒,什么都没留下…
展开
-
项目好用的开发插件
mint-ui:基于 Vue.js 的移动端组件库fontAwesome:一套绝佳的图标字体库和CSS框架,设置字体大小图标iScroll:页面流畅的滑动 和 滚动(x,y)touchslider:手机滑动插件swiper:手机端轮播图插件zoom:一款视觉连续图像放大jQuery插件,页面内容缩放插件(使用教程)...原创 2021-08-22 08:20:00 · 2699 阅读 · 2 评论 -
Websocket-【聊天室的原理,接收消息提醒/ 公告消息】
Websocket是什么样的协议,具体有什么优点首先,WebSocket是HTML5出的东西(协议),Websocket是一个持久化的协议,而HTTP是一种非持久的协议服务器推送消息到前端实现页面数据实时刷新项目链接如下:https://blog.csdn.net/pengff1234/article/details/114520623websocket的使用步骤: 建立websocket连接后, 客户端(前端)可以发送指令给后端, 后端如果有数据就返回,...原创 2021-09-02 14:06:07 · 1759 阅读 · 0 评论 -
手写 防抖和节流函数
https://juejin.cn/post/6844903592063664142原创 2021-08-19 17:12:17 · 136 阅读 · 0 评论 -
如何理解js的发布-订阅模式
https://juejin.cn/post/6844903592864792583原创 2021-08-19 17:10:54 · 116 阅读 · 0 评论 -
【 如何手动设置 DNS预加载 和 http 缓存 】
https://www.520mg.com/plus/view.php?aid=9877原创 2021-08-21 01:07:21 · 306 阅读 · 0 评论 -
JavaScript-判断数据类型4种方式
https://segmentfault.com/a/1190000037747875原创 2021-08-22 10:04:34 · 111 阅读 · 0 评论 -
Ajax接口跨域问题JSONP解决方式
前言: 其实跨域的出现主要是因为浏览器的同源策略导致的,那什么又是浏览器的同源策略呢???。同源策略 概念:协议,域名,接口 3者相同就是同源, 反之3者中有一个不同, 则是不同源 【不同源接口请求,就会出现跨域】 作用:浏览器的同源策略主要是为了保证用户信息的安全而出现。 那什么情况下属于同源,什么情况下是不同源呢,看下图解决方案---JSONPJSONP是JSON with Pad...原创 2021-08-21 23:29:10 · 1072 阅读 · 0 评论 -
秒懂异步函数async/await
https://www.cnblogs.com/zhoujuan/p/11692818.html原创 2021-08-24 15:35:52 · 91 阅读 · 0 评论 -
前端兼容性问题
前端浏览器兼容性问题_醒途-CSDN博客原创 2021-09-30 11:46:39 · 82 阅读 · 0 评论 -
不能错过的web前端性能优化总结
https://juejin.cn/post/6844903593989029902原创 2021-08-19 14:55:24 · 288 阅读 · 0 评论 -
浏览器-【3】渲染机制(一看就明白的浏览器渲染原理及流程)
前言: 浏览器将域名通过网络通信从服务器拿到html文件后,它是如何渲染页面的呢?这个问题我们分析如下 1. 根据html文件构建 DOM树 和 CSSOM树。 2.上面2者结合形成渲染树,构建渲染树(Render Tree)。 3.页面的重绘(repaint)与重排(reflow,也有称回流)。页面渲染完成后,若JS操作了DOM节点,根据JS对DOM操作动作的大小,浏览器对页面进行重绘或是重排一、构建DOM树及CSSOM树 ...原创 2021-08-22 09:59:14 · 281 阅读 · 0 评论 -
常用 HTML5 和 CSS3 新特性
Html5: 1. HTML5 语义化标签 progress标签— >进度条, mark ----带有标记的文本, dialog---对话框 2. HTML5 Canvas <canvas>元素用于图形的绘制,该标签只是图形容器,您必须使用js脚本来绘制图形// <canvas>简单实例如下:<canvas id="myCanvas" width="200" height="10...原创 2021-08-22 18:18:54 · 92 阅读 · 0 评论 -
宝典- ES6新特性与TypeScript、JS性能优化 (一)
简单题一、请说出下列最终的执行结果,并解释为什么var a = []for (var i=0;i<10;i++) { a[i] = function () { console.log(i) }}a[6]()执行结果为:10 for 循环最后传入的是10二、请说出下列最终的执行结果,并解释为什么var tmp = 123;if(true) { console.log(tmp) let tmp}执行结果:报错 在if中,let是...原创 2021-08-19 11:26:34 · 483 阅读 · 0 评论