Better-HTQ

摘要： 什么是XSS XSS（Cross Site Scripting，跨站脚本攻击）缩写为CSS，但这会与层叠样式表（Cascading Style Sheets，CSS）的缩写混淆。因此，有人将跨站脚本攻击缩写为XSS。 XSS攻击是指攻击者在网站中注入恶意脚本代码，这些脚本代码会在其他用户浏览该网站时 阅读全文

摘要： Vue2 (选项式 API) Vue3 (选项式 API) Vue3 (Hook inside setup) 备注 beforeCreate 不变 使用 setup() 因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的，所以不需要显式地定义它们。换句话说，在 阅读全文

摘要： 事件绑定 浏览器的事件模型，就是通过监听函数（listener）对事件做出反应。事件发生后，浏览器监听到了这个事件，就会执行对应的监听函数。这是事件驱动编程模式（event-driven）的主要编程方式。 JavaScript 有三种方法，可以为事件绑定监听函数。 1.HTML 的 on- 属性 < 阅读全文

摘要： 定义: this 就是属性或方法“当前”所在的对象。 this 的不同应用场景，如何取值: ① 作为普通函数 window ② 使用 call apply bind 传入的对象 ③ 作为对象方法被调用 对象本身 ④ 在构造函数（或者class 方法）中被调用 实例本身 ⑤ 箭头函数 取它上级作用域的 阅读全文

摘要： 动态路由配置 router/index.js import Vue from 'vue' import Router from 'vue-router' import Detail from '@/pages/detail/Detail' Vue.use(Router) export default 阅读全文

摘要： 特性 cookie localStorage sessionStorage 大小 4KB 5MB (每个host） 生存时间 一般由服务器生成，设置失效时间。如果在浏览器端生成，默认是关闭浏览器后失效。 除非被删除，否则永久保存 仅在当前会话下有效，关闭页面就会被清除 通信 每次通信都会携带在HTT 阅读全文

摘要： 默认情况下： #div1 { width: 100px; padding: 10px; border: 1px solid #ccc; margin: 10px; } offsetWidth = width + padding + border 盒模型宽度 = 内容宽度 + 内边距 + 边框 （不算 阅读全文

摘要： 在创建路由器实例时，history 配置允许我们在不同的历史模式中进行选择。 单页面应用的路由，需要解决2个问题： 1.如何改变 URL，不触发页面的刷新？ 2.如何监听 URL 的变化（包括：用户主动切路由和浏览器的前进后退）？ 一、Hash模式 URL表现形式 在内部传递的实际 URL 之前使用 阅读全文

摘要： 什么是媒体查询 @media ？ 概念：为不同尺寸的屏幕设定不同的CSS样式 示例： @media screen and (min-device-width:100px) and (max-device-width:300px) { #div0 {...} } @media screen and ( 阅读全文

摘要： 什么是响应式 Vue采用非入侵式响应式系统，数据模型仅仅是普通的JavaScript对象。 当修改数据时，视图会自动进行更新。 如何追踪变化 当把一个普通的JavaScript对象传入Vue实例，作为 data 选项。 Vue将遍历此对象的所有的property，并使用Object.definePr 阅读全文