weixin_47077459的博客

title: 网络安全知识嗷date: 2021-08-08 09:14:09categories:- [计算机基础]tags: 前端 网络安全1. XSSCross Site Scripting，跨站点脚本攻击，通过存在安全漏洞的Web网站注册用户的浏览器内运行非法的非本站点HTML或者是JS进行的一种攻击它可以利用虚假的输入表单骗取用户信息，利用脚本窃取用户的cookie值，被害者在不知情的情况下，帮助攻击者发送恶意请求 反射性攻击 - url参数直接注入 // 普通.

title: 跨域相关嗷date: 2021-08-06 09:04:20categories:- [计算机基础]tags: 计算机基础 浏览器跨域（非同源策略请求） 同源策略请求 ajax / fetch 跨域传输 同源策略：指两个地址协议，域名，端口号都一样，只要有一个不同，就是跨域解决跨域的方法：1.JSONPhtml标签中的script，img，link，iframe等不存在跨域请求的限制利用这一性质，在客户端的script的src下写一个服务器.

1.Webpack简介Webpack是一种前端资源构建工具，一个静态模块打包器，在Webpack看来，前端的所有资源文件（js/json/css/img/less）都会作为模块处理，它会根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle）1.1 Webpack五个核心概念 Entry 入口指示 Webpack以哪个文件为入口起点开始打包，分析构建内部依赖图 Output 输出指示，Webpack打包后资源bundles输出到哪去，以及如何命名 Loader

ES61. letlet用来变量声明特性：1.变量不能重复声明 2.块级作用域 3.不会变量提升2. constconst用来声明常量特性：1.一定要有初始值 2.值不能修改 3.块级作用域 4.对于数组或者对象的修改不算对常量的修改，不会报错3. 变量的结构赋值 ES6允许按照一定模式从数组和对象中提取值，对变量进行复制 数组的结构 const XXX = ['xx','yy','zz']let [x,y,z] = XXX 对象的结构

5.9 编程式路由跳转 作用：不借助<router-link>实现路由跳转，让路由跳转更加灵活 // $router的两个api，push和replacethis.$router.push({ path:'/about', query:{ id: 666, title: 'title' }})this.$router.replace({ path:'/about', query:{ id: ...

4. vuex4.1 vuex介绍4.1.1 vuex是什么 概念：专门在Vue中实现集中试状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式管理（读/写），也是一种组件间通信的方式，且使用与任意组件通信 4.1.2 什么时候用vuex 多个组件以来同一状态 来自不同组件的行为需要变更为同一状态 4.2 工作原理vue组件调用dispatch('方法名'，参数)，进入vuex的actions，actions本质是一个对象，actions

3.13 消息的订阅与发布 一种组件间通信的方法，适用于任意组件间通信 使用步骤 安装pubsub：npm i pubsub-js 引入：import pubsub from "pubsub-js" 接收数据 <script> methods:{ demo(data){....} }, mounted(){ this.pid = pubsub.subscribe('xxx',...

EX2. 浏览器本地存储 存储内容大小一般支持5MB左右（不同浏览器有可能不同） 浏览器通过window.sessionStorage 和 window.localStorage属性来实现本地储存机制 相关API（localStorage与sessionStorage的api一样）： localStorage.setItem('key', 'value')：接收一个键和值作为参数，会把键值对添加到存储中，有就覆盖 localStorage.getItem(

2.3 单文件组件写法<template></template> <!--里面写html结构--><script> import XXX from './XXX' export default { name:'', data(){}, components:{ XXX } }</script> <!--...

1.15 自定义指令 - directives函数简写式（不能配置，处理不了一些细节的问题）<h2>放大10倍后的n值为<span v-big="n"></span></h2>​<script> new Vue({ directives: { // 函数简写形式 big(element, binding) { element.inn...

1.11 列表渲染1.11.1 用法语法：v-for="item in itemList" :key="item.id" (item是列表项，itemList是列表，key必须指定列表的唯一值) 遍历数组 <!-- item表示itemList的每一项,index表示itemList每一项的索引,key指定唯一标识 --><li v-for="(item, index) in itemList" :key="item.id"> {{item.name}}.

1.5 理解数据代理数据代理：通过一个对象代理对另一个对象中属性的操作（读/写） 原理：通过Object.defineProperty的setter来让另一个对象的属性值等于这个对象的value，当这个对象的value被修改时，就会通过setter让另一个对象的值也一起改变 let obj = { x:100 }let obj2 = { y:200 }​Object.defineProperty(obj2, x, { get(){ return obj.x ...

1. Vue基础1.0 MVVM模式 M 模型(Model)：对应data中的数据 V 视图(View)：模板 VM 视图模型(ViewModel)：Vue对象实例 把一堆乱七八糟的数据（模板）和一堆dom结构通过数据模型做一个连接，把数据放在框架要求放好的位置，然后写出模板代码，就能建立起一个连接而Vue中数据通过Vue实例进行数据绑定，就能把你的数据渲染到视图当中去，而通过Vue实例的时间监听使页面的改变也能映射到数据的改变1.1 Vue介绍 vue是