
vue.js
小能豆豆_前端
web前端爱好者,在武汉从事互联网web前端开发工作。
展开
-
vue 大屏适配,代码优化
vue 大屏适配怎么实现?vue 大屏适配解决方法转载 2021-12-02 11:26:25 · 316 阅读 · 0 评论 -
vue+elementui搭建后台管理界面(5递归生成侧栏路由) vue定义定义多级路由菜单
有一个菜单树,顶层菜单下面有多个子菜单,子菜单下还有子菜单。。。这时候就要用递归处理1 定义多级菜单修改src/router/index.js的 / 路由 { path: '/', redirect: '/dashboard', name: 'Container', component: Container, children: [ {path: 'dashboard', name: '首页', component: Dashboar..转载 2021-12-02 11:22:26 · 889 阅读 · 0 评论 -
Vue价格四舍五入保留两位和直接取两位
价格四舍五入保留两位filters:{ formatPrice:function(value){ let tempVal = parseFloat(value).toFixed(3) let realVal = tempVal.substring(0, tempVal.length - 1) return realVal } }直接取两位filters: { form原创 2020-09-16 17:51:52 · 1831 阅读 · 0 评论 -
vue项目开启Gzip压缩配置方法及性能优化建议
原文地址:https://jingyan.baidu.com/album/454316ab29d0c0f7a7c03a1f.html?picindex=1vue项目开启gzip压缩和部署 nginx开启gzip优化性能第一步,在vue项目中安装依赖并将productionGzip改为true,开启Gzip压缩:npm install --save-dev compression-webpack-plugin第二步,运行 npm run build打包项目,这时可能...转载 2020-09-14 16:14:08 · 3505 阅读 · 4 评论 -
js实现列表向上无限滚动
本文实例为大家分享了js实现列表向上无限滚动的具体代码,供大家参考,具体内容如下先来一张效果图html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <di...转载 2020-04-17 15:02:06 · 4080 阅读 · 0 评论 -
vue组件之间传值方式 vue父子组件传值传参方法
https://www.cnblogs.com/lingdu87/p/9147555.htmlvue组件之间传值方式解析一.父组件传到子组件 1.父组件parent代码如下: <template> <div class="parent"> <h2>{{ msg }}</h2> <son p...原创 2019-10-26 01:54:00 · 723 阅读 · 0 评论 -
vue父组件可以监听到子组件的生命周期吗
vue父组件可以监听到子组件的生命周期吗?比如有父组件 Parent 和子组件 Child,如果父组件监听到子组件挂载 mounted 就做一些逻辑处理,可以通过以下写法实现:// Parent.vue<Child @mounted="doSomething"/>// Child.vuemounted() {this.$emit("mounted");}以上需...原创 2019-09-20 18:47:13 · 1706 阅读 · 0 评论 -
vuejs中html2canvas使用 背景图和二维码海报图片保存到一张图片上 生成一张海报并下载
不少的项目中都用到了二维码加背景图片生成海报的宣传图片,实现方法就是canvas绘制到一张上后进行下载。html2canvas的技巧在这里不在讲解。二维码和背景图片进行定位。在传统场合,这类功能往往依赖后台合成图片,或依赖端上实现,但web侧本身也有独立的解决方案。 Web中具有图片生成功能的是canvas标签,我们可以使用canvas中的toDataUrl() API,得到当前画布内...原创 2019-08-10 18:01:47 · 5414 阅读 · 2 评论 -
vue页面缓存的实现方以及与原生的部分效果对比
前言作为移动开发者,相信大家对于使用html开发的App和使用原生Api开发的App,或多或少都有所体验。他们有各自的优势与劣势,今天我们就参考原生App的效果,通过使用vue.js框架来实现一款类似原生效果的应用。项目简介联华会员线上退货流程的实现。主要功能点:选店、定位、上传图片、售后查询。实现方案:vue.js效果预览项目过程中遇到的难点与解决方案1、原生的...转载 2019-07-15 20:06:16 · 1144 阅读 · 0 评论 -
vue中watch的详细用法 watch监听用法
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:https://www.cnblogs.com/shiningly/p/9471067.html好了,如果有不懂的问题,可以关注我的个人微信公众号和我交流同时还可以领取到前端学习资料!欢迎大家关注。和我一起讨论学习交流H5前端开发。...转载 2019-06-10 22:06:52 · 7444 阅读 · 0 评论 -
VueConf 2019 尤雨溪上海演讲资料 vue3.0爆料
尤雨溪Vue.js 作者,前 Google Creative Lab 成员。日程安排日程安排将随时更新 09:30大会开始了 尤雨溪演讲主题:与Vue3相关的主题演讲 发展现状 ● Chrome DevTools: ~90万周活跃用户 ○ 对比:React ~160万 ● npm 下载量:~400 万次...原创 2019-06-10 22:06:19 · 1976 阅读 · 1 评论 -
[VueConf 2019]快手前端-天翔 - 分享探索Web编程的另一种形态
2019年6月8日来自全球各地的开发者齐聚上海交通大学文治堂,一起见证了VueConf 2019上海的成功举办。天翔快手前端架构师,游戏直播团队前端负责人。在大会上,快手前端架构师,游戏直播团队前端负责人天翔给大家带来了主题为“探索Web编程的另一种形态”的主题演讲。主题介绍:在去年各家如火如荼的小程序搭建过程中,快手内部也曾尝试过小程序平台的搭建,在这过...原创 2019-06-10 22:06:13 · 961 阅读 · 0 评论 -
[VueConf2019]蒋豪群 - Vue Beyond Vue Loader
蒋豪群Vue.js 官方团队成员,Vue CLI 维护者。曾在阿里巴巴、蘑菇街就职。2019年6月8日来自全球各地的开发者齐聚上海交通大学文治堂,一起见证了VueConf 2019上海的成功举办。在大会上,Vue.js官方团队成员,Vue CLI维护者蒋豪群给大家带来了主题为“Vue Beyond Vue Loader”的主题演讲。主题介绍:初学 Vue 的时候,大家可能...原创 2019-06-10 22:06:02 · 850 阅读 · 0 评论 -
VueConf 2019 尤雨溪Q&A 现场问答 PPT pdf 资料
VueConf 2019 尤雨溪演讲总结距离参加 VueConf 第一届大会已经很久了,yubo 的介绍一如既往地有意思 ❤️,是他的努力保持了大会热情的社区氛围!另一个彩蛋就是 Evan You 带了自己的亲人和孩子来到现场,真的是其乐融融!尤雨溪 @ State of Vue发展现状Chrome DevTools 有约 90 万的周活用户,React 相比有 16...原创 2019-06-10 22:05:45 · 844 阅读 · 0 评论