![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
lelehouse
这个作者很懒,什么都没留下…
展开
-
sku实现
使用vue实现前端sku选择: https://juejin.im/post/5ec243a1f265da7bf24108f2?utm_source=gold_browser_extension图形算法(邻接矩阵):https://juejin.im/post/5de7c053518825125d1497e2原创 2020-05-22 11:01:36 · 549 阅读 · 0 评论 -
vue在PC项目中的实战的应用思考及遇到的问题总结
问题总结如下:1,为什么用这个框架,有什么兼容性问题?2,用什么UI框架,如何覆盖第三方UI的样式,进行个性化定制?3,项目如何架构,从api统一管理,组件的分离,路由的分配,静态文件?4,性能优化,从配置,路由懒加载,缓存角度,采用SSR实现首屏幕优化,增强网站SEO?5,瀑布流和木桶布局(js和css两种)6,vue-router路由缓存的应用,主要在搜索页面的应用,实现进入刷新,...原创 2019-03-21 13:53:00 · 414 阅读 · 0 评论 -
vue项目中视频video的运用,实现鼠标移入自动播放,移出暂停,点击可以进入跳转详情页面
如果你尝试在vue中自己直接使用video标签,会发现无法调用play和pause方法,具体可参考jq插件http://www.jq22.com/jquery-info404插件描述:Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。(要支持ie低版本请下载5.4...原创 2019-03-26 21:03:42 · 12355 阅读 · 1 评论 -
video.js使用技巧总结和webpack中使用注意的问题
webpack与video.js使用注意的问题转自https://segmentfault.com/a/1190000007603266video.js是一个优秀的视频播放器库,不过官网的示例中,是作为全局变量videojs引入的。如果我们的项目使用ES6风格的模块,用webpack来做打包的话,就需要做一些额外的工作。本文介绍我在使用的时候遇到的一些“坑”。基本使用方法直接从npm安装vi...转载 2019-03-27 10:06:51 · 2115 阅读 · 0 评论 -
解决vue项目中在safari中this.$router.go()失效的问题
vue中可以刷新的几种方式:1,this.router.go(0)。页面会一瞬间的白屏,体验不是很好,且safari不支持2,用vue−router重新路由到当前页面,(this.router.go(0)。页面会一瞬间的白屏,体验不是很好,且safari不支持2,用vue-router重新路由到当前页面,(this.router.go(0)。页面会一瞬间的白屏,体验不是很好,且safari不支...原创 2019-04-25 23:00:27 · 11478 阅读 · 2 评论 -
瀑布流组件,vue的瀑布流组件,木桶布局组件barrel(全屏+resize),另有jq版本的木桶布局
鉴于大家可以直接打开运行见效果,我把组件放入页面中,去除一些需要编译的,比如router-link,实际使用,大家可以自行替换,另外鉴于视觉中国的黑洞事件,模拟的图片,大家自己本地放图吧。需要注意几个点,resize事件只能用一次,建议大家在app中使用,可以vuex共享数据。如果问题,请指教,另觉得最后一行处理的不是很好,希望有更好的方案指教! <!DOCTYPE html>...原创 2019-04-23 17:26:58 · 589 阅读 · 0 评论 -
浅谈vue项目搭建中的性能优化
1.采用cdn,在index.html的文件头部引入vue和element-ui的组件库。两个图片分别来源vue官方文档和vue-router的官方文档,建议使用锁定版本可以参考最新的element-ui官方文档,及本来准备引入的版本,实践中,建议锁定链接版本号。2.在项目中引入vue的文件,可以都去掉。通常我们在main.js中//import Vue from “vue”//引入e...原创 2019-01-14 11:12:13 · 1391 阅读 · 0 评论 -
vue(webpack3.X)项目中如何使用.svg图标,你是否遇到正确配置却无法显示?
具体文字配置可以参考这个文章https://www.jianshu.com/p/7e65608ddc0a项目配置,可到github查看,转自该仓库https://github.com/Hugo-Jiang/icon-componentde ,如何所以的配置你都发现完全正确,却还不能正确显示,需要注意检查package.json中svg-sprite-loader 的版本号,你有可能下载的 4...原创 2019-01-15 13:14:56 · 3893 阅读 · 1 评论 -
vue项目:优化用户体验之骨架屏
推荐两篇文章参考:Vue项目骨架屏注入实践:https://www.jianshu.com/p/3da35af1e4c2参考:为vue项目添加骨架屏https://juejin.im/entry/5ab37beb518825557005eecc转载 2019-01-15 14:16:27 · 760 阅读 · 0 评论 -
vue项目的性能优化实践
运行时优化1、使用v-if代替v-show两者的区别是:v-if不渲染DOM,v-show会预渲染DOM除以下情况使用v-show,其他情况尽量使用v-if有预渲染需求需要频繁切换显示状态2、v-for必须加上key,并避免同时使用v-if一般我们在两种常见的情况下会倾向于这样做:为了过滤一个列表中的项目比如 v-for=“user in users” v-if=“user.is...转载 2019-01-28 16:34:08 · 1594 阅读 · 0 评论 -
vue简单实现瀑布流布局的一种方式(vue瀑布流组件)
vue中的瀑布流布局组件需求:图片容器宽度固定,高度根据图片自适应,图片一行不能排列时候,换行依次从左往右排列。(瀑布流概念)父组件传递数据: waterfallData:[ { e_img: &quot;test.jpg&quot;, // 图片 e_intro: &quot;描述信息&quot;, u_img: &quot;test.jpeg&原创 2019-01-18 13:34:31 · 35378 阅读 · 6 评论