whica-CSDN博客

原创装饰类设计模式

该设计模式在原有的事件内想要增加函数或添加样式改变使得该事件能够执行的范围更加广泛例如某一点击事件内只改变了颜色但是想要该节点隐藏或者是另一个节点想要改变颜色等body中分别有3个按钮<script> var Button=document.getElementById('Button') var button1 =document.getElementById('1') var button2 =document.get

2021-08-06 14:38:08 105

原创实现多继承

实现多继承function fathercalass(hobby,height){ this.hobby=hobby this.height=height}fathercalass.prototype={ hobbya:'debugger', settimea:function(){ console.log('sgdop') } }function superclass(name,age){ this.name0=name

2021-08-05 14:21:05 114

原创手写call 和bind方法

在JS中的Function原型上有几个常用方法 call apply bind方法用来改变this指向，实际是一个对象代理调用另一个对象中的属性和方法的或者实现类方法继承的。首先手写call 要先理解call 用法是如何调用如果B对象要调用A对象中一个方法那么 A.method.call(B).首先该方法为function原型上方法避免重名. 在此先来个简易不考虑无参Function.prototype.mycall=function(content){

2021-07-22 22:03:40 297

原创简易juqery的书写

手写一个简易的jqueryJquery虽然作为一个JS库因为MVVM结构出现，目前使用不多，但是对于JS的提升还是又很大的帮助的，接下来我门手写一个简易jquery//创建Jqery类拿到所有符合类class jquery{constructor(seletor){const result= document.querySelectorAll(seletor)for(let i=0 ;i<result.length;i++){this[i]=result[i]

2021-07-19 14:45:30 95 1

原创实现类式继承

关于使用原型实现类式继承对于JS，在ES6中出现了类，而在ES6之前我门要用原型实现类式继承，方式如下。首先创建一个父类函数function fatherclass() {this.age = 10this.num = 20 } //需要在父类的原型上添加方法利用原型实现方法继承 fatherclass.prototype.move = function (x, y) { this.age += x this.num +=

2021-07-19 01:59:35 138

原创算法之两数组交集

首先一般想到就是直接暴力枚举循环嵌套查到一次相等推入数组在原数组中直接删除但是在循环中牵扯到删除我们一般从后往前遍历function search(nums1,nums2){let stack=[]for(let i=nums1.length-1;i>=0;i–){for(let j=nums2.length-1;j>=0;j–){if(nums1[i]===nums2[j]){stack.push(nums1[i])nums1.splice(i,1)

2021-04-19 23:49:43 106

原创关于VUE的生命周期以及多组件生命周期执行

流程如下vue源码中最终执行生命周期函数都是调用callHook方法，callHook函数的逻辑很简单，根据传入的生命周期类型 hook，去拿到 vm.$options[hook]对应的回调函数数组，然后遍历执行，执行的时候把 vm作为函数执行的上下文。new Vue(options)：创建一个vm实例；mergeOptions(resolveConstructorOptions(vm.constructor), options, vm)：合并Vue构造函数里options和传入的optio.

2021-04-13 12:45:42 333 1

原创防抖和是节流

对于防抖和节流其实很多语言包括操作硬件按钮时也可能用到对于前端来说也节约了一定资源防抖和节流的区别是防抖即触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间。节流即高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率前端中常用例子input的输出和DIV拖拽时输出位置const input=document.getElementById(‘input’)let timer=nullinput .addEventLi

2021-04-11 22:21:55 84

原创关于项目跟随手机分辨率变化

书写项目时先确定根样式文件然后以html{font-size :100px}并将根文件样式引入main.js在项目中所有单位使用(rem)为单位 1rem=100px在public目录下找到index.html文件在title后

2021-04-06 20:59:20 53

原创关于VUE3.0eslint样式

关于VUE3.0如何去掉 eslint 规则README.Md下方新建一个VUE文件文件中写入module.exports = {lintOnSave: false,}若需要调整自己格式使用alt+shift+f 可规整自己的代码格式

2021-04-06 20:48:48 154

原创关于VUE3.0中的ERROR Failed to compile with error报错关闭掉eslint严格格式

ERROR Failed to compile with 1 error 下午7:08:39error in ./src/components/Shop.vueModule Error (from ./node_modules/eslint-loa

2021-03-30 12:30:05 5087

whica的博客