javascript
javascript技术总结
xinxin_zhu
呵呵呵哒
展开
-
js 错误监控
1.错误的分类即时运行错误:代码错误 (1) try...catch (2) window.onerror /addEventLister资源加载错误(不会冒泡但是可以捕获) (1) object.onerror(写在标签上) (2)performance.getEntries();可以拿到所有正常加载的资源 是一个数组。 (3)Error事件捕获<!DOCTYPE html><html lang="en"&g...原创 2020-06-02 22:11:18 · 282 阅读 · 0 评论 -
js 排序算法
0、算法概述0.1 算法分类十种常见排序算法可以分为两大类:比较类排序:通过比较来决定元素间的相对次序,由于其时间复杂度不能突破O(nlogn),因此也称为非线性时间比较类排序。 非比较类排序:不通过比较来决定元素间的相对次序,它可以突破基于比较排序的时间下界,以线性时间运行,因此也称为线性时间非比较类排序。0.2 算法复杂度0.3 相关概念稳定:如果a原本在b前面,而a=b,排序之后a仍然在b的前面。 不稳定:如果a原本在b的前面,而a=b,排序之后 a 可能会出现在 .转载 2020-05-26 21:19:57 · 389 阅读 · 0 评论 -
js 通信知识点总结
1 同源策略浏览器限制不同源不能通信,源包括(协议:域名:端口)。非同源时Cookie LocalStorage和IndexDB不能读取 DOM无法获取 AJAX不能请求2前后端怎么通信AJAX (同源) WebSocket(不限制同源非同源) CORS(支持同源和非同源)3 创建ajaxXMLHttpRequest对象的工作流程 兼容性处理 事件的触发条件 事件的触发顺序function ajax1(url, type) { const p = new Pro原创 2020-05-24 23:01:08 · 320 阅读 · 0 评论 -
js面向对象
<html><head> <title>面向对象</title> <meta charset="utf-8"> <style> </style></head><body></body></html><script src="../js/jquery.min.js"></script><scr.原创 2020-05-24 21:37:11 · 241 阅读 · 0 评论 -
js 数据类型
1.7种数据类型原始类型:Boolean Null Undefined Number String Symbol对象:Object2.显式类型转换Number对象类型装换先调用自身的valueOf方法,如果改方法返回原始类型的值(数值、字符串和布尔值),则直接对该值使用Number方法,不再进行后续步骤。如果valueOf方法返回复合数据类型的值,则对该值使用Number方法,不再进行后续步骤。如果toString返回的是复合数据类型,则报错。String对象类型装换原创 2020-05-13 19:02:57 · 122 阅读 · 0 评论 -
js题目
1.let var constlet const 是块级作用域 var变量提升 const 常量 不能改变 var 是es5console.log(b) //undefinedvar b=400; //变量提升console.log(a) //报错 a is not definedlet a=12.强制类型转换和隐式类型转换强制:parseInt......原创 2020-04-06 20:56:45 · 135 阅读 · 0 评论 -
web前端重点知识点总结
原创 2020-04-06 18:11:27 · 499 阅读 · 0 评论 -
如何预防 xss,xsrf攻击
1.xss攻击情景:浏览网页 恶意脚本执行 获取cookie信息 获取信息处理:< 用 <> 用> 替换2.xsrf 攻击情景: <img src='/重要信息'>处理: 使用post 接口 加验证信息...原创 2020-04-06 16:01:42 · 185 阅读 · 0 评论 -
js 性能优化 节流 防抖
1.防抖使用场景1.监听一个输入框文字变化后触发chang事件2.直接用keyup事件则会频繁触发change事件3.防抖:用户输入结束或者暂停后才会触发change事件<!DOCTYPE html><head> <meta charset="utf-8"> <title> ...原创 2020-04-06 13:28:26 · 214 阅读 · 0 评论 -
手机上调试H5页面
1.在h5页面中引入js文件<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>2.在全局中或者打印的地方写var vConsole = new VConsole();3.打印要调试的内容console.log(res)4.手机浏览 右下角会有绿色...原创 2020-03-30 16:38:55 · 2840 阅读 · 0 评论 -
html性能优化
1.加载更快压缩代码 合并代码 SSR服务器端渲染 缓存2.渲染更快css写在head中 js 写在body 最下边使用懒加载(图片懒加载 上滑在家更多)对DOM进行缓存不要频繁操作DOM 合并到一起插入DOM节流throttle 防抖 debounce...原创 2020-03-29 20:49:59 · 302 阅读 · 0 评论 -
window.addEventListener()和document.addEventListener()区别
window.addEventListener('load',function(){//页面的全部资源加载完后才会执行 包括 图片 视频等})window.addEventListener('DOMContentLoaded',function(){//Dom 渲染完即可执行 此时图片视频还可能没加载完})...原创 2020-03-29 20:44:55 · 7067 阅读 · 0 评论 -
从输入url到渲染出页面的整个过程
1.加载资源形式1)html 代码2)媒体文件 图片 视频3)js css2.加载资源的过程1)DNS 解析 域名-》IP2) 浏览器根据IP地址向服务器发起http请求(可能https)3)服务器处理http/https 请求并返回给浏览器3.渲染页面的过程1)根据html代码生成DomTree2)根据css生成cssom3)整合行程RenderTre...原创 2020-03-29 20:36:59 · 434 阅读 · 0 评论 -
JS 原型原型链
<html><head> <title>class</title> <meta charset="utf-8"> <style> </style></head><body> es6写法 class {constructor 属性 ...原创 2020-03-24 13:31:37 · 116 阅读 · 0 评论 -
JS DOM
<html><head> <title>DOM</title> <meta charset="utf-8"> <style> .red { color: red; } </style></head><...原创 2020-03-24 13:29:53 · 180 阅读 · 0 评论 -
js BOM
<html><head> <title>BOM</title> <meta charset="utf-8"> <style> </style></head><body> <P>知识点:navigator locat...原创 2020-03-24 13:29:10 · 94 阅读 · 0 评论 -
js bind函数
<html><head> <title>手写bind函数</title> <meta charset="utf-8"> <style> </style></head><body> 返回一个函数</body></h...原创 2020-03-24 13:28:21 · 149 阅读 · 0 评论 -
js event事件
<html><head> <title>event事件</title> <meta charset="utf-8"> <style> </style></head><body> <h2>事件监听 事件冒泡 ...原创 2020-03-24 13:27:24 · 161 阅读 · 0 评论 -
js 手写jquery插件
<html><head> <title>手写jquery插件</title> <meta charset="utf-8"> <style> </style></head><body> 手写jquery 插件 考虑扩展性 <p...原创 2020-03-24 13:26:06 · 204 阅读 · 0 评论 -
js promise
<html><head> <title>promise</title> <meta charset="utf-8"> <style> </style></head><body> <h1>同步和异步 </h1> ...原创 2020-03-24 13:24:15 · 136 阅读 · 0 评论 -
js 闭包
<html><head> <title>闭包</title> <meta charset="utf-8"> <style> </style></head><body> 函数作为返回值被调用 函数作为参数被调用 所有自由变量...原创 2020-03-24 13:22:37 · 101 阅读 · 0 评论 -
js this指向
this调用方法1.作为普通函数调用2.用apply call bind3.作为对象方法被调用5.在class方法中调用6.箭头函数<html><head> <title>this作用域</title> <meta charset="utf-8"> <style> ...原创 2020-03-24 13:08:47 · 197 阅读 · 0 评论