javascript
文章平均质量分 52
Tone@
但行好事 莫问前程
展开
-
微信小程序双瀑布流布局+动态懒加载
封装小程序首页双瀑布流布局,实现动态加载数据原创 2022-12-24 17:24:10 · 1603 阅读 · 0 评论 -
微信小程序接口安全优化(AES加密)
微信小程序接口安全优化(AES加密)原创 2022-12-24 17:01:08 · 3801 阅读 · 0 评论 -
前端(js)md5加密
js中未封装md5方法,所以我们引入外部文件,实现js md5加密原创 2022-12-24 16:52:28 · 5232 阅读 · 2 评论 -
CryptoJS v3.1.2 源码自取
CryptoJS v3.1.2 源码自取原创 2022-12-24 16:39:17 · 2410 阅读 · 0 评论 -
详解 配置webpack打包typescript
安装依赖涉及版本问题,确保各个版本之间必须兼容原创 2022-10-29 22:22:58 · 517 阅读 · 0 评论 -
Strapi-API服务器 超详细配置使用攻略
Strapi就是一个API的管理系统,通过Strapi我们可以直接以网页的形式去定义自己的API、包括设置模型、权限等功能。有了Strapi我们无需编写代码便可开发出功能强大的API。原创 2022-09-16 15:39:39 · 3169 阅读 · 0 评论 -
虚拟DOM
在React中我们操作的元素被称为React元素,并不是真正的原生DOM元素React通过虚拟DOM 将React元素和原生DOM,进行映射;虽然操作的是React元素,但是这些操作最终都会映射到真实DOM之中。每当我们调用root.render()时,页面就会发生重新渲染React会通过diff算法,将新的元素和旧的元素进行比较通过比较找到发生变化的元素,并且只对变化的元素进行修改,没有发生变化的不予处理比较两次数据时,React会优先比较父元素,父元素如果不同,直接替换所有元素。原创 2022-09-13 11:56:17 · 242 阅读 · 0 评论 -
Vue axios详解 实例
axios用来链接ajax,去链接后台,可以在浏览器中发送XMLHttpRequests,支持在node中发送Http请求,支持promise,可以拦截请求和响应,可以转换请求和响应的数据,能够取消请求,自动转化json数据,可以防止XSRF网络攻击,可以设置多个回调函数。属性和方法 axios.get(路径,参数) 查询请求,放在请求头 axios.post(路径,参数) (增删改)处理数据,上传文件 放在请求体 axios.delete(路径,参数)原创 2022-09-04 01:04:47 · 359 阅读 · 0 评论 -
Vuex状态管理模式
Actions和Mutations比较类似,包含的都是一些方法,不同的是Actions不能直接更改数据,它的作用是提交Mutations,Mutations里面包含的才是具体操作数据的方法。(仓库)中去,这样各个组件需要数据的时候直接去仓库里面拿就好了,不用组件之间复杂的传值了,而且需要改变数据的时候,只需要将仓库里面的数据更改即可,各个组件里面引用的地方会自动更新。vuex是vue的前端数据库,用来存储变量,定义的是全局变量,保证数据的一致性,存数据的地方,所有的数据都要存在state里面。原创 2022-09-04 01:00:12 · 436 阅读 · 0 评论 -
Vue路由守卫 通俗易懂
beforeRouterEnter(to,from,next)在激活的组件里调用,进入组件之前。没创建在created之前。beforeRouterLeave(to,from,next)在失去的组件里调用,离开组件之前,此时进入了组件,但是没离开。beforeRouterUpdate(to,from,next)在组件被改变的时候调用,路由更新但是内容不会改变。定义子router.js中,只限制可跳转路径的组件。from用来获取将要离开的路径。to用来获取将要进入的路径。在某个组件内容使用,限制子组件。原创 2022-09-04 00:57:05 · 423 阅读 · 0 评论 -
Vue路由最全详解 创建路由
1.hash模式:路径里会带#,会显示锚点,支持所有浏览器,只能改变#后面的路由名称进行跳转。2.history模式:路径和正常网络路径一样,会存储路径的历史记录,每次刷新页面,就会重新请求后台服务器,会执行多次,会耗时间。3.abstract模式:适用于所有的js环境,可以在node环境里使用,可以在node环境下执行代码跳转。createWebHashHistory -> hash模式createWebHistory -> history模式。原创 2022-09-04 00:52:03 · 2499 阅读 · 0 评论 -
Vue子父、父子、兄弟组件传值方法汇总!
父组件传值子组件需要使用props 在子组件里定义一个props,即props:[‘msg’],msg可以是对象也可以是基本数据类型。这里需要使用自定义事件,在子组件中使用this.$emit(‘myEvent’) 触发,然后在父组件中使用@myEvent监听。需要注意的是这种传值是单向的,你无法改变父组件的值(当然引用类型例外);4)使用ref传值,通过ref的能力,给子组件定义一个ID,父组件通过这个ID可以直接访问子组件里面的方法和属性。子组件传值父组件需要使用setup()原创 2022-09-04 00:43:13 · 701 阅读 · 0 评论 -
解决跨域问题(详解9种方法)
当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。为了保证用户信息的安全性,防止恶意窃取当前网站的数据,禁止不同域直接与js代码交互。分布式项目:把后台放在一个服务器里,把前台放在一个服务器中,防止文件相互损坏,防止一个模块导致所有程序运行不起来,可以前后台同时开发,用来节省时间。...原创 2022-08-14 18:41:58 · 8076 阅读 · 0 评论 -
最常用正则表达式(完全版)- JavaScript
一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。.........原创 2022-08-02 17:35:01 · 922 阅读 · 0 评论 -
js Promise的基本使用
从语法上来说Promise是一个构造函数从功能上来说promise对象用来封装一个异步操作并可以获取其成功/失败的结果值构造函数newresolverejectresolve函数的作用将promise实例的状态从,在异步操作成功时调用,并将异步操作的结果,作为参数传递出去reject函数的作用将promise实例的状态从,在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。promise实例具有三种状态。...原创 2022-07-30 15:41:09 · 559 阅读 · 0 评论 -
WEB Worker多线程创建
js是单线程,通过web worker 可以模拟多线程,单线程处理比较安全, 但是是如果处理时间过长,就会处于无响应的状态,所以可以用多线程来进行解决原创 2022-07-30 15:35:44 · 875 阅读 · 0 评论 -
HTML5 cookie封装 源码
cookie存储是html4的,一个网站共享一套cookie,cookie的值是由程序员自己定义的,一个文件大小不超过4kb,每个网站能存储20个作业。原创 2022-07-30 15:28:56 · 250 阅读 · 0 评论 -
HTML5数据库 DataBase实现增删改查 源码
web database 前端数据库 database数据库可以自己定义空间大小,存储在浏览器端,类似本地数据库存储, 存储是多行多列值,用sql语句写作。原创 2022-07-30 15:25:11 · 2747 阅读 · 2 评论 -
HTML5文件操作+上传+文件拖拽(案例)
readAsDataURL(file)获取一个对象路径,读取对象,readAsText(文件,"utf-8")以某种字符编码读取。onloadend读取文件完成时触发(无论成功与否)onloadstart读取文件开始时触发。onprogress读取文件过程中触发。onload读取文件成功完成时触发。fileList读取多个文件对象。fileReader读取文件信息。onabort读取文件中断时触发。reslut获取读取对象的信息。file读取单个文件对象。abort()中断读取。...原创 2022-07-28 22:28:31 · 1925 阅读 · 0 评论 -
JavaScript 数组及数组函数常用方法(完全版)
数组就是保存任意类型的数据集合(1)构造函数方式实现可以制定数组的长度。原创 2022-07-24 21:17:59 · 2186 阅读 · 0 评论 -
JavaScript 字符串常用方法(完全版)
concat()用于将一个或多个字符串拼接起来并返回拼接后得到的新字符串。substr(起始位置,截取长度)从起始位置截取指定长度的子字符串。substring(起始位置,终止位置)起始包含,终止不包含。indexOf()返回指定字符的第一个位置如找不到返回-1。s1.toLowerCase();indexOf(查找元素,查找起始位置)slice(起始位置,终止位置)识别负数。(6)split("分割标识",数量)字符串分割。(5)去空格trim();(7)字符串位置方法。...原创 2022-07-24 21:11:49 · 196 阅读 · 0 评论 -
JavaScript事件委托(事件代理)
利用 JS 事件冒泡动态为元素绑定事件的方法称为事件委托(Event Delegation,也称为“事件代理”),是 JavaScript 中最热门的技术之一。原创 2022-07-22 14:53:56 · 612 阅读 · 0 评论