- 博客(16)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 addEventListener()和attachEvent()的异同
addEventListener()和attachEvent()的异同1、两者都表示添加事件监听，其中addEventListener()IE9及以上主流浏览器，attachEvent()支持IE9以下浏览器；2、addEventListener(“click”,function(){…},false)有三个参数，而attachEvent(“onclick”,function(){…})只有两...
2019-01-22 15:15:24
248
原创 js设计模式——策略模式
定义：定义一系列算法，把他们各自封装成策略类，然后把不变的部分和变化的部分分离开来，其中包括策略类和环境类(Context)。使用场景：缓动动画、表单验证等//策略类var strategies = { 'S': function(salary){ return salary * 4; }, 'A': function(salary){ ...
2018-12-11 19:04:48
429
原创 js设计模式——单例模式
定义：一个类仅有一个实例，并提供一个访问它的全局访问点。使用场景：如登录弹框（每个页面只需要创建一次弹框，同页面其他地方调用只需要显示即可）、图片上传的loading效果等等通用惰性单例：指在需要的时候才创建对象实例，并且单例逻辑和创建对象分开//单例逻辑var getSingle = function(fn){ var result; return function...
2018-12-07 17:56:38
145
原创 javascript基本知识
1、多态多态：指同一操作操作在不同对象上，可以产生不用的解释和不同的执行结果。例：var makeSound = function (animal){ if( animal instanceof Duck ){ consloe.log('嘎嘎嘎') }else if( animal instanceof Chilken ){ consloe....
2018-12-06 19:10:46
162
原创 vue项目联调上线笔记
1、部分浏览器不支持promise而导致页面白屏解决①安装babel-polyfillnpm install --save-dev babel-polyfill②引用babel-polyfill//main.js中import 'babel-polyfill'2、打包上线到后端服务器目录并非服务器更目录的办法解决需要在config文件中找到build: { assets...
2018-11-14 17:36:57
289
原创 vue项目细节优化笔记
1、vue-awesome-swiper轮播图片在3G网络加载时，下面内容出现页面抖动解决办法：外层div添加class为wrapper.wrapper{ width: 100%; height: 0; overflow: hidden; padding-bottom: 32.5%;//其中32.5%为图片的宽高比}//或者方案2（部分浏览器不兼容）....
2018-11-13 18:03:16
283
原创 vuex的使用笔记
1、安装//安装vuexnpm install vuex --save在src目录下创建store文件夹，并创建index.js数据仓库index.jsimport Vue form 'vue'import Vuex form 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { cit...
2018-11-12 20:02:10
149
原创 vue项目搭建笔记
1、环境安装windows环境:node(插件安装)+git(代码提交)+码云(线上代码管理)等等2、vue创建单页面项目基于Vue cli搭建的vue项目(新版Vue Cli3)npm install -g @vue/cli//创建一个项目vue create myPorject//可以用图形化界面创建和管理项目vue ui//vue插件安装vue add安装和调用vue...
2018-11-08 09:39:38
580
原创 Vue动画笔记
1、动画的标签其中name为动画的名称，可用css定义动画效果如：.fade-enter, .fade-leave-to{ opacity: 0;}.fade-enter-active,.fade-leave-active{ transition:opacity 3s }其中tye特性有两种值animation和transition，当同时使用animation和transition两种...
2018-11-06 11:41:20
169
2原创 网站性能优化之雪碧图制作
雪碧图制作及使用制作目的：由于网站上有需要小的icon且每次加载的时候都会有许多类似的请求，影响了网站的性能。所以将小图标合并成一张雪碧图，从而减少图片的请求数，优化网站性能。制作方法：1、刀耕火种法 利用photoshop把一张张小图合成一张雪碧图（工作效率太低不建议使用）；2、机械生产法： 利用在线生成工具生成雪碧图： 工具地址：http://csssprites.com/；http://
2018-01-16 15:56:10
608
原创 性能优化之加载
性能优化之加载一、预加载原理：预加载即提前加载，就是为了让需要加载的内容在触发加载之前加载好，触发加载时只是简单的展示，这样会使用户操作起来更加流畅。但缺点是增加了首次请求的请求数；使用场景：如菜单背景图切换时提前加载背景图，减少切换时出现短暂空白现象；使用方法：预加载的几种实现方式二、按需加载原理：按需加载指当用户触发某个动作（如点击、滚动、鼠标滑过等事件）时才去请求资源，从而减少不必要的http
2018-01-08 16:44:42
292
原创 基于jQuery的瀑布流效果
基于jQuery的瀑布流效果设计思想：利用元素的绝对定位来实现瀑布流效果。其中页面滚动到底部可以按需求加载更多，可以自定义每列的宽度，且可以通过改变页面的宽度来重置列数，且列数切换时通过动画过渡。实现代码： 1.css*{margin:0; padding:0;}body{background-color:#efefef;}ul,li{list-style: none;}.conta
2018-01-06 17:49:47
411
原创 vue爬坑——vee-validate的使用
vue爬坑——vee-validate的使用1、npm安装vee-validatenpm install vee-validate --save安装时要注意安装的版本，不同的版本使用的方式不一样，这里我安装的是”^2.0.0-rc.26”。 具体版本的使用见官网：vee-validate官网2、main.js里引用vee-validate插件import Vue from 'vue'import
2017-12-13 16:44:53
11752
原创 vue爬坑——入门坑
vue爬坑——入门坑问题1：父子页面路由模块之间的调用（非数据交互）解1：首先要了解路由的层级，其中index.html为顶级路由，App.vue为二级路由。其次需要知道路由的重定向redirect。最后需要注意的是父子路由需要调用时，父路由必须要有<router-view></router-view>问题2：数据请求时跨域解决 用Vue-cli创建的项目，开发地址是localhost:3010，
2017-11-28 12:37:46
711
原创 微信小程序返回上级页面时单个数据交互
微信小程序返回上级页面时单个数据交互实现原理：目标页面利用小程序的页面栈查找上级页面的page对象，并在不刷新页面的情况下修改上级页面的data单条或多条数据。实现代码：const wxCurrPage = getCurrentPages();//获取当前页面的页面栈const wxPrevPage = wxCurrPage[wxCurrPage.length - 2];//获取上级页面的page
2017-11-18 14:19:12
5640
空空如也
vue-cli创建项目引入iconfont报错
2017-11-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人