爬坑专项
李嘉杰
在职,努力学习
展开
-
阻止事件冒泡的问题
今天遇到了一个div的重叠点击的问题类似于这样 如果想在click2点击的时候不触发click1 那么就必须阻止其事件的冒泡注:具体会在以后用高三进行补充原生是使用addEventListener监听的(event)参数的stopPropagation方法在vue中则使用$event 或者 直接使用 @click.stop 直接阻止原创 2018-02-02 16:06:02 · 160 阅读 · 0 评论 -
docker 连接宿主Mysql
今天公司项目要配置docker,顺利在windows上装完了之后,发现连接不上本地的mysql,一直报权限问题或者地址错误的问题最后发现1:地址按照下面这个ipv4来2:要在宿主Mysql将localhost权限打开,命令如下mysql -u root -pvmwaremysql>use mysql;mysql>update user set host = ...原创 2018-10-23 16:40:48 · 8569 阅读 · 1 评论 -
vue $set的使用
记一次坑今天公司遇到这么一个需求:一个表单,嵌套三层数组,分为章、节、段,(然后发现ele-table也不好使了)当我在获取后端数据之后,动态给 “段”这个数组里面的某个对象新增属性或者改变属性的时候,绑定在视图上的值是不能双向绑定的。所以一开始的设想觉着可能是类似于深拷贝的那种,vue不能实现深层属性监听,然后就在一直找原因。后来才发现,api漏看了一个比较重要的方法 $set...原创 2018-10-16 17:48:40 · 1683 阅读 · 0 评论 -
sftp的使用
最近公司有个前后端没分离的项目,所以不能在本地调试,只能替换线上测试环境的版本,测试线上的效果。这个时候想到的就是,怎么用本地文件即使替换线上文件。之前在sublime上用过类似的ftp插件,这次试用的是vscode的sftp 简单介绍:安装了之后,调出命令作配置文件,会在开发根目录自动生成sftp.json的配置文件目前我用到的就是如下的一些参数。{"protocol...原创 2018-09-28 14:09:14 · 2175 阅读 · 0 评论 -
input color 类型使用记录
公司提了做一个调色板更换背景的需求,然后就找到了input 将type设置为color就可以正常调出颜色选择器了但是需要注意的是onchange事件,网上很多教程和博主都写的是直接绑定事件document.qs('#onchange').onchange(()=>{alert(this.value)})然后这样是拿不到的,要在中间加一次点击事件才可以documen...原创 2018-10-11 14:35:53 · 1503 阅读 · 0 评论 -
vue-cli3.0的使用踩坑记录
又有一段时间没写过博客了。上家公司做了一个多月,没学到什么东西。跳槽了之后,因为自研项目原本是做的多页vue项目,每次都要单独引进,所以从锻炼经验以及完成任务的角度开始了重构。之前用的是vue-cli2.x的版本,现在使用vue-cli3.0进行搭建。项目结构安装什么的都不想说,只记录有问题的部分。1.vue.config.js3.0没有了相关的config.js,所以需要自己...原创 2018-09-12 14:04:24 · 8477 阅读 · 2 评论 -
git 权限的问题
这两天遇到git push推不上去的问题然后查了一下,这里记录一下。git remote rm origingit remote add origin git@github.com:yourname/projectname.git这里就相当于重置一下地址。然后是秘钥ssh-keys的问题,因为我没设置。所以,ssh-keyen -t rsa -C "youremail"这样就设置出来了,在C盘 基...原创 2018-03-04 16:21:14 · 3106 阅读 · 0 评论 -
关于深拷贝和浅拷贝
不好意思的是,这个问题是我在看面试题的时候看到的,并不是在开发过程中专门去看的,我觉得我遇到过但是当时肯定就找别的处理方式盖过去了。在这里记下来是为了以后要记住这个问题当拷贝一个对象的时候,如果浅拷贝的话,简单类型会开辟新地址,而复杂类型的话会直接指向原地址。 如果深拷贝的话,那么都会开辟新地址。但是深拷贝因为一般是递归,性能会有...原创 2018-02-08 11:12:56 · 135 阅读 · 0 评论 -
target currentTarget 的区别
关于事件冒泡遇到了 event这里就不上代码简单的记一下,很好理解target直接就是哪个元素被点击了就是哪个currentTarget就是给哪个元素绑定的事件,指向的就是哪个 等于当前作用域下的thise.target 指向触发事件监听的对象。e.currentTarget 指向添加监听事件的对象。这块主要用在事件冒泡上...原创 2018-02-08 11:04:01 · 389 阅读 · 0 评论 -
BFC的理解
今天看面试题的时候遇到了这个问题,原来一直知道有这个东西,但是实际没自己看过。首先我关心到的问题是边距塌陷当两个DIV在同一个BFC块内的时候,如果设置两个元素的margin 或者padding都为100那么原本两个元素的边距应该是200,实际却是100,这是一种规范不是BUG同时还有这个遮盖问题当父元素DIV内的子元素设置为浮动,子元素会覆盖在父元素上,如果想不覆盖,可以原创 2018-02-07 20:49:44 · 194 阅读 · 0 评论 -
关于onbeforeunload这个方法
想做一个关闭或者刷新浏览器提交vuex里面内容的一个功能然后查了一下页面关闭或者刷新监听的事件页面加载onload页面刷新页面关闭 unload()页面刷新或者关闭之前 onbeforeunloadwindow.onbeforeunload=function(){ console.log('ssssssssssssssssssssssssss原创 2018-02-03 19:41:01 · 1630 阅读 · 0 评论 -
ES6 find 和 filter 的区别
遇到个功能是要分类就想说在前端过滤,不要从查数据库的时候过滤了。然后就想说除了filter还有啥好用的发现有个find,测试一番之后发现const list = [{'name':'1',index:1},{'name':'2'},{'name':'1'}]let list2 = list.find(i=>i.name==='1') let list3 = list.filter(原创 2018-02-03 17:08:12 · 30390 阅读 · 4 评论 -
ES6中 map遇到的问题
今天在做一个时间处理的时候用到了foreach ,然后就想说能不能用map来遍历 然后发现了这么个东西很多介绍map的教程是这么说的const integers = [1, 2, 3, 4, 6, 7];const twoXIntegers = integers.map(i => i*2);// twoXIntegers are now [2, 4, 6, 8, 12, 14]/原创 2018-02-02 21:32:23 · 1836 阅读 · 0 评论 -
iframe踩坑
公司需求做一个左右分栏的页面,因为项目比较大,所以左侧页面需要用iframe链接另外一个服务器的地址,因而本次记录一下使用过程中的问题1.跨域 两个项目是挂在两个服务器上的,所以父子组件不能用dom直接拿, 所以使用以下的两个方法 子iframe:function receiveMessage(event) {event.source.postMessage("成功获取直...原创 2018-11-07 17:39:25 · 1017 阅读 · 0 评论