vue
文章平均质量分 56
纳米小川
邮箱:271695245@qq.com
展开
-
【vue】cross-env使用和配置
cross-env 是一个非常实用的 Node.js 包,它允许你跨平台(Windows, macOS, Linux)使用环境变量。这对于在不同的操作系统上运行脚本时保持一致性非常有用。原创 2024-08-18 08:30:00 · 373 阅读 · 0 评论 -
【vue】浏览器兼容相关
Vue.js 3.x 更加关注现代浏览器,而 Vue.js 2.x 则提供了更广泛的浏览器支持。如果你的应用需要支持较旧的浏览器,可以选择 Vue.js 2.x 或者在 Vue.js 3.x 中使用适当的配置来实现兼容性。Vue.js 是一个流行的前端 JavaScript 框架,它支持构建单页应用和复杂的用户界面。如果你使用的是 Vue CLI 创建的项目,可以通过修改 babel.config.js 文件来配置 Babel 转译规则。使用 Babel 转译 ES6+ 代码。使用 polyfills。原创 2024-08-14 08:30:00 · 1357 阅读 · 0 评论 -
【vue】scss引用图片写法
在SCSS(Sass)中,获取图片的方式与普通的CSS非常相似,但SCSS提供了更多的灵活性,比如变量和混合等内容。这里的 'images/example.jpg' 是一个相对路径,它从当前SCSS文件所在目录开始查找 images 文件夹下的 example.jpg 文件。如果你使用的是 Sass 的某个版本,可能需要借助于一些工具函数来处理路径。Sass 提供了一些内置函数,可以帮助处理路径问题。你可以在SCSS中定义变量来存储路径,这样可以更容易地维护和更改路径。5. 使用Sass的内置函数。原创 2024-08-12 08:30:00 · 453 阅读 · 0 评论 -
【vue】使用compressorjs压缩图片大小
在 Vue.js 应用中使用 compressorjs 来压缩图片是一个常见的需求。compressorjs 是一个轻量级的 JavaScript 图片压缩库,它可以用来减小图片文件的大小,从而优化性能。在 success 回调中,你可以处理压缩后的文件。例如,你可以上传压缩后的图片到服务器或预览压缩后的图片。首先,你需要安装 compressorjs 包。创建一个方法来处理图片压缩。你可以将这个方法放在 Vue 组件的 methods 对象中。原创 2024-08-11 08:30:00 · 336 阅读 · 0 评论 -
【vue】如何修改chainWebpack让vue 打包后 style加type=“text/css“
首先,在 vue.config.js 文件中,你需要使用 chainWebpack 来访问 HtmlWebpackPlugin 的实例,并修改 标签。如果你确实需要在最终的 CSS 文件中添加 type="text/css",那么你需要使用 mini-css-extract-plugin 的选项来控制输出的 标签。修改 标签:使用正则表达式来查找 标签,并为那些没有 type 属性的标签添加 type="text/css"。原创 2024-08-10 08:30:00 · 416 阅读 · 0 评论 -
【vue】打包时script标签增加type=“text/javascript“
在 Vue.js 中,当你使用 Webpack 进行打包时,默认情况下,脚本标签 的 type 属性会被设置为 module 或 text/javascript,具体取决于你的配置和使用的构建工具版本。1、创建 vue.config.js 文件:如果你还没有这个文件,需要在项目的根目录下创建一个 vue.config.js 文件。2、修改配置:在 vue.config.js 文件中,你可以使用 chainWebpack 方法来自定义 Webpack 配置。原创 2024-08-09 08:30:00 · 362 阅读 · 0 评论 -
【vue2】“混合”(Mixins)
混合是一种非常有用的特性,尤其是在大型应用中,可以减少代码重复,提高组件间的代码复用率。2、生命周期钩子: 当 mixin 和组件都定义了相同的生命周期钩子函数时,这些函数将会被串联起来调用。1、数据冲突: 如果 mixin 和组件定义了同名的数据属性,那么组件中的数据属性会覆盖 mixin 中的同名数据属性。例如,如果 mixin 和组件都定义了 data() 函数,那么组件的 data() 将会被使用。6、使用Mixins时也要注意避免副作用和潜在的命名冲突,确保你的应用性能和可读性。原创 2024-08-06 08:30:00 · 216 阅读 · 0 评论 -
【vue】vue给接口传参,数字太长后会失真
在 Vue.js 中向后端接口传递长数字时,数字可能会出现失真的情况,主要原因是 JavaScript 中数字的表示范围和精度限制。JavaScript 使用 IEEE 754 的双精度浮点数标准来表示数字,这意味着它可以精确地表示从大约 ±2^−53 到 ±2^53 的整数,超过这个范围的整数可能会因为精度损失而无法准确表示。当使用 JSON.stringify() 或者 JSON.parse() 处理包含大数字的对象时,可以使用 replacer 和 reviver 函数来保持数字的完整性。原创 2024-08-01 08:30:00 · 247 阅读 · 0 评论 -
【vue】如何使用vuex
Vuex 是 Vue.js 官方的状态管理模式与库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 使得状态的管理和维护更加容易,尤其是在复杂的应用中。以上是 Vuex 的基本使用方法。具体应用时,你可能还需要处理更复杂的逻辑,例如异步数据加载、错误处理等,这些都需要结合实际场景进行设计和实现。对于大型应用,你可能想要将 store 分割成模块(modules)。二、在组件中使用 Vuex。三、模块化 Store。一、创建 Store。原创 2024-07-30 08:30:00 · 132 阅读 · 0 评论 -
【vue】动态更新路由
动态更新路由的常见场景是在用户登录后根据其角色或权限加载不同的路由。这可以通过在 Vuex store 中存储用户的权限信息,然后在应用启动时或用户登录后动态地添加这些路由。原创 2024-07-25 08:30:00 · 385 阅读 · 0 评论 -
【vue】【javascript】【echarts】实现词云图
ECharts 是一个由百度开发的强大的图表库,它可以生成多种类型的图表,包括词云图。要使用 ECharts 绘制词云图,你需要首先引入 ECharts 的核心库以及词云图的扩展库 echarts-wordcloud。原创 2024-07-26 08:30:00 · 365 阅读 · 0 评论 -
【vue】【JavaScript 】复制到电脑剪贴板
vue或JavaScript 模拟复制到电脑剪贴板原创 2024-07-17 08:30:00 · 229 阅读 · 0 评论 -
【vue3】钩子函数详细介绍
vue3的钩子函数简单介绍及示例展示原创 2024-07-13 08:30:00 · 2200 阅读 · 0 评论 -
【vue】【JavaScript 】iframe父子传参方法
备注:msg可以传入字符串、数组、对象或数组对象等格式参数,依据自身的业务需求来定。第三个参数是useCapture(变量):用来判断是捕获还是冒泡。2)第三个参数是useCapture(默认为false)第一个参数event:监听的事件名称。第二个参数是函数:需要执行的事件。原创 2024-07-08 10:39:02 · 272 阅读 · 0 评论