vue
未来前端程序猿
这个作者很懒,什么都没留下…
展开
-
css学习心得一
一、transition: transform .3s ease-in-out , top .3s ease-in-out .3s;transition中的逗号:transition设置多个属性时需要用逗号隔开二、input:checked ~ label :相邻同胞选择器,选择被选中的input标签后 所有的label标签[input 和 label标签有共同的父元素];inpu...原创 2020-04-14 00:14:34 · 962 阅读 · 0 评论 -
Flex布局
Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。1、块状模型.box{display: flex;}2、行内元素.box{display: inline-flex;}3、Webkit 内核的浏览器,必须加上-webkit前缀。.box{display: -webkit-flex; /...转载 2020-02-16 18:18:21 · 145 阅读 · 0 评论 -
解决拉取项目打不开的问题
默认电脑里已经安装Node.js下载完别人的VUE项目后,我们执行下载所有依赖npm install后启动npm run dev运行的最后一步经常会报错,不是缺少依赖模板,就是node_modules版本与本机安装的node和npm版本不一致。今天遇到的问题就是版本不一致,例如我们的电脑中安装的node版本为6.10.3、npm版本为4.6.1。而项目中的版本为"node": “>= ...原创 2019-06-26 11:08:47 · 1405 阅读 · 0 评论 -
相对路径与绝对路径
相对路径使用的特殊符号以下为建立路径所使用的几个特殊符号,及其所代表的意义。“./”:代表目前所在的目录。“…/”:代表上一层目录。以"/"开头:代表根目录...原创 2019-07-13 11:34:14 · 128 阅读 · 0 评论 -
filter
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意: filter() 不会对空数组进行检测。注意: filter() 不会改变原始数组。array.filter(function(currentValue,index,arr), thisValue)参数说明参数描述function(currentValue, index,arr...原创 2019-07-15 12:29:44 · 116 阅读 · 0 评论 -
箭头函数
引入箭头函数有两个方面的作用:更简短的函数并且不绑定this。更短的函数:var elements = [‘Hydrogen’,‘Helium’,‘Lithium’,‘Beryllium’];elements.map(function(element) {return element.length;}); // 返回数组:[8, 6, 7, 9]// 上面的普通函数可以改写成...转载 2019-07-15 14:21:03 · 132 阅读 · 0 评论 -
前端node、npm下载安装配置
1、首先在D盘新建文件夹Program Files,在该文件夹下新建nodejs在node官网安装node 安装时 选择path为add npm 选择路径为D:\Program Files\nodejs2、安装好node后,node自带npm,然后配置node环境变量3、首先,windows+r打开控制台后cmd,node -v npm -v查看下载版本 是否安装成功4、其次,在控制台...原创 2019-07-12 11:07:22 · 443 阅读 · 0 评论 -
git上传项目代码到GitHub
1、下载好git以后打开项目所在文件夹 右键 git bash here2、输入$ ssh-keygen -t rsa -C “邮箱地址”3、然后一路回车,使用默认值即可,由于这个Key也不是用于军事目的,所以也无需设置密码。当然设置密码最好,如果一切顺利的话,可以在用C盘用户目录里找到.ssh目录,里面有id_rsa和id_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rs...原创 2019-07-16 16:12:05 · 141 阅读 · 0 评论 -
router-link消除下划线
text-decoration: none;原创 2019-07-19 14:13:33 · 5354 阅读 · 0 评论 -
修改类似于element的ui库默认样式的坑
一、深度作用选择器( >>> )最顶层的div >>>要修改样式的div,亲测有效。二、/deep/ 预处理器less下使用深度选择器/deep/与>>>作用相同两者的转变:...原创 2019-07-19 14:24:50 · 626 阅读 · 0 评论 -
如何安装webpack
第一:window+r 输入cmd打开控制台第二:创建一个空文件夹 1 d: 2 mkdir webpack_demo第三:输入node.js -v 查看是否已安装 若未安装,则下载node.js下载:windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“...原创 2019-06-25 10:39:38 · 533 阅读 · 0 评论 -
vue导入Font Awesome
一、安装基础依赖首先在npm中执行以下命令安装基础依赖库npm i --save @fortawesome/fontawesome-svg-corenpm i --save @fortawesome/vue-fontawesome二、安装样式依赖然后安装免费的三种类型图标的样式依赖npm i --save @fortawesome/free-solid-svg-iconsnpm i -...原创 2019-05-27 16:55:35 · 1787 阅读 · 0 评论 -
vscode 用git 拉取代码,提示:在签出前,请清理存储库工作树。请问是什么问题,如何解决
问题主要是git仓库上的代码和本地代码存在冲突。解决办法:1、新建一个文件夹重新从git拉取最新的代码,使用beyond compare对比合并自己修改的代码到新拉的代码里,提交2、放弃本地修改,直接覆盖git reset --hardgit pull...转载 2019-04-08 18:54:11 · 14884 阅读 · 1 评论 -
Radio 单选框
在一组备选项中进行单选由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。要使用 Radio 组件,只需要设置v-model绑定变量,选中意味着变量的值为相应 Radio label属性的值,label可以是String、Number或Boolean。<el-radio v-model=“radio” label=“1”>备选项备选项...转载 2019-04-21 02:23:43 · 249 阅读 · 0 评论 -
VUE--配置router
1、npm install vue-router2、创建router文件 在文件中创建index.jsimport Vue from ‘vue’import Router from ‘vue-router’Vue.use(Router)export default new Router({routes: [ {path:"/page",component:()=>import...转载 2019-04-21 04:19:10 · 159 阅读 · 0 评论 -
VScode用git提交代码到码云
git作为支持分布式版本管理的工具,它管理的库(repository)分为本地库、远程库。关联:把一个本地仓库与一个云端Gitee仓库关联。git remote add origin 远程仓库url其中origin代表的是你远程的仓库,习惯如此命名git remote -v 查看你的远程仓库提交:这里我们把 add(暂存)、提交(commit)、推送(push),放到一起说,因为每次...原创 2019-04-22 13:42:16 · 2779 阅读 · 0 评论 -
VUE--Form表单
表单内容1、写在data内验证::代表这是一个表单 -> ref:表单被引用时的名称,标识 是我们绑定的对象 -> rules:是动态绑定的rules,表单验证规则 -> model:表单数据对象 是绑定我们form表单中需要提交给后台的一个对象 -> label-width:表单域标签的宽度,作为 Form 直接子元素的 form-item 会继承该值 -...转载 2019-04-18 16:49:50 · 45678 阅读 · 1 评论 -
VUEX入门教程
首先,新建一个vue项目,在命令行中使用:vue init webpack web然后,安装vuex,使用命令:npm install vuex --save出现以下代码提示显示安装成功:首先,我们在src目录下新建文件夹 store,在当前文件夹中新建文件index.js在当前的index.js文件中,我们在文件中引用入ue和vuex,在vue中注册vuex,创建vuex.Stor...原创 2019-04-29 15:34:08 · 351 阅读 · 0 评论 -
VUE--生命周期钩子
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。比如 created 钩子可以用来在一个实例被创建之后执行代码:new Vue({data: {a: 1},created: function ()...转载 2019-05-10 11:41:13 · 121 阅读 · 0 评论 -
VUE-模板
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果你熟悉虚拟 DOM 并且偏...转载 2019-05-10 11:57:04 · 4109 阅读 · 0 评论 -
vue之父子组件间通信实例讲解(props、$ref、$emit)
组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信,也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点,来讲解如何实现父子组件间通信。在说如何实现通信之前,我们先来建两个组件father.vue和child.vue作为示例的基础:这两部分的代码都很清晰明了,父组件通过...转载 2019-04-10 10:15:13 · 5850 阅读 · 0 评论