随笔-109  评论-0  文章-0 
  2017年10月19日
摘要: 居谁的中呢,相对于谁绝对定位,就是居谁的中了。 若是水平居中的话,将该绝对定位的元素添加这个样式: demo: 垂直居中,同理。。 注意: 如果 这个元素没有设置宽度,或者设置为auto;那么它的宽度会变成100%阅读全文
posted @ 2017-10-19 22:02 狂奔的冬瓜 阅读(3) 评论(0) 编辑
  2017年8月30日
摘要: 为啥题目这样写,因为之前绑定滚动调试事件我是这样写的:element.addEventListener('scroll', function() { // do something})想过要优化这个,因为滚动事件,会触发很多次,里面的逻辑过于复杂,那么会很占用浏...阅读全文
posted @ 2017-08-30 15:25 狂奔的冬瓜 阅读(4) 评论(0) 编辑
  2017年8月21日
摘要: 之前写过一篇简单的通过prototype构建对象prototype构建对象,前几天从新看了一下书,记录一下prototype的细节我们可以通过字面量形式创建对象,也可以通过构造函数来创建(就是new 关键字+ 函数名称)。 一个普通的函数可以通过new 变的特殊。 ...阅读全文
posted @ 2017-08-21 14:59 狂奔的冬瓜 阅读(2) 评论(0) 编辑
  2017年7月20日
摘要: 正常的业务需求中,我们需要封装一些常用的组件。现在有一个最简单的需求,封装一个有特定样式的input框,够简单吧? 好,我们来这样封装: 字符串模板文件命名为 CInput.vue: ok,我们在父组件中引用此组件,父组件的data函数长这样:data ()...阅读全文
posted @ 2017-07-20 10:19 狂奔的冬瓜 阅读(5) 评论(0) 编辑
  2017年5月3日
摘要: content实际上我们大部分情况已经用过了,今天阅读《css权威指南》发现有很多之前不知道的点,现加以记录。 content只适用于:before 和:after这两个伪元素。MDN 上面关于content的语法解释如下:Formal syntax: normal ...阅读全文
posted @ 2017-05-03 00:32 狂奔的冬瓜 阅读(2) 评论(0) 编辑
  2017年5月2日
摘要: 已经是生产环境了 但是还是有这个警告这样解决: Vue.config.productionTip = false在这里发现的解决方案: https://github.com/vuejs/vue/pull/4907#issuecomment-284217492 ...阅读全文
posted @ 2017-05-02 09:51 狂奔的冬瓜 阅读(2) 评论(0) 编辑
  2017年4月5日
摘要: Webpack2 起步最初翻译于2017年1月初,后来觉得翻译的不好就删掉了...现在恢复~ 说不定对别人有帮助What is webpack简而言之,webpack是一个JavaScript模块打包工具。但是它可以用来托管并且管理你所有的前端代码(至少它被开发出来的...阅读全文
posted @ 2017-04-05 23:23 狂奔的冬瓜 阅读(1) 评论(0) 编辑
  2017年4月3日
摘要: background-position 的取值 有几种情况(在此之前请先去阅读关于background-origin的信息)关键字: center top right bottom left(可以用百分比转换)长度值: 这个长度值解释为 从内边距区左上角的偏移。便宜...阅读全文
posted @ 2017-04-03 18:02 狂奔的冬瓜 阅读(1) 评论(0) 编辑
  2017年3月5日
摘要: 注:文章来源:《css权威指南》 第三章。 部分未予记录css选择器可以用多种方式去选择元素,实际上一个元素可以由使用两个或者多个规则来匹配,每个规则都有各自的选择器。请看例子CSS: h1 {color: red;} body h1 {c...阅读全文
posted @ 2017-03-05 10:06 狂奔的冬瓜 阅读(1) 评论(0) 编辑
  2017年2月14日
摘要: 现在我们使用React、Vue、Angular 通常在处理列表的时候会与JS中的Array打交道,下面总结了一下对列表操作的常用操作,增删查改。假设我们有一个需求,在这里我们有一个前提,特定位置的index[起点是0开始计算的] example: var arr =...阅读全文
posted @ 2017-02-14 00:00 狂奔的冬瓜 阅读(0) 评论(0) 编辑