这篇我们来实现商品评价栏目。 完成评分组件的结构: 我们先来设置一个ratings容器,还是熟悉的老情况,ratings-wrapper的高度可能会超过ratings,这时候我们肯定会让ratings内出现滚动条的,re…
分类:vue.js教程
前端理解依赖注入(控制反转)
前端的技术的极速发展,对前端同学来说也是一个不小的挑战,有各种各样的东西需要学,在开发过程中经常会被后端同学嘲讽,对于前端来讲根本就不存在类的概念,很多时候需要把大量的业务代码堆积在页面或者组件中,使组件和页面变得特别的…
Vue.js应用性能优化三
在上一篇Vue.js应用性能优化二中,我们学习了足够强大的模式,可以显着提高应用程序的性能 – 按照路由分割代码。虽然按照路由拆分代码非常有用,但在用户访问我们的站点后,仍然有很多内部代码不需要。在本系列的这…
Vue源码2.x.x之总体梳理
前面已经介绍的都是Vue源码的一下细节,这一篇是对前面的一个总结以及梳理。具体的一下细节,可以看前面的文章。在执行new Vue()后,Vue先初始化数据: initLifucycle :规格化 option &…
VUE 引入iconfont图标
VUE 使用svg 选图标 在Iconfont-阿里巴巴矢量图标库上把需要的图标添加至项目,并下载至本地。 将下载的iconfont.js文件导入至自己的项目。 定义Icon组件 // src/common/Icon-s…
Vue.js应用性能优化二
在Vue.js应用性能优化一文章中,我们了解了代码拆分是什么,它如何与Webpack一起工作以及如何在Vue应用程序中使用延迟加载来使用它。现在我们将深入研究代码,并学习最有用的Vue.js应用程序代码分割模式。 通过使…
前端资源汇总
项目地址 https://github.com/abc-club/f… 本文收集学习过程中使用到的资源。 持续更新中…… 目录 vue react Weex typescript 常用库 js es6 移动端…
Vue.js应用性能优化一
虽然现在网络环境和电子设备变得越来越好,但是保持应用程序快速加载变得越来越困难。在本系列中,我将深入研究我们在实践中使用的Vue性能优化技术,并且您可以在Vue.js应用程序中使用它们,使应用程序快速加载并顺利执行。我的…
element表格折叠根据折叠项展示与隐藏
开发中遇到问题,想把部分内容放在折叠项内,如下图: 但是有的折叠项里没有内容想隐藏掉,这样可明了哪个里面有内容,方法如下:在table里加上 :row-class-name="getRowClass" getRowCla…
自定义Vue组件之Tooltip
此文代码大部分借鉴于原创文章:Vue组件之ToolTip Tooltip 常用于展示鼠标 hover 时的提示信息。 首先让我们来看看,在模版里是如何引用tooltip组件的 <tooltip :placement…
nignx部署Vue刷新路由404问题解决,非根目录下,实测没问题
1、我的项目目录结构2.修改config index.js文件 这里我参考了跟多文章,发现都解决不了问题,最后自己配置的。 3.配置nignx 我这里配置分为:前端页面、后台管理页面、服务端4.清除缓存刷新ok
【前端卡顿的优化思路和方案02】实现webpack的chunk文件的命名
webpack + es2015的import()语法进行code splitting时,需要指定chunk name,便于查看chunk具体是什么文件分离出的。 参考vue-router官方文档的 路由懒加载 部分 v…