10nlife-CSDN博客

原创网络安全知识嗷

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

2021-08-08 20:01:41 181

原创跨域相关嗷

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

2021-08-06 11:46:15 140

原创前端计网知识嗷

---title:计算机网络date:2021-07-3118:40:02categories:-[计算机基础]tags:前端计网---####1.计算机网络模型-实体：第n层中的活动元素称为n层实体，同一层的叫做对等实体-协议：为进行网络中的对等实体数据交换而建立的规则，标准或约定称为网络协议-接口：上层使用下层服务的入口-服务：下层为响铃上层提供的功能的调用分层结构分为OSI参考模型和TCP/IP参考模型##...

2021-08-01 15:18:31 196

原创 Webpack基础呀

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

2021-07-29 10:00:57 243

原创 ES6-11笔记呀

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

2021-07-26 16:59:08 243

原创 Vue全家桶学习笔记最后一天

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

2021-07-24 11:08:53 239

原创 Vue全家桶学习笔记第八天

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

2021-07-23 09:09:14 163

原创 Vue全家桶学习笔记第七天

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

2021-07-22 10:03:21 121

原创 Vue全家桶学习笔记第六天

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

2021-07-21 12:36:07 75

原创 Vue全家桶学习笔记第五天

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

2021-07-20 11:05:54 135

原创 Vue全家桶学习笔记第四天

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

2021-07-19 09:24:21 117

原创 Vue全家桶学习笔记第三天

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

2021-07-18 10:48:44 178

原创 Vue全家桶学习笔记第二天

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

2021-07-17 10:38:33 454

原创 Vue全家桶学习笔记第一天

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

2021-07-16 10:58:38 98

weixin_47077459的博客