- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue+vuex+vur-router+ElementUI+axios +springboot打造响应式博客项目
github地址：https://github.com/ZengHaiTao1/zhts-blog
2020-04-27 13:40:23
220
原创 js中的防抖（debounce）与节流（throttle）函数以及源码解析和常用应用场景
1.节流函数听名字我们也大概知晓什么意思，意思是创建并返回一个像节流阀一样的函数，当重复调用函数的时候，最多每隔 wait毫秒调用一次该函数听了上面的解析，这里就有一个问题，规定时间内执行，到底是++最开始就执行一次++，间隔wait秒在执行，还是说++wait秒中之后执行++，再wait秒中之后执行，网上看了很多博客，都没有提到这一点，其实这两种应用的是不一样的场景，下面会说到。1.1...
2020-01-15 16:04:28
527
原创 前端开发者都应该掌握的布局-双飞翼布局，圣杯布局
圣杯布局和双飞翼布局达到的效果基本相同，都是侧边两栏宽度固定，中间栏宽度自适应。 主要的不同之处就是在解决中间部分被挡住的问题时，采取的解决办法不一样，圣杯布局是在父元素上设置了padding-left和padding-right，在给左右两边的内容设置position为relative，通过左移和右移来使得左右两边的内容得以很好的展现，而双飞翼则是在center这个div中再加了一个div来放...
2020-01-14 14:43:50
224
原创 HEXO网站SEO优化总结（持续更新）
个人博客：欢迎访问robots配置在你网站的根目录下新建文本文件，robots.txt编写以下内容 robots.txt generated at http://tool.chinaz.com/robots/ User-agent: *Allow: /Allow: /home/Allow: /posts/Allow: /archives/Allow: /tags/Allow:...
2019-12-03 15:04:11
488
原创 页面布局顶部fixed定位如何不影响下部元素
今天进行页面开发的时候遇到一个小问题，当顶部使用fixed定位后，会脱离文档流，从而使底部元素跑到页面顶部去，解决方法：在顶部需要fixed定位的元素外面加一层div，并设置高度，问题解决。...
2019-11-30 11:47:54
3191
1
原创 响应式布局之媒体查询
CSS 语法@mediamediatypeand|not|only(media feature){ CSS-Code;}你也可以针对不同的媒体使用不同stylesheets:<link rel="stylesheet" media="mediatypeand|not|only (media feature)" href="mystylesheet.cs...
2019-11-29 20:04:56
221
原创 VUE路由切换时回到顶部
今天使用vue开发的时候遇到这样一个问题，当页面使用动态路由时，都参数变了，页面停在当前位置，很不利于用户的体验开始尝试过用push的方法跳转路由，同时将滚动条位置设置为0，如下 this.$router.push({ name: "category", params: { id: val } }); // document.body.scrollTop = 0;...
2019-11-29 15:01:59
766
转载 前后端分离部署(基于vue)
一、环境准备(1) 服务器环境window server 2008操作系统 + 2.4GH+ 4G内存的服务器。(2) 软件安装需要安装jdk1.8版本、apache-tomcat 8.0以上、nginx-1.13.12,具体安装过程和环境搭建自己百度。（3）nginx的代理配置进入nginx的目录下cong/nginx.conf文件中,添加如下代理:二、前后端打包...
2019-11-28 22:36:42
579
原创 vue-cli3本地跨域配置
打开vue.config.js，添加以下代码 devServer: { host: "localhost", port: 8080, // 端口号 https: false, // https:{type:Boolean} open: true, //配置自动启动浏览器 // proxy: 'http://loc...
2019-11-28 15:47:32
611
原创 axios的使用
1.导入npm包npm i axios2.打开main.js//导入axiosimport axios from 'axios';//axios.defaults.headers.common['token'] = '123456';Vue.prototype.axios = axios3.使用this.axios({ method: '...
2019-11-28 12:47:56
121
原创 vue组件传值，子传父，父传子
1.子传父首先创建子组件，在其中定义一个input框，定义其数值改变事件如下 <input type="text" v-model="value" @input="Sendout()" />定义变量和方法data() { return { value: "" }; }, methods: { ...
2019-11-28 11:17:30
151
原创 Vuex分模块开发
首先在src目录下新建文件夹store在store文件夹下 新建一个model文件夹用来管理vuex模块文件，新建一个index.js用来合并模块，一起导出结构如下打开lable.js，编写模块代码，代码格式如下const state= {}const getters={}const mutations={}const actions={}const model...
2019-11-27 22:30:04
326
转载 关于多个router-view视图组件，渲染同一页面
原文链接https://blog.csdn.net/qq_35393869/article/details/80267063
2019-11-27 17:32:20
487
转载 Vue路由中绑定参数获取
vue路由设置路由参数有2种方式：1.通过query配置：<router-link :to="{ name:'login',query:{id:1} }">登录</router-link>通过query配置的路径显示如下：2.通过params配置：<router-link :to="{ name:'register',params:{'na...
2019-11-27 15:33:30
707
原创 Vue-cli3打包出现空白解决方案
全局安装http-serverD:\项目\zhtblog\dist>npm install http-server -g进入dist文件夹，打开cmd，输入http-server,打开对应网址，问题解决
2019-11-27 14:42:13
1391
原创 关于vue-cli3脚手架中静态资源引入问题
1.在入口html文件中使用把静态资源放在public下，此目录下资源都是不经过编译处理的，不要放置有es6的js文件常规导入 <script src="js/iconfont.js" type="text/javascript"></script>目录结构发现控制台报以下错误此时我们要在导入地址前面加上<%= BASE_URL %...
2019-11-27 14:35:32
3777
原创 JS对象的一些操作
with语句格式如下with (对象) { 语句;}// 例一var obj = { p1: 1, p2: 2,};with (obj) { p1 = 4; p2 = 5;}// 等同于obj.p1 = 4;obj.p2 = 5;// 例二with (document.links[0]){ console.log(href); co...
2019-11-22 11:07:35
80
原创 JS数据类型总结
数值（number）：整数和小数（比如1和3.14） 字符串（string）：文本（比如Hello World）。 布尔值（boolean）：表示真伪的两个特殊值，即true（真）和false（假） undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值 null：表示空值，即此处的值为空。 对象（object）：各种值组成的集合。通常，数值、字符串、布...
2019-11-21 23:51:07
65
原创 JS基本语法总结
JavaScript 程序的执行单位为行（line）js语句以分号结尾变量提升 console.log(a);//undefined var a = 1;//此处的声明变量a被提升到了js代码的头部标识符第一个字符，可以是任意 Unicode 字母（包括英文字母和其他语言的字母），以及美元符号（$）和下划线（_）。 第二个字符及后面的字符，除了 Unicode 字母、美...
2019-11-21 23:32:04
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人