//

vue-router过渡动效

过渡动画我们使用vue官方提供的方法 transition 来实现,他的属性有 name(过渡动画名) , mode(过渡模式) ,只有 out-in 和 in-out 两种模式。下面直接上代码。Vue2版本v3(vue2)官方文档<transition name="scale" mode="out-in"> <router-vie

- 阅读全文 -

vsCode自定义代码块

因为本人是做前端开发方向的,所以这次以vue和js示例一、vue代码块首先按Ctrl+Shift+P打开搜索菜单,然后输入Snippets或者代码片段搜索出现以下选项,选择Configure User Snippets配置用户代码片段选择vue.json,配置代码块模板,但是这样的话只针对vue文件生效修改文件内容,这里提供一个vue2的模板,可自行根据习惯进行修改,$0是代表代码块生成之后初始光

- 阅读全文 -

Js函数防抖

Js函数防抖适用范围:当我们进行频繁调用同一个函数且只需要得到最终操作结果时代码实现 debounce.js/** * @param {Function} funcName 函数名 * @param {Number} delay 延时时长 * @returns {Function} timer */ const debounce = (funcName, delay) => { va

- 阅读全文 -

Js获取页面路径携带的参数

var url = "https://www.zowlsat.com?cid=1&state=false"; const getUrlQuery = (url) => { var query = url.split("?")[1]; // 根据“?”切割数组,截取“?”之后的字符串 var vars = query.split(

- 阅读全文 -

Next.js 学习笔记

?中文文档Next.js 可提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

- 阅读全文 -

React 学习笔记

官方文档安装npx create-react-app 项目名称 cd my-app npm start目录结构├──? node_modules # 依赖包 ├──? public # 项目入口,容器 ├──? src # 核心文件,主要工作区 │

- 阅读全文 -

Js原生md5加密

直接引入// 用于计算MD5的常量表 const MD5_CONSTANT_TABLE = [ 0x07, 0x12, 0x17, 0x93, 0x29, 0x3d, 0xca, 0xde, 0x5b, 0x5e, 0x6d, 0x70, 0x98, 0x9c, 0xaf, 0xb0, 0xbd, 0xd3, 0xe0, 0xf3, 0x10d, 0x136, 0x146, 0x168

- 阅读全文 -

vue公共js文件无法获取this(vue实例)

解决思路在 main.js 文件中创建vue实例之后将其暴露出去,然后在需要使用vue实例的文件夹引入 main.js即可获取到vue实例let that = new Vue({ router, store, render: h => h(App) }).$mount('#app') export default that // 暴露vue实例,使公共js可获取到vue实例(t

- 阅读全文 -