摘要: 1.CSRF的基本概念、缩写、全称 CSRF(Cross-site request forgery):跨站请求伪造 用户是网站A的注册用户,且登录进去,于是网站A就给用户下发cookie 从上图可以看出,要完成一次CSRF攻击,受害者必须满足两个必要的条件: 1.登录受信任网站A,并在本地生成coo 阅读全文
posted @ 2020-04-19 10:36 乔万泽 阅读(506) 评论(0) 推荐(0) 编辑
摘要: 一. 普通对象与函数对象JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Function 是 JS 自带的函数对象。下面举例说明: var o1 = {}; var o2 =new Object(); var o3 = new f1(); function f1() 阅读全文
posted @ 2020-04-10 09:10 乔万泽 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 写vue或react项目,我们经常在接收到数据的时候,需要对数据进行二次加工操作,一些传统的办法可以实现对数据的加工。但利用到ES6的解构赋值,则更为简单。 解构赋值主要分为对象的解构和数组的解构,在没有解构赋值的时候,我们的赋值是这样的 let arr = [1,2,3] let a = arr[ 阅读全文
posted @ 2020-04-09 09:25 乔万泽 阅读(534) 评论(0) 推荐(0) 编辑
摘要: 一、状态管理Vuex 1.Vuex使用 Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以对应的规则保证状态以一种可预测的方式发生变化。 (1)state:单一状态书,每个应用将仅仅包含一个store实例 *this.$store.state.状 阅读全文
posted @ 2020-03-01 14:15 乔万泽 阅读(282) 评论(0) 推荐(1) 编辑
摘要: 一.了不起的vue 1.官方介绍 Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提 阅读全文
posted @ 2020-02-16 12:06 乔万泽 阅读(872) 评论(0) 推荐(1) 编辑
摘要: 说到Storage事件,那么就得先给大家说一下localstorage和sessionstorage: 1、localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 2、他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对 阅读全文
posted @ 2019-12-21 18:00 乔万泽 阅读(589) 评论(0) 推荐(0) 编辑
摘要: 实现这个案例,需要考虑到鼠标的拖拽效果(onmousedown/onmousemove/mouseup) 拖拽分解: 按下鼠标 >移动鼠标 >松开鼠标 1.给目标元素添加onmousedown事件,拖拽的前提是在目标元素按下鼠标左键 2.当onmousedown事件发生后,此刻给document添加 阅读全文
posted @ 2019-12-07 16:31 乔万泽 阅读(2424) 评论(0) 推荐(0) 编辑
摘要: 一般很多网站都有滑动验证的功能,简单滑动验证的原理如下图所示: 主要理解思想就行 图中的代码可能和实际写的有所不同 HTML和CSS也可根据仔细的喜好就行修改 完整代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U 阅读全文
posted @ 2019-11-30 16:01 乔万泽 阅读(3665) 评论(0) 推荐(0) 编辑
摘要: 对于JS初学者来说,一个完整的购物车实现还是挺难的,逻辑功能挺多。写出完整功能,能提升不少JS基础,下面实现购物车全选多选按钮功能: 首先HTML及CSS部分: <style> table { border-collapse: collapse; } td { border: 1px solid # 阅读全文
posted @ 2019-08-25 23:25 乔万泽 阅读(4648) 评论(0) 推荐(0) 编辑
摘要: 定时器的工作原理,这里将用引用How JavaScript Timers Work中的例子来解释定时器的工作原理,该图为一个简单版的原理图。· 上图中,左侧数字代表时间,单位毫秒;左侧文字代表某一个操作完成后,浏览器去询问当前队列中存在哪些正在等待执行的操作;蓝色方块表示正在执行的代码块;右侧文字代 阅读全文
posted @ 2019-08-23 13:26 乔万泽 阅读(3186) 评论(0) 推荐(0) 编辑