![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 55
田野啸风
双手敲出简单的快乐
展开
-
从Vue2.0到Vue3.0的变化总结
vue2.0到vue3.0的变化总结原创 2022-07-18 14:51:48 · 561 阅读 · 0 评论 -
vue animate-number 数字动态效果
一、环境配置1.终端执行:npm install vue-animate-number 2.在main.js中:import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber)二、核心代码:1.页面:<animate-number ref="reNum" from="0" :to="toNum" :key="toNum" duration="2000"></animate-number&原创 2021-11-03 12:02:52 · 4469 阅读 · 0 评论 -
什么是虚拟DOM
一、前端 - 从接收html 到 体现在页面上的流程:1.创建DOM树(分析HTML元素,构建一颗DOM树)2.创建StyleRules(分析CSS文件和元素上的inline样式,生成页面的样式表)3.创建Render树(将DOM树和样式表,关联起来)4.布局Layout(浏览器开始布局,为每个Render树上的节点确定一个在显示屏上出现的精确坐标)5.绘制Painting(调用每个节点paint方法,把它们绘制出来)二、什么是DOM:Document Object Model(文档对象原创 2021-05-06 19:58:02 · 10227 阅读 · 1 评论 -
elementUI 相同元素合并行(并实现斑马线效果)
一、效果示意:二、核心代码:1.在el-table上加上::row-class-name="tabRowClassName":span-method="objectSpanMethod"2.在methods中加上: objectSpanMethod({ row, column, rowIndex, columnIndex }) { if ([0,1,2,3].includes(columnIndex)) { // 前4列有相同值时合并行 return {转载 2021-03-24 19:48:59 · 1714 阅读 · 1 评论 -
如何自定义element-ui已有的组件
1.在node_modules/element-ui/packages中找到要修改的文件,并复制;2.在src下的components文件夹中,新建一个Elcustom文件夹,来装自定义的组件,粘贴进去,就可在此自定义组件了(对应上文件路径即可);3.在main.js中:// 例子:自定义的走马灯组件// 调用方法:<el-carousel-custom></el-carousel-custom>import ElCarouselCustom from "@/compone原创 2021-03-03 16:47:39 · 1576 阅读 · 1 评论 -
ECharts 柱形图---Y轴比最大值长一些
一、原图:二、修改后:三、方法: yAxis: { max: function(value){ return value.max + 0.2*value.max }, type: 'value' },原创 2021-03-02 16:10:01 · 2108 阅读 · 2 评论 -
npm ERR! gifsicle@4.0.1 postinstall: `node lib/install.js` 报错解决方案
一、报错:npm ERR! gifsicle@4.0.1 postinstall: node lib/install.js二、原因:安装这些包时需要安装依赖包,其中部分依赖包需要从GitHub上下载,而GitHub的资源库DNS有问题,导致这些依赖包无法安装而报错。三、解决方法:1.在本地host文件中添加以下内容:52.74.223.119 github.com192.30.253.119 gist.github.com54.169.195.247 api.github转载 2020-12-27 15:22:45 · 10608 阅读 · 0 评论 -
- Network: unavailable Vue-cil3解决方案
一、报错: - Network: unavailable 二、分析:今天在启动Node服务时,发现Network消失了。。。(曾经有的)回忆了一下可能有影响的操作:1.配置了Java开发环境,2.调整了环境变量。。。三、网上查到2种解决方案:1.把没用上的网络适配器删掉;2.修改vue.config.js文件中的devServer里的public,赋予其一个值;四、原因总结:vue对公共网络API的推断有其局限性。五、最终解决方案:在vue.config.js文件中的devServer原创 2020-12-07 16:39:13 · 1000 阅读 · 0 评论 -
Vue-cil项目的搭建:Vue+Typescript+Element-ui
一、安装命令:1.vue create edls2.执行此网页命令,搭建脚手架:https://segmentfault.com/a/1190000014627083?utm_source=tag-newest3.安装Element-ui: npm install element-ui -S4.在main.js文件中 引入 element 组件 :import ElementUI f...原创 2019-12-02 19:06:25 · 718 阅读 · 0 评论