nanzhuhe的博客

原创 JS获取URL中参数值（QueryString）中window.location.search.substr(1)

方法一：正则法 function getQueryString(name) {var reg = new RegExp(’(^|&)’ + name + ‘=([^&]*)(&|$)’, ‘i’);var r = window.location.search.substr(1).match(reg);if (r != null) {return unescape(r[2]);}return null;}// 这样调用：alert(GetQueryString(“参数

原创 phpstudy无法启动mysql

输入services.msc，找到MySQL，右键停止运行在桌面上找到phpstudy图标右键以管理员身份运行之后在phpstudy里面启动MySQL就可以了

原创 git中第一次建仓不小心输错用户名或密码一直报错Incorrect username or password (access token)

直接在git窗口用这个：git config --system --unset credential.helper 然后再重新 git push -u origin master

原创 powershell打开快捷键

shift+鼠标右键

原创 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已安装版

原创 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...

原创 vue中computed和watch区别

注：转载另一个博文：https://segmentfault.com/a/1190000012948175?utm_source=tag-newest

原创 vue组件中data为什么必须是一个函数

总结：综上可知，如果data是一个函数的话，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果。所以说vue组件的data必须是函数。这都是因为js的特性带来的，跟vue本身设计无关。js本身的面向对象编程也是基于原型链和构造...

原创 vue $router和$route的区别

router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象。。。经常用的跳转链接就可以用this.$router.push，和router-link跳转一样。。。this.$router.push会往history栈中添加一个新的记录。。详细见vue官方文档https://router.vuejs.org/zh/guide/essenti...

原创 vue-router 有哪几种导航钩子?

导航钩子有哪些？他们有哪些参数？导航钩子 翻译过来就是路由的生命周期函数（vue-router）分为两种 全局和局部全局钩子函数：beforeEach：在路由切换开始时调用afterEach：在路由切换离开时调用局部到单个路由beforeEnter组件的钩子函数beforeRouterEnter，beforeRouterUpdate,beforeRouterLeaveto...

原创 vue-router 是什么?它有哪些组件

路由中有三个基本的概念 route, routes, router。1， route，它是一条路由，由这个英文单词也可以看出来，它是单数， Home按钮 => home内容， 这是一条route, about按钮 => about 内容， 这是另一条路由。2， routes 是一组路由，把上面的每一条路由组合起来，形成一个数组。[{home 按钮 =>home内容 }， ...

原创 vue中动态路由传值

方式一<router-link to="/class/classInfo">classInfo</router-link>在路由配置的时候设置路由参数{{$route.params.id}}以这种方式在页面中获取参数方式二<router-link :to="{name:'classInfo',params:{classInfo:'classInfo'}}"...

原创 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...

原创 js事件委托原理，事件冒泡，事件捕获

转载：https://www.cnblogs.com/soyxiaobi/p/9498357.html

原创 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...

原创 vue中keep-alive和activated,deactivated

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；当页面存在keep-alive时，此时切换页面，页面不会刷新，那么如果想要页面重新渲染的话就要用到activated,deactivatedactivated,deactivated只有存在keep-alive时才会存在...

原创 语法糖是什么？

语法糖(Syntactic sugar),是由Peter J. Landin(和图灵一样的天才人物，是他最先发现了Lambda演算，由此而创立了函数式编程)创造的一个词语，它意指那些没有给计算机语言添加新功能，而只是对人类来说更“甜蜜”的语法。语法糖往往给程序员提供了更实用的编码方式，有益于更好的编码风格，更易读。不过其并没有给语言添加什么新东西。举个例子：在C语言里用a[i]表示(a+i),...

原创 vue跳转页面会刷新闪屏

在vue中实现页面刷新有不同的方法:如:this.$router.go(0),location.reload()等,但是或多或少会存在问题,如页面会一闪等所以建议使用[provide/inject]实现刷新该方法简单的来说就是在父组件中1.设置provider2.然后在子组件中通过inject调用inject: [“reload”],3.在需要执行的地方直接调用方法即可goPag...

原创 在vue 中var _this=this作用

var _this=thisconsole.log(_this)原来的对象console.log(this)//当前方法对象_this只是一个变量名，this代表父函数，如果在子函数还用this，this的指 向就变成子函数了，_this就是用来存储指向的https://blog.csdn.net/cataclysm2012/article/detai...

原创 微信小程序报错"blue" is not hexColor

原创 Chrome浏览器怎么保存整个网页为图片

1、打开需要保存为图片的网页2、然后按F12，接着按Ctrl+Shift+P3、在框中输入full

原创 给多个li标签加边框时边框重合变粗问题

margin设为负数

转载 将VSCode设置成中文语言环境

https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.html

转载 使用Google浏览器截屏

转载 最全整理浏览器兼容性问题与解决方案

常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开...

原创 简单类型和复杂类型的区别

简单类型和复杂类型的区别：基本类型又叫做值类型，复杂类型又叫做引用类型值类型：简单数据类型，基本数据类型，在存储时，变量中存储的是值本身，因此叫做值类型。引用类型：复杂数据类型，在存储是，变量中存储的仅仅是地址（引用），因此叫做引用数据类型。堆和栈：堆栈空间分配区别：　　1、栈（操作系统）：由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈；...

原创 this详解

JavaScript中的this指向问题，有时候会让人难以捉摸，随着学习的深入，我们可以逐渐了解现在我们需要掌握函数内部的this几个特点：函数在定义的时候this是不确定的，只有在调用的时候才可以确定一般函数直接执行，内部this指向全局window函数作为一个对象的方法，被该对象所调用，那么this指向的是该对象构造函数中的this其实是一个隐式对象，类似一个初始化的...

原创 全局作用域和局部作用域

全局作用域：在任何地方都可以访问到的变量就是全局变量，对应全局作用域。局部作用域：只在固定的代码片段内可访问到的变量，最常见的例如函数内部。对应局部作用域(函数作用域)注意点：不使用var声明的变量是全局变量，不推荐使用局部变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁...

原创 isNaN作用是什么

isNaN的作用是判断值是否为非数字；例如： var n = parseInt("abcd");isNaN(n)的返回值是true； var n = parseInt("15");isNaN(n)的返回值是false；

转载 undefined 和 null 区别

这里写自定义目录标题undefined 和 null 区别undefined 和 null 区别null： Null类型，代表“空值”，代表一个空对象指针，使用typeof运算得到 “object”，所以你可以认为它是一个特殊的对象值。undefined： Undefined类型，当一个声明了一个变量未初始化时，得到的就是undefined。null是javascript的关键字，可以认为...

转载 Vue.js 组件的高级特性

1 递归为组件设置 name 属性，这个组件就可以在自身的模板内递归调用自己。html：&amp;amp;lt;div id=&amp;quot;app&amp;quot;&amp;amp;gt; &amp;amp;lt;deniro-component :count=&amp;quot;1&amp;quot;&amp;amp;gt;&amp;amp;lt;/deniro-component&amp;amp

转载 vue实战开发原理

想通过vue必须安装vue-cli Vue-cli是Vue的脚手架工具 地址：https:/...

转载 Vue.js说说组件

Vue.js说说组件 &nbsp;&nbsp;&nbsp; 什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。&nbsp;&nbsp;&nbsp; 如何注册组件？&n...

转载 vue 打包为app

记录以下自己将web app打包成移动端app的步骤及问题事先准备，开发完成的web app项目（也可以利用vue-cli脚手架构建vue模板项目），npm run dev可以正常预览的项目1，将项目目录下config文件内index.js中assetsPublicPath修改为&nbsp;assetsPublicPath: './'2，执行np...

转载 Weex 入门这一篇就够了

Weex 入门这一篇就够了 2018年03月10日 11:02:34 星火燎原2016 阅读数：28390 &amp;lt;/div&amp;gt; &amp;lt;div class=&quot;operating&quot;&amp;gt;...

转载 js 里面的键盘事件对应的键码

js 里面的键盘事件经常用到，所以收集了键盘事件对应的键码来分享下：keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab TabkeyCode 12 = ClearkeyCode 13 = EnterkeyCode 16 = Shift_LkeyCode 17 = Control_LkeyCode 18 = Alt_LkeyCode 19 =...

转载 用vscode实现vue.js项目的一个完整过程

转 用vscode实现vue.js项目的一个完整过程 1、新建项目 打开Vis...

转载 推荐几个精致的web UI框架及常用前端UI框架

推荐几个精致的web UI框架及常用前端UI框架欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出...

转载 ORACLE与SQL SERVER的区别

ORACLE与SQL SERVER的区别转载自：https://www.cnblogs.com/chuncn/archive/2009/01/28/1381262.html体系结构ORACLE的文件体系结构为：数据文件 .DBF （真实数据）日志文件 .RDO控制文件 .CTL参数文件 .ORASQL SERVER的文件体系结构为：.MDF （数据字典）.NDF （数据文件）...

原创 AI中文字添加渐变的问题

不能给文字添加渐变的问题添加渐变后没有效果，如图所示：此时应该选中文字后，点击对象–扩展，然后渐变就可以添加了，如图所示：不能给多个文字添加渐变的问题选中文字–点击渐变工具，然后需要添加渐变的位置从左往右拉线就可以了，如图所示：...