rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到r
cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；better-scroll ：可能是目前最好用的移动端滚动插件;fastclick：解决移动端click 300ms延迟vConsole：手机前端开发调试利器&nbs
大家好，我是为前端娱乐圈操碎了心的小迷妹，每天推荐一个小工具/源码/知识点，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。 一直在整理与收集的一些比较优秀github项目，方便自己阅读，顺便分享出来，大家一起学习。 最近超喜欢这个框架-Vue.js 的 Material 组件框架 Vuetify。 推荐指数：star:
作者：OmniDebug基于Vue.js开发移动端工程时，一些特定的问题和场景下，只能在移动端运行工程复现、追踪问题（比如在微信端内，在App容器内），桌面端的Devtools就没法用了。数次安装Electron版本devtools后，觉得调试起来太麻烦了，所以我决定把devtools搬进vConsole里如果不知道什么是vConsole，可以看这里vConsole Readme最终效
一种理想方案首先，无论换算方不方便，我都不想换算，我也不想去操心什么转换系数其次，有些属性或者类选择器我不想进行转换css代码要足够简洁，我只希望看到一种单位，那就是px第一种：lib-flexible+postcss-pxtorem第一种方案是lib-flexible+postcss-pxtorem，在相当长一段时间里，这两个插件搭配都是解决移动端布局的神器，lib-flexible是阿里手淘系
组件基础组件(component)，是具有 name 名称的可复用 Vue 实例：当前示例中是 <button-counter>。我们可以使用 new Vue 创建出一个 Vue 根实例，然后将这个组件作为其中的一个自定义元素(custom element)。由于组件是可复用的 Vue 实例，它们接收的选项，和在 new Vue 时候的
Vue中路由详解什么是路由？基本使用几个注意点多级路由（嵌套路由）路由的query参数命名路由路由的params参数跳转+传参 总结路由的props的配置路由懒加载```<router-link>```的replace属性编程式路由导航`$router`和`$route`的区别**1、route对象****2、router对象**缓存路由组件两个新的生命周期钩子路由守卫路由器的三种种
vue项目路由跳转和防止动态路由组件复用<vue-link>标签实现新窗口打开编程式导航完整代码this.$router.push({name: 'abc'})防止动态路由组件复用 标签实现新窗口打开官方文档中说 v-link 指令被 组件指令替代，且 不支持 target=“_blank” 属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的 是支持 target=“_
（一）移动端 常用组件库1）Vant ui?有赞移动 UI 组件库，支持 Vue2/3 小程序，支付宝小程序 https://vant-contrib.gitee.io/vant/v2/#/zh-CN/col Vant 是由有赞前端团队开发的一套基于 Vue.js 的移动端 UI 组件库，它包含了丰富的组件和功能，可以帮助开发者快速构建高质量的移动应用。Vant 以简洁易用和高质量的代码为特点
转载
2023-12-12 14:42:04
396阅读
以前都用的是 echarts 插件，这次的项目要用 vue-echarts 插件。vue-echarts 和 echarts 的区别：vue-echarts是封装后的vue插件， 基于 ECharts v4.0.1+ 开发，依赖 Vue.js v2.2.6+，功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。echar
转载
2024-02-29 13:19:30
324阅读
我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 .postcssrc.js 文件，文件结构如下：vue-cli默认已经安装以上三个插件：postcss
01-搭建项目结构步骤:1.0 在桌面上打开终端2.0 使用终端创建一个项目
执行指令： vue create heimatt(heimatt是项目名字+6)
生成项目时选择： Manually select features
选择自己项目中需要用到的特性： babel、vuex、vue-router、css Pre-process、eslint
是否开启 history 模式 ,
Vue 虚拟列表是一种用于优化大型列表的渲染性能的技术。它通过只渲染可见部分的列表项，以及通过动态添加和删除DOM元素的方式来减少DOM操作，从而提高应用程序的响应速度和性能。Vue 虚拟列表的实现依赖于一些关键技术，包括虚拟滚动、缓存池和动态渲染。虚拟滚动是 Vue 虚拟列表的核心技术之一。它通过仅在屏幕上显示可见部分的列表项，而不是整个列表来减少渲染所需的时间和资源。虚拟滚动的实现涉及到计算列
转载
2024-10-30 16:22:36
105阅读
刚开始看Vue官方文档的时候对插槽不是很理解，其实通俗点来讲，插槽就是在自定义组件中预留一个位置，这个位置的内容可以由使用组件的人来定义，具有高度的灵活性。1、使用场景 先来看看插槽的使用场景，否则可能连学习的欲望都没有了。插槽还是很重要的，即使不去定义，也要学会使用。 下面这
什么才是完美的表格二次封装elementPlus表格？-从零开始vue3+vite+ts+pinia+router4后台管理(7)前言ElementPlus 是一个优秀的组件库，后台管理表格页面多的话大家都想到表格的二次封装，封装的时候大家都想到el-table-column 每一列写成 “JSON 数组” 写法。然后用vue3的tsx 语法、h 函数 Render函数去写一些自定义的东西，如下面
转载
2024-10-02 09:51:07
24阅读
最近有一个上传视频到服务器的功能，然后发现视频太大了，比如1个G的视频文件基本都是上传失败的，我之前都是上传阿里云的，所以面对大文件上传服务器就做了分片上传和断点续传。首先解释什么是分片上传：比如一个文件是22M，我令5M为一片那么就可以分5片，一片一片上传给后端然后都上传完成开始合并这个文件。断点续传：还是以上面的例子，有5片小文件，比如我传第一片的时侯没问题，第二片，第三片因为网络啊什么的原因
1.模板语法这两个部分操作的都是 data(){} 中的数据。1.插值语法插值语法： 把指定的值放到指定的位置。{{ js表达式 }}解析标签体内容2.指令语法v-bind:属性名="xxx" 单向绑定，数据只能从 data 流向页面，简写为 :一般用在标签属性中xxx为js表达式v-model:value="xxx" 双向绑定，数据不仅能从 data 流向页面，还能从页面流向 data，简写为
vue2到vue3有哪些升级Vue3.0在架构上相比vue2.x做了升级，性能上得到了很大的提升，Composition API的出现，让组件抽离、逻辑代码复用更加灵活。一、Composition API: 组合API/注入API这里要说到代码的组织方式，传统的网页是html/css/javascript（结构/样式/逻辑）分离。vue/react通过组件化的方式，将联系紧密的结构/样式/逻辑放在
转载
2024-07-16 14:28:29
542阅读
日常开发者经常会遇到多层级嵌套组件，并且需要在最里面的子组件触发最外面的父组件事件，这种情况下当然最好的做法其实还是使用Vuex进行管理，如果你的项目使用Vuex进行管理了，后面就没必要看了。Vuex的相关内容请自行百度查阅。第一种：直接在子组件中通过this.$parent.event来调用父组件的方法
这种方式可以无限级别的向上找父级，例如：this.$parent.$parent.$pare
转载
2024-03-27 19:30:08
152阅读
1.删除功能：需求：就是点击删除会弹出弹框--根据选择---删除相应的内容 实现的思路：1.利用element组件找到对话框或弹出层，然后进行相应的修改即可（注：这里需要传递id）代码展示：①布局忽略 只有js部分//删除是需要调用接口的 并且需要传递相应的id 如：
（具体操作参照接口文档）
// 删除权限
export function delPermission(id
转载
2024-08-30 11:32:28
481阅读
