08 2018 档案

元素的content属性
摘要：content这个css属性被用于before和after这两个伪元素去产生放在元素内的内容。而所有元素都可以用content这个属性的url()值和其他的图片值用于替换元素本身的内容。用content属性被插入的对象是匿名的替换对象。 content有如下几种值： 1、content: norma 阅读全文
posted @ 2018-08-29 15:33 coconutGirl 阅读(1301) 评论(0) 推荐(0)
vue兄弟组件通信
摘要：所有需要通信的组件共用一个事件对象。new Vue()，新new一个vue对象，然后所有组件都访问这个对象，通过这个对象$emit事件，也通过这个对象$on监听事件。 实现一：直接在单文件里面实例化根Vue的时候，在data里return一个属性，值为new Vue()，例如bus: new Vue 阅读全文
posted @ 2018-08-09 11:40 coconutGirl 阅读(230) 评论(0) 推荐(0)
判断文档中某个元素是否获取了焦点
摘要：document.hasFocus()返回一个Boolean值，只能用来判断文档中的活动元素是否获得了焦点。但是无法知道是哪个元素获取了焦点。 document.activeElement属性返回当前页面中获得焦点的元素。 很多时候，该属性会返回一个<input>或者<textarea>元素，与此同 阅读全文
posted @ 2018-08-09 09:50 coconutGirl 阅读(1749) 评论(0) 推荐(0)
安装weback后,运行webpack -v报错：‘webpack’不是内部或者外部命令
摘要：最近，后端同事安装webpack后，发现命令跑不起来。 原因：这位同事安装Webpack的时候设置了全局存放路径和缓存路径为D盘，不在C盘的默认目录下。 我想可能是因为这时系统接收到Webpack命令后会去C盘找Webpack的文件解析命令，但是C盘里面没有文件，又没有告诉系统说把webpack安装 阅读全文
posted @ 2018-08-09 09:35 coconutGirl 阅读(1372) 评论(0) 推荐(0)
实现表格tbody内滚动
摘要：在一开始实现tbody内滚动时，最先想到的是利用两个表格拼起来。最近，有接触到一个只用一个表格的简单实现，记录一下。 thead设为display:table; tbody设为display: block;overflow-y: scroll; 阅读全文
posted @ 2018-08-09 09:28 coconutGirl 阅读(2467) 评论(0) 推荐(0)
看文档
摘要：发现无论要用到什么，看文档永远是上手最快的方式。跟着tutorial走一遍。具体API慢慢看。而且下下来了的依赖模块在node_modules里面都会有xxx.md文件，也有guide。github上面一般也会有对应的文档。非常适合不能上外网的环境下用。 阅读全文
posted @ 2018-08-09 09:24 coconutGirl 阅读(122) 评论(0) 推荐(0)
react-router中hashHistory等history无法引用
摘要：react-router4中不支持直接从react-router中引用hashHistory等history对象。 解决： 1、降级 npm install react-router@3 --save 2、查阅react-router4的文档 npm install react-router-dom 阅读全文
posted @ 2018-08-09 09:20 coconutGirl 阅读(3925) 评论(0) 推荐(0)
mouseout和mouseleave的区别
摘要：mouseleave事件是各元素各自触发，不是由子元素冒泡而来，而mouseout是由子元素冒泡而来。也就是： mouseleave是当鼠标指针离开了目标元素以及目标元素的所有子元素以后才会触发。如下例就是如果第二个div的高度比第三个有文本内容的div高，离开文本后鼠标还在第二个div范围内，只会 阅读全文
posted @ 2018-08-07 10:04 coconutGirl 阅读(5931) 评论(0) 推荐(1)
JS实现拖拽
摘要：简单的实现随意拖拽一个元素移动。最开始想到的是H5的拖放API，只拖不放，非常好用。然鹅，拖放就会有元素的影子跟着鼠标移动，所以 最后改成了用JS实现元素的拖拽。 第一步：监听目标元素的mousedown事件 第二步：在mousedown的处理事件内注册整个文档的mousemove事件和mouseu 阅读全文
posted @ 2018-08-06 17:33 coconutGirl 阅读(282) 评论(0) 推荐(0)