摘要： 只说ie8+的浏览器的方法。 在转vue之前，一直使用jquery来获取元素的宽高，最近转vue，发现了一个问题。使用vue的时候，部分操作需要在mounted这个生命周期里面去做，官网对mounted的解释是： 如果不在vm.$nextTick里面做操作的时候，是很有可能获取不到组件内部元素的宽高 阅读全文

摘要： 使用gulp添加版本号 阅读全文

摘要： flex 翻译成中文是弹性。所谓弹性布局是指里面的内容能收缩和扩张，以适应整个容器的宽高。 flex是css display的属性的一个全新的值。它将使用此属性的元素变成了一个flex容器，容器的子元素变成了一个个的flex item。 参考文档：Basic concepts of flexbox（ 阅读全文

摘要： 冒泡排序算法的运作如下： 比较相邻的元素。如果第一个比第二个大（小），就交换他们两个。 对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大（小）的数。 针对所有的元素重复以上的步骤，除了最后一个。 持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字 阅读全文

摘要： 本文参考资料是：高级编程语言第三版（13章事件和22章自定义事件）。 本文涉及到： js事件是什么？高级程序13章第一句话说：js与html之间的交互是通过事件实现的。事件是浏览器或者用户自身执行的某种动作，例如我们最常用到的点击事件。 1：js事件 页面1-1 实例：测试上面所说的事件冒泡和事件捕 阅读全文

摘要： 记录一下左右布局的实现方式，实现的具体效果是，左侧固定宽度，高度适中等于父元素的高度，父元素的高度由右侧内容决定： html代码如下： 1.flex布局实现左右布局，css代码如下： 效果图： 优点：只依靠css实现布局要求，书写方便，很容易记住。 缺点：pc端兼容性不好，对于手机项目的开发，也需要 阅读全文

摘要： webpack是先进js应用的模块打包工具，它非常容易配置。在开始之前，需要掌握四个核心概念。 Entry（入口） webpack创建了一个程序应用依赖图表。这个图表的起点是entry。entry告诉webpack从哪开始以及遵循怎样的依赖去打包文件。 在webpack中，在配置文件中使用entry 阅读全文

摘要： 最近想写基于css3和jquery的翻书效果插件，了解到需要用到perspective以及transform中的rotateX等属性。所以，找了一些资料，本地做了一些测试，将学习过程和心得体会记录下来。 tranform：rotateX、rotateY、rotateZ与rotate的区别 rotat 阅读全文

摘要： 最近在学习vuejs，了解到内部实现使用到了es5的Getters和Setters。之前看高程的时候，没有重视这块，今天查看一下文档，了解了他们的作用，再次记录一下，可供以后查看和共享。 定义Getters和Setters：（一共有三种定义方法） 第一种方法：　使用对象字面量创建对象时，可以像下面定 阅读全文

摘要： 给客户演示项目时，老是会出现由于缓存，造成的最新的样式或者效果出不来的情况，还得需要手动清除缓存操作，一方面呢，会给客户留下不好的印象，而且也会多了清缓存这一过程，和同事商量过后，决定使用在css或者js后面添加版本号的方法来解决这一问题。 gulp等构建工具的出现，真的是大大的简化了前端人员的开发 阅读全文