- 博客(24)
- 收藏
- 关注
RSS订阅转载 Web安全问题总结
文章目录前言一、SQL 注入二、XSS 攻击反射型存储型三、CSRF 攻击四、DDoS 攻击五、DNS劫持六、JSON 劫持七、暴力破解八、HTTP 报头追踪漏洞九、信息泄露十、目录遍历漏洞十一、命令执行漏洞十二、文件上传漏洞十三、其他漏洞十四、业务漏洞十五、框架或应用漏洞总结前言此篇总结Web安全领域常见的一些安全问题。一、SQL 注入SQL注入攻击的核心在于让Web服务器执行攻击者期望的SQL语句，以便得到数据库中的感兴趣的数据或对数据库进行读取、修改、删除、插入等操作，达到其邪恶的目的。
2022-04-25 16:48:44
290
原创 vue基础mixin（混入）
1.src目录中创建mixin文件夹，文件夹内自定义js文件2.js文件格式：export const一个对象，对象中和.vue文件的Option一样，可以有生命周期、data、methods等export const hunhe = { methods: { showName(){ alert(this.name) } }, mounted() { console.log('你好啊！') },}export const hunhe2 = { data() { re
2022-04-17 23:40:02
394
原创 数据结构与算法（js描述）———— 栈
文章目录前言一、栈是什么？二、栈的实现2.数制转换3.判断回文4.递归演示总结前言本文对JavaScript描述的栈类型数据结构总结。一、栈是什么？栈就是和列表类似的一种数据结构，是一种高效的数据结构，因为数据只能在栈顶添加或删除。二、栈的实现function Stack() { this.dataStore = []; //保存栈内元素 this.top = 0; //记录栈顶位置 this.push = push; //向栈内压入新元素 this.pop = pop; //移除栈
2022-04-01 10:48:37
1547
原创 10个vue性能优化技巧
参考云加社区一、v-for遍历必须为item添加key，且避免同时使用v-if在列表数据进行遍历渲染时，需要为每一项item设置唯一key值，方便Vue.js内部机制精准找到该条列表数据。当state更新时，新的状态值和旧的状态值对比，较快地定位到diff。我们在使用的使用经常会使用index(即数组的下标)来作为key，但其实这是不推荐的一种使用方法。var list = [ { id: 1, name: 'test1', }, { .
2022-03-30 23:06:26
5343
原创 vue过滤器
过滤器：定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。语法：1.注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}}2.使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = “xxx | 过滤器名”备注：1.过滤器也可以接收额外参数、多个过滤器也可以串联2.并没有改变原本的数据, 是产生新的对应的数据<!DOCTYPE html><html> <he.
2022-03-29 14:11:36
63
原创 vue收集表单数据
收集表单数据：若：<input type=“text”/>，则v-model收集的是value值，用户输入的就是value值。若：<input type=“radio”/>，则v-model收集的是value值，且要给标签配置value值。若：<input type=“checkbox”/>1.没有配置input的value属性，那么收集的就是checked（勾选 or 未勾选，是布尔值）2.配置input的value属性:(1)v-model的初始
2022-03-29 12:44:45
76
原创 vue条件渲染与列表渲染
一、条件渲染条件渲染：1.v-if写法：(1).v-if=“表达式”(2).v-else-if=“表达式” （为true）(3).v-else=“表达式” （为false）适用于：切换频率较低的场景。特点：不展示的DOM元素直接被移除。注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。2.v-show写法：v-show=“表达式”适用于：切换频率较高的场景。特点：不展示的DOM元素未被移除，仅仅是使用样式隐藏掉3.备注：使用v-i
2022-03-29 10:48:51
153
原创 vue样式绑定
样式绑定1. class样式： 写法:class="xxx" xxx可以是字符串、对象、数组。 字符串写法适用于：类名不确定，要动态获取。 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。2. style样式： :style="{fontSize: xxx}"其中xxx是动态值。 :style="[a,b]"其中a、b是样式对象。<html&g
2022-03-29 10:36:54
127
原创 vue计算属性与监听属性
一、计算属性<!-- 计算属性： 1.定义：要用的属性不存在，要通过已有属性计算得来。 2.原理：底层借助了Objcet.defineproperty方法提供的getter和setter。 3.get函数什么时候执行？ (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。 4.优势：与methods实现相比，内部有缓存机制（复用），效率更高，调试方便。 5.备注： 1.计算属性最终会出现在vm上，直接读取使用即可
2022-03-29 09:35:02
144
原创 vue事件处理总结
一、事件处理 1. 事件的基本使用<!-- 事件的基本使用： 1.使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名； 2.事件的回调需要配置在methods对象中，最终会在vm上； 3.methods中配置的函数，不要用箭头函数！否则this就不是vm了； 4.methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例对象； 5.@click="demo" 和 @click="demo($event)" 效
2022-03-29 09:25:05
297
原创 vue数据代理总结
一、Vue简介. 介绍与描述动态构建用户界面的渐进式 JavaScript 框架作者: 尤雨溪.Vue 的特点遵循 MVVM 模式编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发它本身只关注 UI, 也可以引入其它第三方库开发项目.与其它 JS 框架的关联借鉴 Angular 的模板和数据绑定技术借鉴 React 的组件化和虚拟 DOM 技术.Vue 周边库vue-cli: vue 脚手架vue-resourceaxi
2022-03-28 21:57:16
149
原创 javaScript的23个小技巧
1.带有多个条件的 if 语句把多个值放在一个数组中，然后调用数组的 includes 方法。// bad 👴if (x === "abc" || x === "def" || x === "ghi" || x === "jkl") { //logic}// better 👶if (["abc", "def", "ghi", "jkl"].includes(x)) { //logic}2.使用条件表达式简化 if true...else// bad 👴let test: bo
2022-03-28 20:38:31
1215
原创 20个CSS划水小技巧
前言：修改 placeholder 样式，多行文本溢出，隐藏滚动条，修改光标颜色，水平和垂直居中。这些熟悉的场景啊!前端开发者几乎每天都会和它们打交道，这里有20个CSS技巧，让我们一起来学习吧。1. 解决 img 5px 间距的问题你是否经常遇到图片底部多出5px间距的问题？不用急，这里有4种方法可以解决。方案1：设置父元素字体大小为 0关键代码：.img-container{ font-size: 0;}方案2：将 img 元素设置为 display: block关键代码
2022-03-22 08:26:53
104
原创 post请求编码格式为content-type:application/x-www-form-urlencoded时，vue项目使用axios传参出错
post请求编码格式为content-type:application/x-www-form-urlencoded时，vue项目使用axios传参后端识别数据格式出错
2022-03-02 17:15:22
1222
原创 使用 Promise 时的5个常见错误
目录1.避免 Promise 地狱2. 在 Promise 中使用 try/catch 块3. 在 Promise 块内使用异步函数4.在创建 Promise 后立即执行 Promise 块5. 不一定使用 Promise.all() 方法总结引言：Promise 提供了一种优雅的方法来处理 JS 中的异步操作。这也是避免“回调地狱”的解决方案。但在开发中我们经常会遇到很多错误。以下，介绍使用 promise 时的五个常见错误。1.避免 Promise 地狱通常，Promise是用来避免回调地狱。但
2022-01-10 22:24:38
2493
原创 OAuth授权机制基础（四种方式）
前言做过一个与腾讯微校合作的项目，需要在前端获取token（后端处理）才能拿到微校用户数据，后来发现OAuth机制是很重要的知识，所以借此总结学习笔记参考：阮一峰的网络日志一、授权码式1.指第三方应用先申请一个授权码，然后再用该码获取令牌2.授权码通过前端传送，令牌则是储存在后端，而且所有与资源服务器的通信都在后端完成。这样的前后端分离，可以避免令牌泄漏（最常用的流程，安全性最高，适用于有前后端分离的Web 应用）3.跳转流程图：4.步骤解释：-第一步:A 网站提供一个链接，用户点击后就
2022-01-09 20:15:07
922
原创 解决：vue项目中使用v-for列表渲染不显示问题
在vue中不管是动态滚轮、下拉框都会用到v-for，但我们经常遇到一个问题，明明数组和HTML结构都没有问题，但是列表就是不显示。你是否有这个习惯就是在data中会先自定义一个空数组用来装xhr请求后端过来的数组然后数据请求过来后然后v-for,但是页面是空的。解决：在上套一个父级然后做判断原因：由于定义的weatherData数组初始值为空数组，xhr请求是异步的，所以要做判断。...
2022-01-05 20:30:16
9876
2
原创 解决：vue中使用echarts图表无法实时跟随后端请求的数组更新
**原因**：因为echart函数渲染后，更新了数组，但是echart函数渲染图表比xhr请求快，所以数据不变，如果你想到使用watch监听更新的数组，但是依然不会刷新显示。**解决**：在vue的watch中监听echarts图表的一个请求的数组（只需要一个否则会报getAttributes错），**并在 handler(newVal, oldVal)函数中调用echart图表函数**就能解决啦！
2022-01-05 20:15:09
1294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人