前端
nanzhuhe
这个作者很懒,什么都没留下…
展开
-
git中第一次建仓不小心输错用户名或密码一直报错Incorrect username or password (access token)
直接在git窗口用这个:git config --system --unset credential.helper 然后再重新 git push -u origin master原创 2020-09-04 17:12:26 · 635 阅读 · 0 评论 -
powershell打开快捷键
shift+鼠标右键原创 2020-09-04 16:49:23 · 3591 阅读 · 0 评论 -
vue不同版本的安装命令
一、全局安装vue-cli3.0以下版本:npm install --global vue-cli3.0以上版本:npm install -g @vue/clinpm install -g @vue/cli@[版本号]二、vue-cli环境变量配置新增环境变量name:VUE_CLI_HOMEKEY:D:\install\nodejs\node_global\node_modules\vue-cli加入path%VUE_CLI_HOME%\bin补充:1)vue-cli已安装版原创 2020-09-03 17:15:01 · 760 阅读 · 0 评论 -
vue ui没反应
用vue ui创建项目没反应,如下图所示在查看了vue版本后发现是版本过低的原因,vue ui在vue版本3.0后才支持解决方法卸载老版本:npm uninstall vue-cli -g下载新版本,vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的npm install @vue/cli -g...原创 2020-09-03 17:06:59 · 1629 阅读 · 0 评论 -
vue组件中data为什么必须是一个函数
总结:综上可知,如果data是一个函数的话,这样每复用一次组件,就会返回一份新的data,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。而单纯的写成对象形式,就使得所有组件实例共用了一份data,就会造成一个变了全都会变的结果。所以说vue组件的data必须是函数。这都是因为js的特性带来的,跟vue本身设计无关。js本身的面向对象编程也是基于原型链和构造...原创 2020-03-21 18:11:57 · 4110 阅读 · 2 评论 -
vue $router和$route的区别
router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象。。。经常用的跳转链接就可以用this.$router.push,和router-link跳转一样。。。this.$router.push会往history栈中添加一个新的记录。。详细见vue官方文档https://router.vuejs.org/zh/guide/essenti...原创 2020-03-21 17:57:27 · 351 阅读 · 0 评论 -
vue-router 有哪几种导航钩子?
导航钩子有哪些?他们有哪些参数?导航钩子 翻译过来就是路由的生命周期函数(vue-router)分为两种 全局和局部全局钩子函数:beforeEach:在路由切换开始时调用afterEach:在路由切换离开时调用局部到单个路由beforeEnter组件的钩子函数beforeRouterEnter,beforeRouterUpdate,beforeRouterLeaveto...原创 2020-03-21 15:48:49 · 4358 阅读 · 0 评论 -
vue-router 是什么?它有哪些组件
路由中有三个基本的概念 route, routes, router。1, route,它是一条路由,由这个英文单词也可以看出来,它是单数, Home按钮 => home内容, 这是一条route, about按钮 => about 内容, 这是另一条路由。2, routes 是一组路由,把上面的每一条路由组合起来,形成一个数组。[{home 按钮 =>home内容 }, ...原创 2020-03-21 14:59:23 · 14388 阅读 · 0 评论 -
vue中动态路由传值
方式一<router-link to="/class/classInfo">classInfo</router-link>在路由配置的时候设置路由参数{{$route.params.id}}以这种方式在页面中获取参数方式二<router-link :to="{name:'classInfo',params:{classInfo:'classInfo'}}"...原创 2020-03-21 14:31:26 · 480 阅读 · 0 评论 -
active-class 是哪个组件的属性?
active-class 属于vue-router的样式方法,当router-link标签被点击时将会应用这个样式一、首先,active-class是什么,active-class是vue-router模块的router-link组件中的属性,用来做选中样式的切换;相关可查阅文档:https://router.vuejs.org/zh-cn/api/router-link.html二、在v...原创 2020-03-21 13:39:28 · 8758 阅读 · 0 评论 -
js事件委托原理,事件冒泡,事件捕获
转载:https://www.cnblogs.com/soyxiaobi/p/9498357.html原创 2020-03-20 23:48:57 · 162 阅读 · 0 评论 -
created和mounted的区别
代码片段:data:(){return {name:"",age:"",phone:""}},created ????){this.name= “wang”this.age = “11”this.phone =“130999”var x = document.getElementById(“name”)//报错console.log(x.innerHTML);},mount...原创 2020-03-20 23:03:57 · 596 阅读 · 0 评论 -
vue中keep-alive和activated,deactivated
created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;当页面存在keep-alive时,此时切换页面,页面不会刷新,那么如果想要页面重新渲染的话就要用到activated,deactivatedactivated,deactivated只有存在keep-alive时才会存在...原创 2020-03-20 18:39:45 · 896 阅读 · 0 评论 -
在vue 中var _this=this作用
var _this=thisconsole.log(_this)原来的对象console.log(this)//当前方法对象_this只是一个变量名,this代表父函数,如果在子函数还用this,this的指 向就变成子函数了,_this就是用来存储指向的https://blog.csdn.net/cataclysm2012/article/detai...原创 2020-03-16 13:11:54 · 787 阅读 · 0 评论 -
语法糖是什么?
语法糖(Syntactic sugar),是由Peter J. Landin(和图灵一样的天才人物,是他最先发现了Lambda演算,由此而创立了函数式编程)创造的一个词语,它意指那些没有给计算机语言添加新功能,而只是对人类来说更“甜蜜”的语法。语法糖往往给程序员提供了更实用的编码方式,有益于更好的编码风格,更易读。不过其并没有给语言添加什么新东西。举个例子:在C语言里用a[i]表示(a+i),...原创 2020-03-16 21:26:43 · 281 阅读 · 0 评论 -
给多个li标签加边框时边框重合变粗问题
margin设为负数原创 2019-06-11 23:21:02 · 1772 阅读 · 0 评论 -
isNaN作用是什么
isNaN的作用是判断值是否为非数字;例如: var n = parseInt("abcd");isNaN(n)的返回值是true; var n = parseInt("15");isNaN(n)的返回值是false;原创 2019-03-18 13:00:07 · 2064 阅读 · 0 评论 -
undefined 和 null 区别
这里写自定义目录标题undefined 和 null 区别undefined 和 null 区别null: Null类型,代表“空值”,代表一个空对象指针,使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值。undefined: Undefined类型,当一个声明了一个变量未初始化时,得到的就是undefined。null是javascript的关键字,可以认为...转载 2019-03-18 12:46:55 · 132 阅读 · 0 评论 -
推荐几个精致的web UI框架及常用前端UI框架
推荐几个精致的web UI框架及常用前端UI框架欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出...转载 2019-03-04 19:31:52 · 363 阅读 · 0 评论 -
Vue.js 组件的高级特性
1 递归为组件设置 name 属性,这个组件就可以在自身的模板内递归调用自己。html:&amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;deniro-component :count=&quot;1&quot;&amp;gt;&amp;lt;/deniro-component&amp转载 2019-03-05 22:24:59 · 196 阅读 · 0 评论 -
vue实战开发原理
想通过vue必须安装vue-cli Vue-cli是Vue的脚手架工具 地址:https:/...转载 2019-03-05 22:11:45 · 183 阅读 · 0 评论 -
Vue.js说说组件
Vue.js说说组件 什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。 如何注册组件?&n...转载 2019-03-05 21:39:27 · 128 阅读 · 0 评论 -
vue 打包为app
记录以下自己将web app打包成移动端app的步骤及问题事先准备,开发完成的web app项目(也可以利用vue-cli脚手架构建vue模板项目),npm run dev可以正常预览的项目1,将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './'2,执行np...转载 2019-03-05 20:52:29 · 170 阅读 · 0 评论 -
Weex 入门这一篇就够了
Weex 入门这一篇就够了 2018年03月10日 11:02:34 星火燎原2016 阅读数:28390 &lt;/div&gt; &lt;div class="operating"&gt;...转载 2019-03-05 20:36:14 · 206 阅读 · 0 评论 -
js 里面的键盘事件对应的键码
js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下:keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab TabkeyCode 12 = ClearkeyCode 13 = EnterkeyCode 16 = Shift_LkeyCode 17 = Control_LkeyCode 18 = Alt_LkeyCode 19 =...转载 2019-03-05 19:56:07 · 367 阅读 · 0 评论 -
全局作用域和局部作用域
全局作用域:在任何地方都可以访问到的变量就是全局变量,对应全局作用域。局部作用域:只在固定的代码片段内可访问到的变量,最常见的例如函数内部。对应局部作用域(函数作用域)注意点:不使用var声明的变量是全局变量,不推荐使用局部变量退出作用域之后会销毁,全局变量关闭网页或浏览器才会销毁...原创 2019-03-18 13:21:19 · 2413 阅读 · 0 评论 -
this详解
JavaScript中的this指向问题,有时候会让人难以捉摸,随着学习的深入,我们可以逐渐了解现在我们需要掌握函数内部的this几个特点:函数在定义的时候this是不确定的,只有在调用的时候才可以确定一般函数直接执行,内部this指向全局window函数作为一个对象的方法,被该对象所调用,那么this指向的是该对象构造函数中的this其实是一个隐式对象,类似一个初始化的...原创 2019-03-18 13:35:14 · 160 阅读 · 0 评论 -
简单类型和复杂类型的区别
简单类型和复杂类型的区别:基本类型又叫做值类型,复杂类型又叫做引用类型值类型:简单数据类型,基本数据类型,在存储时,变量中存储的是值本身,因此叫做值类型。引用类型:复杂数据类型,在存储是,变量中存储的仅仅是地址(引用),因此叫做引用数据类型。堆和栈:堆栈空间分配区别: 1、栈(操作系统):由操作系统自动分配释放 ,存放函数的参数值,局部变量的值等。其操作方式类似于数据结构中的栈;...原创 2019-03-18 14:14:32 · 3344 阅读 · 0 评论 -
最全整理浏览器兼容性问题与解决方案
常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开...转载 2019-03-19 14:31:26 · 505 阅读 · 0 评论 -
用vscode实现vue.js项目的一个完整过程
转 用vscode实现vue.js项目的一个完整过程 1、新建项目 打开Vis...转载 2019-03-05 19:25:00 · 11625 阅读 · 0 评论