2018年01月_qingzhizhenhun

原创 vue-router中的编程导航

网页中有两种跳转方式,通过a标签跳转,叫做标签跳转,通过window.local.herf的方式,叫做编程式导航vue中,使用this.$router来实现编程式导航this.$route与this.$router的区别:this.$route是路由的"参数对象",所有路由中的参数,params,query都属于它,this.$router是一个"导航对象",用它可以方便地使用JS代码,实现路由

2018-01-30 14:31:18 286

原创 vue-router中传参的两种方式

vue-router中,有query跟params两种传参方式,可以让不同的path指向同一个组件,并且能获取对应的参数1.params 我们创建一个组件news,其中两个router-link,path不同<template> <div class="hi"> <h3>新闻列表</h3> <router-link to="/news/news001?nam

2018-01-26 16:40:54 14725 1

原创 mysql的安装

之前练习过mysql的基本查询语句,隔了一段时间发现忘了mysql密码,于是重新安装了一下mysql,费了一些功夫,特此记录1.下载安装好mysql installer后,打开页面,点击add,出现以下界面:选择安装MySQL Server2.这是所在目录,以后配环境变量要用到3.45

2018-01-19 15:02:54 168

转载 js中实现数组与对象的深拷贝

js中,如果用”=”来进行复制数组或者对象,只是浅拷贝,两个数组指向同一个地址,一个改变,另一个也会改变,如果想切断这种关系,就需要深拷贝对于一维数组,for循环实现深拷贝 var arr = [1,2,3,4,5] var arr2 = copyArr(arr) function copyArr(arr) { let res = [] for

2018-01-18 10:50:00 259

原创 ES6与Node中导入导出成员的区别

Node中导出成员的方法是 require跟module.exports```const webpack = require('webpack')//引入webpack,因为webpack是node依赖,所以支持所有node语法//使用module.exports对外暴露成员module.exports = { entry:{}, output:{}, module:{

2018-01-15 17:02:13 746

原创文字超出自动换行

今天写页面的时候,发现有一段内容在iphone5这种小屏幕下显示不完整p元素明明设置了宽度,但是竟然溢出了,查了一下,添加上以下代码让其自动换行word-wrap: break-word;css3新增的属性,长单词自动换行,效果是这样

2018-01-12 15:46:03 28907

原创 webpack的配置与使用

最近几天一直在学习webpack的使用,遇到了很多问题,解决了一些,也有一些未解决,但是通过几天的学习,总算对webpack有了一定的了解.配置weipack的方法1.安装先新建一个项目,例如test,然后npm init初始化这个项目;然后在控制台输入npm install webpack -g全局安装webpack;但是此时项目中不能直接使用,还要在安装一次,输入npm install w

2018-01-11 17:50:59 250

原创 360浏览器兼容问题

网页在360浏览器上出现显示异常,费了好大劲才解决,特此记录网页写完,发布后,被告知360浏览器显示出大片空白区域.我之前用chrome 跟ie浏览器都测试过,没有问题,但是偏偏在国产浏览器上出了问题,而且问题很大. 下载了360浏览器查看了一下,发现网页尺寸竟然有两千多px,右边有一大片空白,我的屏幕都只有1920x1080px,chrome跟ie下都是显示正常的,真不知道360是怎么搞得

2018-01-11 10:22:48 1780

原创 ES6的一些知识

扩展运算符…是ES6新增的扩展运算符,可以把一个数组变成以逗号分割的参数序列该运算符主要用于函数调用,替代了apply的作用 // ES5 的写法 Math.max.apply(null, [14, 3, 77]) // ES6 的写法 Math.max(...[14, 3, 77]) // 等同于 Math.max(14, 3, 77);

2018-01-06 10:15:37 147

qingzhizhenhun的博客