摘要: PC 浏览器前端优化策略 PC 端优化的策略很多,如 YSlow(YSlow 是 Yahoo 发布的一款 Firefox 插件,现 Chrome 也可安装,可以对网站的页面性能进行分析,提出对该页面性能优化的建议)原则,或者 Chrome 自带的 Audits 等,总结起来主要包括网络加载类、页面渲 阅读全文
posted @ 2018-09-18 16:47 假装新手 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 用JavaScript获取伪元素(pseudo-element)属性 var color=window.getComputedStyle( document.querySelector('.element'),'bafora' ).getPropertyValue('color'); var con 阅读全文
posted @ 2018-09-18 16:44 假装新手 阅读(550) 评论(0) 推荐(0) 编辑
摘要: 1.前言 到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验, 阅读全文
posted @ 2018-09-18 15:43 假装新手 阅读(585) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-09-18 15:37 假装新手 阅读(128) 评论(0) 推荐(0) 编辑
摘要: XBack = {}; (function(XBack) { XBack.STATE = 'x - back'; XBack.element; XBack.onPopState = function(event) { event.state XBack.STATE && XBack.fire(); 阅读全文
posted @ 2018-09-18 15:27 假装新手 阅读(1165) 评论(0) 推荐(0) 编辑
摘要: // 计算年龄 获取时间 和本地时间对比function jsGetAge(strBirthday){ var returnAge; var strBirthdayArr=strBirthday.split("-"); var birthYear = strBirthdayArr[0]; var b 阅读全文
posted @ 2018-09-18 15:20 假装新手 阅读(334) 评论(0) 推荐(0) 编辑
摘要: ( function() {}() ); ( function() {} )(); [ function() {}() ]; ~ function() {}(); ! function() {}(); + function() {}(); - function() {}(); delete func 阅读全文
posted @ 2018-09-18 15:13 假装新手 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 一、预加载图像 如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。 function preloadImages(){ for(var i=0;i<arguments.length;i++){ $("<img>").attr('arc',arguments[i]) 阅读全文
posted @ 2018-09-18 15:09 假装新手 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 基础知识: vue的生命周期: beforeCreate/created、 beforeMount/mounted、 beforeUpdate/updated、 beforeDestory/destoryed vue常用指令: v-for、 v-bind(缩写形式 :prop)、 v-on(缩写形式 阅读全文
posted @ 2018-09-18 12:12 假装新手 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 首页可以控制导航跳转,beforeEach,afterEach等,一般用于页面title的修改。一些需要登录才能调整页面的重定向功能。 beforeEach主要有3个参数to,from,next。 to:route即将进入的目标路由对象。 from:route当前导航正要离开的路由。 next:fu 阅读全文
posted @ 2018-09-18 12:07 假装新手 阅读(4920) 评论(0) 推荐(0) 编辑
摘要: hash模式:在浏览器中符号“#”,#以及#后面的字符称之为hash,用 window.location.hash 读取。特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面。 history模式:history采用HTML5的新特性 阅读全文
posted @ 2018-09-18 11:50 假装新手 阅读(1458) 评论(0) 推荐(0) 编辑
摘要: 1、父组件与子组件传值 父组件传给子组件:子组件通过props方法接受数据; 子组件传给父组件: $emit 方法传递参数 2、非父子组件间的数据传递,兄弟组件传值 eventBus,就是创建一个事件中心,相当于中转站,可以用它来传递事件和接收事件。项目比较小时,用这个比较合适(虽然也有不少人推荐直 阅读全文
posted @ 2018-09-18 11:49 假装新手 阅读(277) 评论(0) 推荐(0) 编辑
摘要: beforeCreate(创建前),在数据观测和初始化事件还未开始 created(创建后),完成数据观测,属性和方法的运算,初始化事件, $el 属性还没有显示出来 beforeMount(载入前),在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data 阅读全文
posted @ 2018-09-18 11:47 假装新手 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 第一招:化繁为简的Watchers 场景还原: created(){ this.fetchPostList() }, watch: { searchInputValue(){ this.fetchPostList() } } 组件创建的时候我们获取一次列表,同时监听input框,每当发生变化的时候重 阅读全文
posted @ 2018-09-18 11:46 假装新手 阅读(872) 评论(0) 推荐(0) 编辑
摘要: function capture(content){ let strings='' content.indexOf("/video") content.split() strings=content.replace('/video','/images').replace('.mp4','.png') 阅读全文
posted @ 2018-09-18 11:29 假装新手 阅读(99) 评论(0) 推荐(0) 编辑
摘要: php 和java是不一样的 PHP 需要先乘1000 java 不需要 因为PHP传过来的是十位数 java传过来是十三位数 function formatDate() { var now = new Date(); var year=now.getFullYear(); var month=no 阅读全文
posted @ 2018-09-18 11:17 假装新手 阅读(105) 评论(0) 推荐(0) 编辑
摘要: Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(<frame> 或 <iframe> 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注意: 没有应用于 window 对象的公开标准,不过所有浏览器都 阅读全文
posted @ 2018-09-18 10:51 假装新手 阅读(145) 评论(0) 推荐(0) 编辑