10 2019 档案

摘要:使用vue-cli构建的vue项目,在打包发布的时候,发现打包后的文件体积很大,使用webpack-bundle-analyzer分析后,发现占用空间最多的是引用的第三方依赖。第三方的依赖文件可以使用cdn外链的方式引入,这样就能大大缩小项目文件的体积。 具体实现(以我个人项目为例)我的项目中引入了 阅读全文
posted @ 2019-10-31 19:16 打个大大西瓜 阅读(834) 评论(1) 推荐(0) 编辑
摘要:小程序体积 在2 M 以下,所以 不能 放 太多 本地资源。 不过有个解决方案就是 分包。可以分4个,也就是 8M.整整扩大了 三倍,下面 就看看怎么解决的。 1.在app.json 设置subpackages数组。 2.在主文件页面新建分包文件夹 分包页面所依赖的图片和第三方工具得另外下载。不能用 阅读全文
posted @ 2019-10-31 16:12 打个大大西瓜 阅读(754) 评论(0) 推荐(0) 编辑
摘要:前端路由使用的是 vue-router,所以你可以选择两种方式:browserHistory和 hashHistory。 两者的区别简单来说是对路由方式的处理不一样,hashHistory 是以 # 后面的路径进行处理,通过 HTML 5 History 进行前端路由管理,而 browserHist 阅读全文
posted @ 2019-10-27 22:25 打个大大西瓜 阅读(847) 评论(0) 推荐(0) 编辑
摘要:重现项目在这 使用vue init webpack创建的项目,改了三个地方 现象: npm run dev没问题 因为跟build的目录不同当npm run build后提取出来的css文件中url()中图片的路径是static/img/logo.82b9c7a.png这样的,应该是根据url-lo 阅读全文
posted @ 2019-10-27 22:21 打个大大西瓜 阅读(8826) 评论(0) 推荐(0) 编辑
摘要:路由懒加载 当打包构建应用时,Javascript 包会变得非常大,影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。如: 异步组件 在大 阅读全文
posted @ 2019-10-27 22:04 打个大大西瓜 阅读(1896) 评论(0) 推荐(0) 编辑
摘要:引入外部模块 除了 element-ui 组件以及脚手架内置的业务组件,有时我们还需要引入其他外部组件,这里以引入 vue-count-to 为例进行介绍。 引入依赖 在终端输入下面的命令完成安装: 加上 --save 参数会自动添加依赖到 package.json 中去。 使用 全局注册 main 阅读全文
posted @ 2019-10-27 21:18 打个大大西瓜 阅读(1499) 评论(0) 推荐(0) 编辑
摘要:1. 前言 2. 思路分析 3. 使数据对象变得“可观测” 4. 依赖收集 5. 订阅者Watcher 6. 测试 7. 总结 1. 前言 每当被问到Vue数据双向绑定原理的时候,大家可能都会脱口而出:Vue内部通过Object.defineProperty方法属性拦截的方式,把data对象里每个数 阅读全文
posted @ 2019-10-27 20:57 打个大大西瓜 阅读(266) 评论(0) 推荐(0) 编辑
摘要:web-view的src只能带一个参数src="…?a=1" h5页面 小程序页面index.wxml页面 index.js页面 h5的js页面(获取并处理小程序传递过来的参数) 本文链接:https://blog.csdn.net/qq_37235231/article/details/82053 阅读全文
posted @ 2019-10-24 11:09 打个大大西瓜 阅读(1487) 评论(0) 推荐(0) 编辑
摘要:大家在做vue开发的时候难免会遇到跨域的问题,一般解决的办法有两种,后端配置cors,大部分框架都集成了相应的配置文件,另一种就是前段设置反向代理,而笔者今天要说的就是vue生产模式的反向代理。 vue cli 2.x: vue cli 3.x: 先安装一个插件 下面有个例子 本文链接:https: 阅读全文
posted @ 2019-10-18 19:30 打个大大西瓜 阅读(549) 评论(0) 推荐(0) 编辑
摘要:微信小程序的文件预览 微信小程序的文件预览需要先使用wx.downloadFile下载文件,然后使用下载文件的临时路径通过wx.openDocument进行文件的预览 项目中,有的需要打开pdf 来阅读信息。就需要用小程序自带的api方法。 wxml代码: js代码: 阅读全文
posted @ 2019-10-08 11:03 打个大大西瓜 阅读(4470) 评论(0) 推荐(0) 编辑
摘要:版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/wh_xmy/article/details/86475859 背景:由于微信官方修改了 getUserInfo、authorize 接口,无 阅读全文
posted @ 2019-10-08 10:21 打个大大西瓜 阅读(1282) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示