wanglei1900

摘要： 一、浏览器安全 跨网站脚本（Cross-site scripting，XSS）又称为跨站脚本攻击，是一种经常出现在 Web 应用程序的安全漏洞攻击，也是代码注入的一种。XSS 是由于 Web 应用程序对用户的输入过滤不足而产生的，攻击者利用网站漏洞把恶意的脚本代码注入到网页之中，当其他用户浏览这些网 阅读全文

摘要： 闭包 闭包到底是什么？ 闭包是一种引用关系，该引用关系存在于内部函数中，内部函数引用的是外部函数变量的关系。 闭包产生的条件 函数嵌套 内部函数引用了外部函数的变量 调用外部函数（执行） function closure(){ // 外部函数 var a = 10; // 外部函数变量 return 阅读全文

摘要： keep-alive是一个内置抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 一、keep-alive 属性 include - (string | RegExp | Array) 定义缓存白名单，名 阅读全文

摘要： 一、路由的跳转(路由的跳转就两种形式)： 声明式导航（router-link：务必要有to属性） 编程式导航$router.push||replace 编程式导航更好用，以下只讨论编程式导航 优点：因为可以书写自己的业务逻辑，更加灵活 缺点： 编程式导航路由跳转到当前路由(参数不变), 多次执行会抛 阅读全文

摘要： 常见的 HTTP 状态码以及代表的意义 1xx ⇒ Informational(信息性状态码)，接受的请求正在处理 100 ⇒ 正在初始化（一般是看不到的） 101 ⇒ 正在切换协议（websocket 浏览器提供的） 2xx ⇒ Success(成功状态码)，请求正常处理完毕 200 OK ⇒ 请 阅读全文

摘要： 一、本地（浏览器端）存储 storage本地存储可视化 打开开发者工具查看storage存储，请看下图。 本地（浏览器端）存储的方式 Cache Storage 缓存存储 使用Cache API创建的任何 DOM 缓存。 Cookies 小饼干 是服务器发送到用户浏览器并保存在本地的一小块数据(<4 阅读全文

摘要： 帮助理解弹性盒各个的属性的小游戏。 http://flexboxfroggy.com/ 弹性盒 一、开启弹性盒模型 display:flex; display:inline-flex; 弹性盒和内联弹性盒的区别，弹性盒高度会被子元素撑开，弹性盒宽度100%占据整行。内联弹性盒高度和宽度均由子元素宽高 阅读全文

摘要： 扩展运算符 扩展运算符（ spread）是三个点（...），可以将一个数组转为用逗号分隔的参数序列。 扩展运算符是将一个整体的元素展开成单独的元素 浅拷贝 数组 const arr = [1, 2, 3] const arr2 = [...arr] console.log(arr2); // [1, 阅读全文

摘要： 解构赋值 解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。 单层对象的解构赋值 const obj = { name: 'paul', age: 19, gender: '男' }; const { name, age, gende 阅读全文

摘要： for循环 for (let index = 0; index < array.length; index++) { const element = array[index]; } for in for in 遍历数组 // for in 遍历数组的每个下标 for (const index in 阅读全文