长风戏子-CSDN博客

原创实战pixi+gsap，仿刹车动画

开始之前大家可以先体验效果进入这种动态效果只能说yyds我们这之前需要先考虑这个页面都有哪些元素以及交互1.那些是静态资源2.那些是动态元素3.动态元素实现思路4.按钮如何绑定动态我们创建之后并把它挂载到dom元素上面导入静态资源（按钮，车把，车，跑道）由于我们的动画是基于图片的，我们应该想到在图片加载完成之后再去加载动画效果。我们需要用到onComplete中去调用loader这是容器我们图片尺寸非常大所以我们要对初始图片尺寸及位置进行配置创建开始结束时间并绑定按钮事件

2022-07-11 20:05:18 1327 1

原创 JS手写递归深拷贝

js中拷贝分为两种，浅拷贝和深拷贝，这篇文章中只提深拷贝。深拷贝：将复杂数据类型进行层层拷贝，达到两个对象（数组）的值相同但在内存中指向地址不同（改变其中一个对象（数组）的值，另一个不会发生改变）。我们常用的方法 JSON.pares(JSON.stringfly())这是es6新增的方法，但是他有一定的缺陷，就是当我们要拷贝的对象（数组）里有包含undefind的话那么就会拷贝不到。今天我展示的是利用递归函数手写深拷贝，接下来上才艺。//定义深拷贝函数function deepClon

2022-04-30 11:14:02 1467

原创 Vue中防抖和节流的使用

1.防抖。所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。思路：在计时函数前先清除之前触发的倒计时，比如执行了两次，在执行第二次的时候会清除第一次的倒计时，这样不管触发多少次都只会执行最后一次。clearsettimeout(this.timer)this.timer=settimeout(()=>{//代码},1000)2.节流。所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。两种方式可以实

2022-03-22 20:26:01 6103 5

原创 element分页功能再vue中使用（绝对）

其中我们使用没办法适用到视图中，这时我们其实需要使用slice来截取数组 <table> <tr> <th @click="idsort">ID <i class="el-icon-sort"></i></th> <th>商品名</th> <th @click="pricesort">价格<i class="...

2022-01-04 20:55:10 771

原创 ES6常用的几个知识点

一丶变量的声明在ES5中只能使用var和function来声明变量，在人们使用的时候发现其中有非常多的缺陷，后来在ES6中更新了let和const两种新的可以声明变量的方式但是他们都各有不同：1.变量提升；var:var在声明变量的过程中会将变量提升到作用域范围的最顶端，这样就算在声明之前也可以使用只不过值为undefind，可重复声明变量；function fn1(){ console.log(num) ...

2022-01-04 16:54:07 674

原创 Postman中文版下载[9.12.0]（中文暂停，此版可用）

中文包Windows1. 下载对应版本的app.zip2. 进入Postman安装地址/版本/resources目录 > 桌面找到Postman应用程序右键 -> 打开文件所在位置再进入app-/resources > 默认安装地址：C:/Users/用户名/AppData/Local/Postman > 示例：C:/Users/用户名/AppData/Local/Postman/app-8.8.0/resources >................

2021-12-30 18:43:56 14489 7

原创 Http status的全部状态码及解析

100-199（提示信息 – 表示请求正在处理）100 （继续）请求者应当继续提出请求。正在响应中。101 （切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。200-299（成功 – 表示请求正常处理完毕）200 （成功）服务器已成功处理了请求。（表示服务器提供了请求的网页）201 （已创建）请求成功并且服务器创建了新的资源。202 （已接受）服务器...

2021-12-30 11:54:51 2273

原创原生js中Ajax的使用

1.首先需要创建xhr(随意起只是一个名字)核心对象let xhr=new XMLHttpRequest();2.调用open准备发送请求open一共有三个参数分别是 : 请求方式（get;post）,请求地址（url）,true/false （异步/同步）xhr.open('post','http://www.xxx.com',true)3.调用send发送请求(如果不要求传参就写null)xhr.send('id=1&age=10&sex=女')//x..

2021-12-30 11:30:38 582

原创 vue中keep-alive的使用和详细解释

一、keep-al是干什么的ive是什么。跳转keep-alive是vue的内置组件，是用来包裹动态组件的，它会缓存不活跃的组件，keep-alive是一个比较抽象的组件，它自己不会渲染dom节点，也不会出现在父组件链中。二、keep-alive的功能。在组件切换过程中把切换出去的组件保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。三、keep-alive的使用方法。 1.动态组件使用:component&l...

2021-12-29 16:20:53 6595 4

原创 vuex使用方法，vuex的四大金刚，用vuex必看。

vuex是什么：可以直接跳转VUE官网以下是我对vuex的见解，vuex就是vue的状态管理工具，也可以叫做数据管理工具，通过vuex可以让vue中所有的页面获取到公共的数据。一、vuex核心分别是： 1. state ：这个是存放状态/数据的地方（和vue页面的data有些许相似） 2. getters：这个是vuex的计算属性，也类似共享属性，可以用$store.gett...

2021-12-28 14:18:38 844

原创前端数据类型的判断方法

前端在判断类型的时候大家可能都会想到typeof和同toString.call()两种方法但是到底有什么差别下面一图解千愁可以看到typeof的判断并不是精准而toString.call每一种数据都会给输出出来这样就可以看出他们两个的差别的了*注意：typeof会把 obj,array,data,reg,err,arg以及null这几种类型判断为object类型...

2021-12-27 16:36:30 874

原创 vue中vuex数据更新试图不更新[解决方法]

我们在vuex中操作数据时遇见视图不更新的情况原理：去vue的官网看就行了跳转使用方法：Vue.set(target,propertyName,value) target:要更改的数据（一般是响应式对象）例：state.data property:这个对象中的子对象或者属性 value：你想要赋的值使用实例：(可以直接下拉到使用Vue.set后的内容)页面内容<templa...

2021-12-27 12:07:57 5208

原创初次尝试CE修改器修改小游戏

首先呢先下载CE（CE是一个内存修改器，自带游戏辅助功能）怎么实现：搜索程序中变动的数值捕捉修改1.点击跳转进入官网点击Download CE进行下载2.之后一顿傻瓜式安装3.进入正题打开要修改的游戏之后打开CE4.选择要修改的程序（我们以Robokill为例）5.选择想要修改的数值比如左上角的金币6.进行首次搜索7. 在游戏中让要搜索的数值得到改变之后进行第二次搜索8.如果左边的数值区域大于3条...

2021-12-25 16:34:33 30817 1