
vuejs学习之路
rainning_z
写博客的目的:记录自己遇到的问题,强化自己学习的知识,分享和讨论,很菜更要记录下来,好记性不然烂笔头,整理过的知识才能更好掌握
展开
-
2021年 6 月 code review 记录
name:1.showOrHidden(显示隐藏) ==> toggle(切换)performance:1.//badif(key.indexOf('Date')!=-1){}//goodif(key.includes('Date')){}//bad if(data[key] !=="" || data[key] !== null || data[key] !== undefined){}//good if (isEmpty...原创 2021-06-17 22:18:52 · 262 阅读 · 0 评论 -
vue 创建一个 表格,横向纵向都可以增加(减少)行和列,并且内容内容可以输入,标题可以修改
工作中有需要,就写下记录下(因为只是写了个demo,实际中没有用就先这样记录下,很喜欢写这种需求)效果图我的预览地址:http://rainning_z.gitee.io/table_from_add我的码云源码:https://gitee.com/rainning_z/table_from_add.git直接源码<template> <div> <h1>demo11</h1> <div style="text-.原创 2020-12-31 11:10:59 · 654 阅读 · 0 评论 -
最新前端面试题-vue
一:对MVVM的理解MVVM分为三个部分:分别是M(Model,模型层 ),V(View,视图层),VM(ViewModel,V与M连接的桥梁,也可以看作为控制器)1、 M:模型层,主要负责业务数据相关;2、 V:视图层,顾名思义,负责视图相关,细分下来就是html+css层;3、 VM:V与M沟通的桥梁,负责监听M或者V的修改,是实现MVVM双向绑定的要点;MVVM支持双向绑定,意思就是当M层数据进行修改时,VM层会监测到变化,并且通知V层进行相应的修改,反之修改V层则会通知M层数据进行.原创 2020-10-21 14:19:18 · 300 阅读 · 0 评论 -
vue中event bus的简单使用 使用详细介绍
EventBus又称为事件总线。在Vue中可以使用EventBus来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的“灾难”,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。事件总线应用于同一路由传值demo示例:一、初始化首先需要创建事件总线并将其导出,以便其它模块可以使用或者监听它。我们可以通过两种方式来处理。先来看第一种,...原创 2020-10-20 19:27:11 · 1281 阅读 · 0 评论 -
vue 双向绑定 子组件input 动态修改父组件值
让子组件修改父组件中的变量:一:常规方法<template> <div> <h1>实现双向绑定方法-基础</h1> //父组件 <h1>{{fatherTitle}}</h1> <myComponent :title="fatherTitle" @titleFunc="fatherTitleFunction"></myComponent> </div>原创 2020-10-16 10:39:59 · 2913 阅读 · 0 评论 -
解决less中calc无法正确计算的方法
在表达式前加上“~”字符即可正确解析实例:.breadcrumb-title{ text-align: center; font-size: @fontC; &:after{ position: absolute; content: ''; top:39px; lef...原创 2019-07-18 09:57:20 · 1241 阅读 · 0 评论 -
vue 我遇到了哪些坑
之前一直都是跟着视频去学习,最近一个月终于在换了一个公司的前提下,开始了用vue写代码,如果要问之前用什么写,一直写原生你信吗,,,整理一下这一个月来遇到的大坑小坑1.图片路径图片在开发环境下可以显示,打包到生产就丢失了,原因是因为我之前的路径写的都是background: url("/src/page/PersonCenter/img/icon_djs.png");写的都是绝对...原创 2019-04-10 20:01:57 · 1203 阅读 · 0 评论 -
vue后台模板
1. github地址:vue-framework-wz 线上体验地址:立即体验相关博客:https://www.cnblogs.com/herozhou/p/7434931.html2.vue+iview后台管理模板https://github.com/iview/iview-admin3.vue+element 后台管理模板https://github.co...转载 2019-02-18 17:14:23 · 5527 阅读 · 0 评论 -
在Windows上安装Git
在Windows上安装Git在Windows上使用Git,可以从Git官网直接下载安装程序,(网速慢的同学请移步国内镜像),然后按默认选项安装即可。安装完成后,在开始菜单里找到“Git”->“Git Bash”,蹦出一个类似命令行窗口的东西,就说明Git安装成功!安装完成后,还需要最后一步设置,在命令行输入:$ git config --global user.name "Y...转载 2018-12-10 22:48:19 · 205 阅读 · 0 评论 -
npm i node-sass -D`装不上
有时候使用`npm i node-sass -D`装不上,这时候,就必须使用 `cnpm i node-sass -D`原创 2018-12-10 21:55:13 · 2899 阅读 · 0 评论 -
Vue开发 机顶盒版本页面问题小结
1.机顶盒报错,const ,由于编译问题,编译好的文件中含有const和let 关键字,通过babel-loader进行编译,如果发现编译有问题,,还是存在const关键字,而且检查发现自己配置没有问题,把node_modules删除重新安装 2.由于页面布局采取非定宽瀑布流,更具图片数据,一张图片紧挨一张图片,从左向右从上到下无缝拼图实现页面布局,所有图片的每个的位置是更具图片的实...原创 2018-12-12 15:23:24 · 1981 阅读 · 13 评论