- 博客(18)
- 收藏
- 关注
RSS订阅原创 webpack代理的理解
平时开发项目的时候调用接口肯定会遇到跨域的问题，通常是用webpack配置项解决跨域的问题。方式1：vue项目中配置config/index.js 中的proxyTableproxyTbale: { '/api': { target: 'https://www.baidu.com' changeOrigin: true pathRe...
2018-12-29 11:41:34
1763
原创 vue开发中的跨域处理
前端开发中的跨域处理方式有很多，jsonp、服务端配置、nginx代理等等。本文中这些都不涉及，这里主要记录下载vue开发中遇到的跨域问题，以及在使用webpack代理处理跨域遇到的一些问题。vue开发中遇到跨域问题，最简单的解决方式就是使用webpack代理（proxyTable）将接口代理到本地。项目的原始配置如下（文件目录 config/index.js）:'use stric...
2018-12-05 11:59:41
358
原创 关于vue组件通信的一些总结
这次在做项目的时候又遇到了组件通信的问题，还是自己不太理解这其中的奥秘，平时用的也比较少。所以在开发中才会多次遇到问题，这次做个总结吧，希望对以后会有帮助！需求是这样：一个tab切换的组件，需要在一个页面中调用两次，当改变其中一个的状态的时候另外一个也要跟着改变。组件中的列表是通过父组件传递过来的。最开始我的做法是这样：step1：通过props获取父组件的值将tab列表渲...
2018-10-19 10:44:48
198
原创 typeof、instanceof、constructor的区别
三者都是用来判断对象的数据类型的1.typeof返回的是一个字符串，表示对象的数据类型，全部以小写表示上面可以看出null、数组、Date、对象返回的都是object，这样就没法正确的判断对象所属的类型，比如我想判断判断这个对象是不是一个数组这样的话使用typeof就没法判断，而且在这里null的数据类型本也不属于object。typeof对于判断基本的数据类型很有用。数据类型：...
2018-08-31 17:44:53
816
原创 理解git存储原理
git是一个文件寻址系统，什么是文件寻址？其实我也不是很理解，哈哈哈.....Git 的底层存储从本质上讲是基于本地文件系统实现的 Key-Value 数据库. 这里的 Value 是 git 里的三种不同的对象的内容, 而 Key 则是对象内容的 hash 值git对象有tag、blob、commit、tree，在这里我们只需要关注后三个对象。其中blob是最基本的存储单元。git在...
2018-08-23 22:40:12
1507
原创 Vue风格指南
闲来无事看了下Vue风格指南，才发现自己以前有好多写法或者用法上的错误，在这里记录下平时没有注意到或者不知道的一些东西，本文全部摘自Vue官方文档1.组件名应为多个单词，防止与HTML发生冲突Vue.component('todo-item', {})2.组件中的data必须是一个函数，防止在组件复用的时候数据变动产生关联export default { data ...
2018-08-22 11:18:29
266
原创 对象数组、对象的深拷贝
关于深拷贝、浅拷贝的的简单理解可以参见本人的这篇博客https://blog.csdn.net/sinat_37680470/article/details/81110025 开发过程中遇到了数组和对象拷贝的坑，所以在这里记录一下，以便日后查看！ let objArr = [ { name: '小明', ...
2018-07-19 10:45:34
246
原创 深拷贝、浅拷贝
深拷贝、浅拷贝：针对的是复杂的数据类型（obj、array），引用数据类型保存在堆内存中，堆内存中的数据不能直接访问，要通过引用访问。1.浅拷贝拷贝的是引用，引用都是指向堆内存中的实例（对象），所以修改任意一个对象的属性值都会触发另外一个的改变 2.深拷贝是在堆引用中重新分配内存，对原对象和引用都进行拷贝，两个对象完全独立互不干扰注：本例中的图片是借鉴某篇大神的博客...
2018-07-19 10:11:48
155
原创 axios封装post get
import axios from 'axios'import qs from 'qs'axios.defaults.baseURL = 'http://www.baidu.com/api' // 路径axios.defaults.withCredentials = true //设置跨域export default { post(url, data) { return n...
2018-05-17 13:41:04
1786
原创 vue头像上传裁剪插件
项目中经常会遇到头像裁剪上传的问题，github上找了很多相关插件，自己觉得下面这两个插件很不错1.vue-image-crop-upload目前有一个不太友好的地方就是不能直接触发文件选择，必须要通过组件内的元素点击触发2.vue-avatar-cropper用这个插件遇到一个问题就是，文件上传后的filename="unknown"...
2018-05-10 17:48:31
6009
1
原创 Vue2中全局过滤器的注册与使用
1.新建filter.js文件，将所有的全局过滤器放在里面// filter.jsconst filter = { sliceTxt: (txt, length) => { if (length > 120) { let newTxt = txt.slice(0, 120) return newTxt } else { retu...
2018-04-26 13:10:54
1558
原创 Vue兄弟组件、父子组件通信、事件调用
1.兄弟组件通信：创建新的vue实例bus.js//bus.jsimport Vue from 'vue'export default new Vue组件A：import Bus from 'bus.js'Bus.$emit('name', something) //name按照我自己的理解就是一个连接的作用 连接着$on 两者要保持一致（如果理解有误一定请指正）something就是你要传递...
2018-04-20 14:50:09
3358
原创 前端面试总结
css部分：1.盒模型：由内向外 content->padding->border->margin盒模型有两种：标准模型(box-sizing:content-box;) ie模型(box-sizing:border-box;)标准模式下盒模型的宽高只是内容（content）ie模式下盒模型的宽高由content padding border组成2.html5...
2018-04-19 17:33:41
134
原创 cmd查看端口被占用、关闭进程
1.查看进程占用的端口开始-->运行-->cmd (win+r)：输入netstat -ano 查看所有进程2.按照pid关闭进程单个时写法：taskkill /pid 2837多个时写法：taskkill /pid 291 /pid 287373.按照进程名关闭进程单个时写法：taskkill /im notepad.exe多个时写法：taskkill /im notepad.exe...
2018-04-14 13:14:25
187
原创 Vue项目全局引用sass变量文件报错的解决办法
通常情况咱们的sass变量会以单独的文件存放。我们在使用这些变量的时候如果在每个组件中import引用的显得特别麻烦，而且感觉很蠢QAQ，但是全局引用的时候又会报错。这时就需要用到sass-resources-loader插件并进行相应的配置就可以解决问题，具体配置如下：1.安装插件 npm install sass-resources-loader -D2.修改build/utils.js代码：...
2018-04-13 15:37:45
13282
2
原创 vue项目中eslint 警告'functionName is defined but never used'
Vue项目中我们通常会在main.js中引用一些公用的文件，比如一些公用的样式文件：这样eslint会提示：reset/config is defind but never used。想要关闭这个提示需要在.eslintrc.js文件中修改配置："no-unused-vars": 'off' 去掉此项警告。...
2018-03-27 17:32:38
29891
4
原创 解决元素display:inline-block间隙问题
设置元素display：inline-block的时候，元素之间会有间隙，并且父级的高度不是右自己撑开的。一个很简单的解决方案就是给父级设置font-size：0；//html<div class="main"> <div></div> <div></div> <div></div>
2018-03-27 13:34:27
521
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人