boy599237255的博客

基于jQuery的瀑布流效果设计思想：利用元素的绝对定位来实现瀑布流效果。其中页面滚动到底部可以按需求加载更多，可以自定义每列的宽度，且可以通过改变页面的宽度来重置列数，且列数切换时通过动画过渡。实现代码： 1.css*{margin:0; padding:0;} body{background-color:#efefef;} ul,li{list-style: none;} .conta

性能优化之加载一、预加载原理：预加载即提前加载，就是为了让需要加载的内容在触发加载之前加载好，触发加载时只是简单的展示，这样会使用户操作起来更加流畅。但缺点是增加了首次请求的请求数；使用场景：如菜单背景图切换时提前加载背景图，减少切换时出现短暂空白现象；使用方法：预加载的几种实现方式二、按需加载原理：按需加载指当用户触发某个动作（如点击、滚动、鼠标滑过等事件）时才去请求资源，从而减少不必要的http

1、vue-awesome-swiper轮播图片在3G网络加载时，下面内容出现页面抖动 解决办法： 外层div添加class为wrapper .wrapper{ width: 100%; height: 0; overflow: hidden; padding-bottom: 32.5%;//其中32.5%为图片的宽高比 } //或者方案2（部分浏览器不兼容） ....

1、安装 //安装vuex npm install vuex --save 在src目录下创建store文件夹，并创建index.js数据仓库 index.js import Vue form 'vue' import Vuex form 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { cit...

1、部分浏览器不支持promise而导致页面白屏解决 ①安装babel-polyfill npm install --save-dev babel-polyfill ②引用babel-polyfill //main.js中 import 'babel-polyfill' 2、打包上线到后端服务器目录并非服务器更目录的办法解决 需要在config文件中找到 build: { assets...

定义： 一个类仅有一个实例，并提供一个访问它的全局访问点。 使用场景： 如登录弹框（每个页面只需要创建一次弹框，同页面其他地方调用只需要显示即可）、图片上传的loading效果等等 通用惰性单例： 指在需要的时候才创建对象实例，并且单例逻辑和创建对象分开 //单例逻辑 var getSingle = function(fn){ var result; return function...

1、多态 多态： 指同一操作操作在不同对象上，可以产生不用的解释和不同的执行结果。 例： var makeSound = function (animal){ if( animal instanceof Duck ){ consloe.log('嘎嘎嘎') }else if( animal instanceof Chilken ){ consloe....

定义： 定义一系列算法，把他们各自封装成策略类，然后把不变的部分和变化的部分分离开来，其中包括策略类和环境类(Context)。 使用场景： 缓动动画、表单验证等 //策略类 var strategies = { 'S': function(salary){ return salary * 4; }, 'A': function(salary){ ...

addEventListener()和attachEvent()的异同 1、两者都表示添加事件监听，其中addEventListener()IE9及以上主流浏览器，attachEvent()支持IE9以下浏览器； 2、addEventListener(“click”,function(){…},false)有三个参数，而attachEvent(“onclick”,function(){…})只有两...