WQ's personal blog

知道你在改变

Vuejs设计与实现

脚手架搭建

多Package项目管理痛点和解决方案, 基于Lerna教授家框架搭建

原生JS实现—打地鼠游戏

Promise全面总结

Prmoise诞生的原因
Promise的生命周期
Promse的基本用法

前端安全：如何防范 XSS 和 CSRF

什么是 XSS 攻击？如何防范 XSS 攻击？
什么是 CSRF 攻击？如何防范 CSRF 攻击？

ES6 的 Reflect

Reflect基本用法和应用场景

ES6 的 Proxy

Proxy基本用法和应用场景

性能优化：防抖和节流

防抖：用户输入结束或暂停时，才会触发change事件
节流：无论输入速度多快，每隔一定时间只会触发一次

JS 实现继承的几种方式

原型链继承
构造函数继承
组合继承
寄生组合式继承

Vue2的基本使用方法

vue
vue-router
vuex

canvas 实现彩虹画笔绘画板

canvas 的初步学习——用 canvas 实现彩虹画笔绘画板

理解 ES6 的 Map 数据结构

ES6 新增了一种数据结构 Map，与传统的对象字面量类似，它的本质是一种**键值对的组合**。但是与对象字面量不同的是，对象字面量的键只能是**字符串**，对于非字符串类型的值会采用强制类型转换成字符串，而 Map 的键却可以由各种类型的值组成。

用js代码实现观察者模式

用js代码实现观察者模式，总结来说观察者模式有两个特点：
发布&订阅
1对N

Vue 的生命周期

vue 的8个声明周期的总结

arguments 对象的性质和应用

arguments 对象的性质:
函数外部无法访问可通过索引访问由实参决定
arguments 对象的应用实参的个数判断任意个数的参数处理模拟函数重载

深入了解 javascript 中的 new 操作符

构造函数中 this 的用法
this 与 new 操作符的关系
prototype 属性与 new 的关系

v-model 双向数据绑定实现原理

v-model 时一个语法糖，它做了：
绑定数据value
触发输入事件input
data 更新触发重新渲染

学习 Vue 原理：响应式

什么是响应式？
数据驱动视图
如何实现响应式

typeof 运算符
instanceof运算符
Object.prototype.toString 函数

javascript 求数组的最大值和最小值 (6种方法)

通过prototype属性扩展min()函数和max()函数
借助Math对象的min()函数和max()函数
算法2的优化
借助Array类型的reduce()函数
借助Array类型的sort()函数
借助ES6的扩展运算符

2021-07-08

自定义指令，5种状态（操作DOM元素）

前端

1234567891011121314151617181920Vue.directive("hello",{ bind:function(el,bingind,vnode){ bingind

2021-07-06

Vue中组件通讯

前端

123456789101112父子组件A与B、B与C、B与D、C与E、D与E子孙组件A与D、B与E兄弟组件C与D隔代组件A与E 父、子组件通讯 props、emit、.sync123456789101112131415161718192

2021-07-04

原生JS实现—打地鼠游戏

原生js项目

实现效果点击查看 HTML 代码1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE html><html lang=&q

2021-07-03

Vue2 源码学习

学习笔记

Flowflow 是facebook出品的javascript静态类型检查工具。Vue.js的源码用了Flow做了静态类型检查 Flow工作方式通常类型检查分为2种方式类型判断：通过变量的使用上下文来推断出变量类型，然后根据这些推断来检查

2021-07-02

JS实现时钟效果

原生js项目

点击查看简介实现模拟时钟的效果，大致思路和解决方案如下：分别获取到当前时间的时、分、秒。通过时分秒对一圈360度，进行映射，确定每一个指针所需旋转的角度。通过CSS的transform：rotate(deg)，来实时的调整指针在键

2021-06-30

Promise全面总结

前端

Promise是在ES6中新增的一种用于解决异步编程的方案，接下来会从下面几个方面详细介绍Promise Prmoise诞生的原因 Promise的生命周期 Promse的基本用法 Prmoise诞生的原因 Promise诞生以前，在处

2021-06-27

在 vue 中使用 svg 的方法

经验总结

使用方式全局引入 1npm install svg-sprite-loader -S 配置vue.config.js 123456789101112// vue.config.js chainWebpack: (config) =&

2021-06-25

前端安全：如何防范 XSS 和 CSRF

前端

什么是 XSS 攻击？如何防范 XSS 攻击？ XSS 攻击指的是跨站脚本攻击，是一种代码注入攻击。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信息如 cookie 等。 XSS 的本质是因为网站没有对恶意代码

2021-06-24

ES6 的 Reflect

前端

Reflect概述什么是Reflect对象？我们可以这样理解，有一个名为Reflect的全局对象，上面挂载了对象的某些特殊函数(如：[[Get]]、[[Set]])，这些函数可以通过类似于Reflect.apply()这种形式调用，

2021-06-23

ES6 的 Proxy

前端

ES6中新增了Proxy对象，从字面量上看可以理解为代理器，主要用于改变对象的默认访问行为，实际表现是在访问对象之间增加了一层拦截，任何对对象的访问行为都会通过这层拦截。在拦截中，我们可以增加自定义的行为。 Proxy的基本语法： 1l

2 / 5