最新通知

文章

Vue多页面配置打包性能优化方式

Vue多页面配置打包性能优化方式

vue在默认的情况下,所有文件打到一个js中,文件体积越来越大,那么浏览器在加载的时候,响应时间会很长,那么我们把一个文件拆分成多个文件那么降低加载时间优化了加载速度

2024年01月16日
713 0 0 0
追梦猪追梦猪
vue
vue-cli4插件使用和多项目入口配置

vue-cli4插件使用和多项目入口配置

vue-cli4插件配置引入和使用,js压缩,css压缩提取,多项目集成,多入口配置,动态自动读取多入口文件

2024年01月14日
763 0 0 0
追梦猪追梦猪
vue
vue3中提供了模板选项, 但在此版本的Vue中不支持运行时编译

vue3中提供了模板选项, 但在此版本的Vue中不支持运行时编译

在vue3中使用template模板选项生成组件,控制台提示vue3中提供了模板选项, 但在此版本的Vue中不支持运行时编译

2022年03月05日
3030 0 0 0
追梦猪追梦猪
vue
vue3中使用vue-meta-info进行seo优化问题

vue3中使用vue-meta-info进行seo优化问题

在使用vue进行开发的时候总会遇见seo的问题,但是vue-meta-info是基于2.0开发的,那在3.0中会出现什么样的问题,记录从vue-meta-info2.0到vue-meta-info3.0的兼容使用

2021年11月27日
4798 0 0 0
追梦猪追梦猪
vue
vue3.0版本render函数渲染动画标签 Transition

vue3.0版本render函数渲染动画标签 Transition

vue2.0迁移vue3.0的时候用到了render函数方式去渲染标签,但是当使用内置动画标签去渲染的时候,发现一直渲染不成功,后来发现问题特此记录。

2021年11月27日
2756 0 0 0
追梦猪追梦猪
vue
Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node

Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node

Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node,无法在节点上执行appendChild,添加dom节点问题。

2021年10月16日
2105 0 0 0
追梦猪追梦猪
vue
nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配

nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配

nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在<p>中嵌套块级元素,或者缺少<tbody>。打捞水化并执行完整的客户端渲染,在控制台出现红色提示,布置到生产环境项目发生崩溃。

2021年10月16日
2125 0 0 0
追梦猪追梦猪
vue
基于vue3.x插件开发与插件封装实现二

基于vue3.x插件开发与插件封装实现二

基于vue3.x插件开发,插件封装,在我们升级vue2.x到vue3.x,因为版本的变革,一些在vue2.x中的许多api,如 Vue.extend组件常用的构造器,在vue.3x中发现消失了,我们写下了vue3.x插件的开发,与封装挂载,记录分享给大家

2021年05月30日
2222 0 0 0
追梦猪追梦猪
vue
基于vue3.x插件开发与插件封装实现一

基于vue3.x插件开发与插件封装实现一

基于vue3.x插件开发,插件封装,在我们升级vue2.x到vue3.x,因为版本的变革,一些在vue2.x中的许多api,如 Vue.extend组件常用的构造器,在vue.3x中发现消失了,我们写下了vue3.x插件的开发,与封装挂载,记录分享给大家

2021年05月30日
2373 0 0 0
追梦猪追梦猪
vue
DPlayer.js视频播放插件手机端跳转指定时间失效

DPlayer.js视频播放插件手机端跳转指定时间失效

在使用vue开发h5移动端网页的时候我们在页面中嵌入了一个视频播放器DPlayer.js来实现手机端的播放在使用seek跳转指定时间点的时候发现这个方法失效

2021年04月04日
3209 0 0 0
追梦猪追梦猪
vue
vue中实现文字超出横向滚动

vue中实现文字超出横向滚动

在手机上展示我们的标题的时候,我们当前的场景不允许出现两行,但是空间只有那么大,还要让用户看到完整的信息,所以采用超出滚动的方式来解决当前的问题。

2021年04月04日
2344 0 0 0
追梦猪追梦猪
vue
vue之axios请求统一拦截element-ui多次弹窗只弹一次优化

vue之axios请求统一拦截element-ui多次弹窗只弹一次优化

在使用vue全家桶中的axios进行全局请求状态拦截的时候,我们的element-ui弹窗提示会根据拦截几个接口返回几个弹窗提示,在用户方面我们看着比较不太友好

2021年04月04日
3697 0 0 0
追梦猪追梦猪
vue
基于vue组件库npm包的创建与发布

基于vue组件库npm包的创建与发布

npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,可以通过npm发布远程包供相关人员使用,可以维护,升级,修改,开源

2020年11月15日
2514 0 0 0
追梦猪追梦猪
vue
vue之百度分享

vue之百度分享

百度分享分为自由选择版跟专业开发版,两者的区别在于一个是直接粘贴使用,靠程序去自己抓取内容,缺点有时候不是自己想要的,那么下面的专业开发版就正好满足了开发者自定义开发分享内容的需求

2018年09月09日
3524 0 0 0
追梦猪追梦猪
vue
vue中使用mock.js进行数据模拟

vue中使用mock.js进行数据模拟

mock.js没有用过的觉得很鸡肋,不就是填充数据吗,我开发的时候页面有数据啊,等等,我们要应用的场景就是我们调好接口,在没有网的情况下发现页面空荡荡的,而这个时候老板过来说看一下你的项目,怎么难道直接给老板看空白页面吗,当然是no,这时候mock.js这个数据生成器就派上了用场,用来展示数据,这样老板看到带数据的页面就感觉你这工作很ok!

2020年01月19日
2729 0 0 0
追梦猪追梦猪
vue
Vue2.0中使用less给元素添加背景图片出现错误路径不正确

Vue2.0中使用less给元素添加背景图片出现错误路径不正确

在使用less在Vue.js中给元素添加背景图片时 ,我们可能会按照css的方法使用相对路径来处理我们的图片错误无法显示

2020年01月05日
3536 0 0 0
追梦猪追梦猪
vue
vue报错信息之跨域当请求的凭据模式为“include”时,响应中的“Access Control Allow origin”头的值不能是通配符“*”

vue报错信息之跨域当请求的凭据模式为“include”时,响应中的“Access Control Allow origin”头的值不能是通配符“*”

CORS策略已阻止从源位置“http://localhost:3000/api/index/getNotice”访问XMLHttpRequest:http://localhost:8080”:当请求的凭据模式为“include”时,响应中的“Access Control Allow origin”头的值不能是通配符“*”。XMLHttpRequest启动的请求的凭据模式由withCredentials属性控制。

2019年12月28日
5582 0 0 0
追梦猪追梦猪
vue
移动端自适应px转rem解决方法

移动端自适应px转rem解决方法

rem是相对于根元素html,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。1rem=16px(浏览器html的像素,可以设定这个基准值),假如浏览器的html设为64px,则下面的元素则1rem=64px来运算。

2019年12月14日
3348 0 0 0
追梦猪追梦猪
vue
Vue.js16款优秀的UI组件库推荐

Vue.js16款优秀的UI组件库推荐

Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。

2019年12月14日
4372 0 0 0
追梦猪追梦猪
vue
vue 跨组件和父子之间调用事件

vue 跨组件和父子之间调用事件

在vue开发当中我们在不同的场景要实现结果,比如,跨组件调用事件,跨组件调用方法,无非是多写一个公共的js来实现互相调用,但是我们这里讲的是父子间跨组件调用事件来,达成我们想要的结果,依葫芦画瓢我们可以实现任意的组件调用,只不过缺少一个开头的地基!我们打印this会发现 vue包括跟多对象属性这就是我们需要用到的东西!

2019年12月07日
3045 0 0 0
追梦猪追梦猪
vue
vue项目中favicon.ico不能正确显示的问题

vue项目中favicon.ico不能正确显示的问题

注意:如果打包发布到线上,会导致ico图标不显示的问题,是因为执行npm run build打包后只有static文件夹和index.html文件,找不到根目录下的ico图标,解决办法:把ico图标放到static文件夹下就OK啦。

2019年12月07日
4064 0 0 0
追梦猪追梦猪
vue
vue弹出框组件封装实例代码

vue弹出框组件封装实例代码

在vue学习中,我们会用到大量弹窗来实现业务的交互,比如,弹窗提醒删除,添加,通知,修改,等等相关长用的类型,在今天我们写一个弹窗组件开发,如果想学习vueui组件的开发,请关注我们的ui组件库ZMZUI,搜索zmzui即可,也可关注我们的网站点击上方git地址进行源码下载!

2019年12月07日
3526 0 0 0
追梦猪追梦猪
vue
vue.js中实现HTML标签转义及反转义及富文本编辑器显示

vue.js中实现HTML标签转义及反转义及富文本编辑器显示

当我们把服务端传给vue的代码放入vue中的时候我们出现了犯难,转义以后是字符串类型的vue只有v-html才能导入到ueditor中显示,由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。这里提供一个非常简单有效的转义方案,利用了innerHTML和innerText

2019年12月07日
6965 0 0 0
追梦猪追梦猪
vue
vue中的mixins混合正确使用方法

vue中的mixins混合正确使用方法

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。

2019年12月07日
3184 0 0 0
追梦猪追梦猪
vue
vue请求之axios发送cookie和node读取session

vue请求之axios发送cookie和node读取session

在使用node验证码的时候我们把验证码保存在后台的session中但是我们前台会出现一个cookie字段connect.sid,这是默认的存储的session加密保存在cookie中,验证的时候我们要把cookie发送给后台,这样我们才能在后台获取到存储的session,而我们用axios,但是axios 默认不发送cookie,跨域也是一个原因,需要全局设置,所以我们需要这么设置

2019年12月07日
3734 0 0 0
追梦猪追梦猪
vue
vue页面在微信内置浏览器打开网页打开软件键盘出现底部空白解决方式

vue页面在微信内置浏览器打开网页打开软件键盘出现底部空白解决方式

最近在做移动端vue项目的时候遇到了一个这样的一个问题,当我点击input框输调起手机软件盘输入内容以后,关闭软键盘,页面没有回到底部,导致底部出现了空白,手动往下滑动一下,页面才会恢复正常,当关闭软键盘的时候,页面不会自动回到底部。目前Android和Ios上都有这个问题

2019年12月07日
3727 0 0 0
追梦猪追梦猪
vue
vue监听手机物理返回键手机安卓h5返回

vue监听手机物理返回键手机安卓h5返回

追梦猪在使用此来实现手机h5微信支付的时候为了用户更好的体验让用户点击完成触发返回可以不在回到上一层而是我们指定的页面所以监听了返回键但是跟原先的写法返回有了一个冲突,原先go(-3)返回变成go(-4)才能返回到指定的页面,所以在用户体验的道路上任重道远啊!

2019年12月07日
3988 0 0 0
追梦猪追梦猪
vue
vue 非父子传递EventBus事件总线模式开发

vue 非父子传递EventBus事件总线模式开发

想想如果从最顶层组件传一个 data 给最底层组件,仅仅使用父子传递的方式会变得十分麻烦。而 EventBus就是用来解决这个问题的:在需要获取 data 的组件上设置一个监听器,每次要传递 data 时,那个组件就广播这个事件并调用这些监听器。

2019年12月07日
2962 0 0 0
追梦猪追梦猪
vue
vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first

vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first

在vue中引入vue-echarts组件的时候报错了Error in mounted hook: "Error: Component series.line not exists. Load it first ,找到vue-echarts下的components>echarts.vue

2019年12月07日
5918 0 0 0
追梦猪追梦猪
vue
vue-echarts npm run build  编译生产版本报错 UglifyJs

vue-echarts npm run build 编译生产版本报错 UglifyJs

原因: 由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。解决: webpack.config.js 配置删除下面这句, exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader , 覆盖了上一句 include 的设置

2019年12月07日
3876 0 0 0
追梦猪追梦猪
vue

猜你喜欢

Vue多页面配置打包性能优化方式

vue在默认的情况下,所有文件打到一个js中,文件体积越来越大,那么浏览器在加载的时候,响应时间会很长,那么我们把一个文件拆分成多个文件那么降低加载时间优化了加载速度

2024年01月16日
713 0 0 0
追梦猪追梦猪
vue

vue-cli4插件使用和多项目入口配置

vue-cli4插件配置引入和使用,js压缩,css压缩提取,多项目集成,多入口配置,动态自动读取多入口文件

2024年01月14日
763 0 0 0
追梦猪追梦猪
vue

vue3中提供了模板选项, 但在此版本的Vue中不支持运行时编译

在vue3中使用template模板选项生成组件,控制台提示vue3中提供了模板选项, 但在此版本的Vue中不支持运行时编译

2022年03月05日
3030 0 0 0
追梦猪追梦猪
vue

vue3中使用vue-meta-info进行seo优化问题

在使用vue进行开发的时候总会遇见seo的问题,但是vue-meta-info是基于2.0开发的,那在3.0中会出现什么样的问题,记录从vue-meta-info2.0到vue-meta-info3.0的兼容使用

2021年11月27日
4798 0 0 0
追梦猪追梦猪
vue

vue3.0版本render函数渲染动画标签 Transition

vue2.0迁移vue3.0的时候用到了render函数方式去渲染标签,但是当使用内置动画标签去渲染的时候,发现一直渲染不成功,后来发现问题特此记录。

2021年11月27日
2756 0 0 0
追梦猪追梦猪
vue
Q群
Q群
Q群
反馈
纠错
友链 申请
App