摘要： 正常的业务需求中，我们需要封装一些常用的组件。现在有一个最简单的需求，封装一个有特定样式的input框，够简单吧？ 好，我们来这样封装： 字符串模板文件命名为 CInput.vue： ok，我们在父组件中引用此组件，父组件的data函数长这样：da... 阅读全文

摘要： content实际上我们大部分情况已经用过了，今天阅读《css权威指南》发现有很多之前不知道的点，现加以记录。 content只适用于:before 和:after这两个伪元素。MDN 上面关于content的语法解释如下：Formal syntax: no... 阅读全文

摘要： 已经是生产环境了 但是还是有这个警告这样解决： Vue.config.productionTip = false在这里发现的解决方案： https://github.com/vuejs/vue/pull/4907#issuecomment-28421749... 阅读全文

摘要： Webpack2 起步最初翻译于2017年1月初，后来觉得翻译的不好就删掉了...现在恢复~ 说不定对别人有帮助What is webpack简而言之，webpack是一个JavaScript模块打包工具。但是它可以用来托管并且管理你所有的前端代码（至少它被开发出来的... 阅读全文

摘要： background-position 的取值 有几种情况（在此之前请先去阅读关于background-origin的信息）关键字： center top right bottom left（可以用百分比转换)长度值： 这个长度值解释为 从内边距区左上角的... 阅读全文

摘要： 注：文章来源：《css权威指南》 第三章。 部分未予记录css选择器可以用多种方式去选择元素，实际上一个元素可以由使用两个或者多个规则来匹配，每个规则都有各自的选择器。请看例子CSS: h1 {color: red;} body h1 {c... 阅读全文

摘要： 现在我们使用React、Vue、Angular 通常在处理列表的时候会与JS中的Array打交道，下面总结了一下对列表操作的常用操作，增删查改。假设我们有一个需求，在这里我们有一个前提，特定位置的index[起点是0开始计算的] example: var ... 阅读全文

摘要： 最初的异步流程控制，是通过回调来实现，但是存在回调太多层就会让人崩溃后来出现了，异步解决方案 async 可以应用到NodeJS 和 browser里面。后来ES6 将 promise 引入标准, 它是用于异步计算，按照MDN的解释，一个异步对象就是一个值... 阅读全文

摘要： 现在我们有一个需求，就是三角提示框 像这样： 注意这个三角导航，我们需要达到这样的效果。第一种办法：现在有两种方案，第一种需要用到css3的transform。这种方式我感觉最简单，用伪元素实现，但是记得要给wrapper元素增加position 为relative ... 阅读全文

摘要： 作为博主简单记录： 深入学习请查看文末参考资料前面有提到过过渡效果css transition,实际上过渡效果也可以算作一种动画,这是这种动画是单次的不重复的，而且过渡中我们可能需要其他精细操作办不到，这个时候我们需要用到animation了。 举个简单的例... 阅读全文