摘要:个人在项目中用到的页面性能优化的方式总结。 一、均衡页面加载文件的大小和数量 1、项目中小图片图片转base64,通过工具如webpack进行图片压缩,文件进行压缩混淆等 2、vue router 懒加载,异步路由 3、第三方依赖按需加载,比如使用element ui框架,但是里面的组件只用到了其中 阅读全文
posted @ 2019-05-24 11:18 silencetea 阅读 (1129) 评论 (0) 编辑
摘要:接上一篇博客,上一篇是之前的jsonp请求方法的封装,这一篇是xhr请求的简单封装。 原理: 1:new一个xhr对象,命名为ajaxRequest,由于浏览器兼容性的问题,所以将获取xhr对象的方式封装为一个方法,命名为CreateRequestObject; 2:声明一个用来发送xhr请求的方法 阅读全文
posted @ 2019-05-07 16:30 silencetea 阅读 (215) 评论 (0) 编辑
摘要:整理代码的时候发现一个以前写的实现jsonp请求方法,放在这里分享一下~ 原理:通过js新建script dom对象,利用src携带参数和callback方法,将数据发送至后端,需要后端配合将数据放在callback中返回 功能:可以同时进行多个jsonp请求,且可以设置超时时间 注意:为了保证可以 阅读全文
posted @ 2019-04-30 11:27 silencetea 阅读 (163) 评论 (0) 编辑
摘要:Chrome Extension 扩展程序 前请说明:本文适用于之前从来没有接触过chrome extension扩展程序的同学~ 编写demo 创建项目文件夹 ,在项目根路径( )下创建 在 中添加如下示例(只是个简单例子,详细字段说明可参考 "官方文档" ): 小小说明一下: 的值必须是2, 这 阅读全文
posted @ 2019-01-05 15:59 silencetea 阅读 (457) 评论 (0) 编辑
摘要:``` javascript gulp build internal/util/inspect.js:31 const types = internalBinding('types'); ^ ReferenceError: internalBinding is not defined at inte 阅读全文
posted @ 2019-01-05 14:24 silencetea 阅读 (6356) 评论 (1) 编辑
摘要:出现问题 使用vue+element ui+webpack开发项目时,Jenkins构建出现报错 ,本地打包出现报错 。 问题原因 打包时,部分代码没有从es6成功转化为es5,这部分代码经过查找,发现是由于element ui的原因。 解决方案 在 中,做如下处理 本文链接: http://www 阅读全文
posted @ 2018-01-22 14:44 silencetea 阅读 (741) 评论 (0) 编辑
摘要:chrome61向w3c规则靠拢,document.body.scrollLeft获取的值一直为0,需要使用document.documentElement.scrollLeft(或document.scrollingElement.scrollLeft)获取; 但是旧版谷歌(60版本以及以下)中, 阅读全文
posted @ 2018-01-05 14:00 silencetea 阅读 (300) 评论 (0) 编辑
摘要:前后端分离开发时,有时候会遇到跨域的情况:只在开发的时候存在跨域,项目上线后,由于配置的域名相同,跨域就会不存在。 这个时候,有两种方案可以比较快的解决: 1、利用h5的特性,使用cors,在ngnix服务器上设置header:Access Control Allow Origin的值为 (或者目标 阅读全文
posted @ 2017-11-27 20:18 silencetea 阅读 (1380) 评论 (0) 编辑
摘要:关于将打包后的项目文件不放在根目录下 有时候,我们总是需要这样的设置:希望将打包后的文件放在a.b.com/somepath/这样一个路径下。 然而在vue cli创建的项目中,默认的打包路径中的静态资源的访问路径是:a.b.com/a.js,我们希望在html中的引用是a.b.com/somepa 阅读全文
posted @ 2017-11-27 20:17 silencetea 阅读 (3472) 评论 (1) 编辑
摘要:之前讲过怎样将vue cli创建的项目改造成多页面(vue cli创建项目从单页面到多页面),今天说一下怎样在多页面的前提下使用history模式。 如何使用history模式 因为vue默认的hash模式的url有些丑,所以我们可以在路由的配置中添加如下配置: 但是如果只是这样使用的话,在本地开发 阅读全文
posted @ 2017-11-27 20:16 silencetea 阅读 (5366) 评论 (0) 编辑