开发前沿 -
Vue鼠标滚轮滚动切换路由效果的实现方法
一个根路由组件(app下的根路由组件, 需要滚动切换的作为其子组件) 在根路由组件添加鼠标滚动时间监听, 在mounted中调用监听 当跳转到其他路由(跳出这个根路由时), 根路由…
使用Vite2+Vue3渲染Markdown文档的方法实践
目录 自定义 Vite 插件 使用 vite-plugin-markdown Import Front Matter attributes Import compiled HTML…
Vue打包后页面出现空白解决办法
一、 vue-cli创建项打包后打开页面为空白的问题解决 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 二、打包完…
图文详解vue中proto文件的函数调用
1、编译proto 在src文件夹下新建proto文件夹用以存放所有的.proto文件。在proto文件夹下打开终端，输入如下命令： //进入proto文件夹执行下列编译，将hel…
浅谈vue实现双向事件绑定v-model的原理
目录 解释： 总结 补充 与js或者jquery直接改变操作dom不同，vue使用v-model实现数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。 v-model就…
vue项目适配大屏端的方法示例
浅析rem 首先rem是css单位，相比于px固定的像素单位，rem更加的灵活，还有现在也比较好的vm。如果从未了解过，可以先过过眼 rem自适应。CSS3的REM设置字体大小 f…
从零搭建Webpack5-react脚手架的实现步骤(附源码)
目录 webpack5 正式开始 搭建指南 开始搭建 完成了依赖的准备工作,开始搭建项目 编写webpack.dev.js开发配置 开始编写webpack.prod.js生产配置 …
Vue插件实现过程中遇到的问题总结
目录 场景介绍 插件实现 问题一、重复的头部组件 问题二、另一种实现思路 问题三、是否可以不使用Vue.extend 总结 场景介绍 最近做H5遇到了一个场景：每个页面需要展示一个…
如何使用Node.js判断png图片是否存在透明像素
背景 png格式的图片存储空间会比jpg格式的图片大，但是png图片的质量明显更好。有时候并不需要图片的质量非常的好，但是为了减少包体，需要做一些优化，比如压缩图片，把没有带透明像…
Vue后台中优雅书写状态标签的方法实例
目录 前言 优化 抽离变量 二次封装 el-tag 组件 使用 总结 前言 在后台系统开发中，对于列表，常常有一些状态字段的展示，比如审核状态、退货申请状态等等，并且往往伴随有状态…
利用Vite2和Vue3实现网站国际化的全过程
目录 前言 安装vue-i18n 配置Locales 实现 getLangs.js 创建 i18n 实例 模板中使用 语言切换 关于切换后需要刷新后才生效 切换语言触发其他组件更新…
关于React Native使用axios进行网络请求的方法
在前端开发中，能够完成数据请求的方式有很多，如Ajax、jQuery ajax、axios和fetch等。不过，随着技术的发展，现在能够看到的基本上也就axios和fetch两种。…
