页面优化主题的文章列表，还有页面优化的技术要点_第79页

利用多域名存储静态资源进行性能优化：网站的静态资源为什么要使用独立域名

　　在大型网站中，我们发现页面资源经常使用不同的域名进行引用，例如126邮箱的部分js、css、图片存放于http://mimg.127.net/域名下，京东的部分静态图片存放在http://img11.360buyimg.com域名下，那这样做究竟有什么好处呢，和性能又有什么关系呢，下面进行具体分析。一、浏览器并发请...

代码星球 ·2020-06-27

Cookie常用的优化方式

　　我们知道，对于每一个http请求，无论是动态的网页aspx，还是jsp，还是/user/add这种MVC模式的URL，还是CSS或者JS文件，每一个http请求都会带着在硬盘上存有的跟这个域相关存有的cookie信息。越来越多的cookie导致请求头越来越大。那么应该如何去优化呢？　　cookie存储在客户端，伴随...

代码星球 ·2020-06-27

网页性能优化：防止JavaScript、CSS阻塞浏览器渲染页面

　　网页中引用的外部文件：JavaScritp、CSS等常常会阻塞浏览器渲染页面。假设在<head>中引用的某个JavaScript文件由于各种不给力需要2秒来加载，那么浏览器渲染页面的过程就会被阻塞2秒，直到该JS文件下载并执行完后才继续。　　前端性能调优时必须排除任何潜在的渲染阻塞点，让浏览器在最短时间...

代码星球 ·2020-06-27

2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面

1、路由全局守卫　　在做项目的时候，遇到需要做路由跳转，但当用户输入错误url地址，或是其它非法url路由地址，我们或许会想到跳转至404页面。不管你有没有写一个404页面，当出现未匹配路由都需重新指定页面跳转。可能大家首先想到会是路由重定向，redirect来解决这个问题。但实际上通过redirect是没办法更好解决...

代码星球 ·2020-06-27

关于vue单页面应用总是先出现主页一闪而过的现象

　　问题描述：每次强制刷新登陆页面时，总是会出现主页一闪而过的现象，如果主页上有请求，还会请求后台数据。感觉不太正常，所以想到研究下为什么，然后去掉这个主页一闪而过的现象1、先看下我之前的app的router-view设置<template><el-container:class="['appuf-c...

代码星球 ·2020-06-27

vue-cli项目优化，缩短首屏加载时间

1、大文件定位　　我们可以使用webpack可视化插件WebpackBundleAnalyzer查看工程js文件大小，然后有目的的解决过大的js文件。　　安装：npminstall--save-devwebpack-bundle-analyzer　　在webpack中设置如下，然后npmrundev的时候默认会在888...

代码星球 ·2020-06-27

nginx配置解决vue单页面打包文件大，首次加载慢的问题

　　cnpmrunbuild文件过大，其中主要是vender.js有1.5M，代码部署到服务器，首次访问加载页面时比较慢，耗时6.5s左右，所以需要优化下。1、Nginx开启gzip　　找到nginx.config。关于gzip压缩代码：http{gzipon;#开启或关闭gziponoffgzip_disable"m...

代码星球 ·2020-06-27

vue-router 懒加载优化

一、路由懒加载1、先安装babel动态引入插件　　npminstall--save-devbabel-plugin-syntax-dynamic-import2、修改router/index.js　　异步引入组件importVuefrom'vue';importRouterfrom'vue-router';consti...

代码星球 ·2020-06-27

VUE性能优化总结

1、v-show，v-if用哪个？　　在我来看要分两个维度去思考问题：　　第一个维度是权限问题，只要涉及到权限相关的展示无疑要用 v-if，　　这里要说的优化点在于减少页面中dom总数，我比较倾向于使用 item.id 作为key，　　假如数组数据是这样的 (item,index...

代码星球 ·2020-06-27

vue-router登录校验后跳转到之前指定页面如何实现

　　两个需求：1、用户点击购买需要下单，并跳转到订单页面，但是如果用户没有登录的话，中间有登录验证，会拦截；2、点击购买的时候，登录校验成功了，跳转到订单页面时，订单已创建，去付款即可。3、处理拦截至登录页，然后点去注册页，完善信息页，再回登录页，再登录进去，依然进去目标order页一、解决方案对1：　　大概思路：1、...

代码星球 ·2020-06-27

解决vuex在页面刷新后数据丢失的问题

一、原因　　js代码是运行在内存中的，代码运行时的所有变量、函数也都是保存在内存中的。　　刷新页面，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：LocalStorage、SessionStorage、IndexDB等。这些都是浏览器提供的API，让你可以将数据存储在...

代码星球 ·2020-06-27

MySQL大数据量分页查询方法及其优化

一、大数据量分页查询方法：1、直接使用数据库提供的SQL语句　　语句样式：MySQL中,可用如下方法:SELECT*FROM表名称LIMITM,N　　适应场景：适用于数据量较少的情况(元组百/千级)　　原因/缺点：全表扫描，速度会很慢，且有的数据库结果集返回不稳定(如某次返回1,2,3,另外的一次返回2,1,3)，Li...

代码星球 ·2020-06-27

jqGrid怎么设置初始化页面时不加载数据（不向服务器请求数据）

　　最近做一些表格一直用到jqGrid，今天遇到一个问题：　　1、就是页面加载的时候数据不显示，点击搜索才根据请求从服务器返回并显示内容。　　2、默认不从服务器请求数据（不然在开发者工具下会显示请求不到数据的报错）　　通常的解决方法就是直接给$("#jqGridTable").jqGrid({})套一个function...

代码星球 ·2020-06-27

from表单实现无跳转上传文件，接收页面后台数据

　　实现无跳转发送表单数据、文件，并能接收后台返回的数据。　　主要技术要点：　　1、form表单添加target属性，指定一个iframme的name；form表单提交后在iframe内嵌窗口接受响应，主页面就不会再跳转。　　2、同时，我们需要接收知道后台返回的数据以便我们的业务处理，这里让后台返回一个带有执行一个函数...

代码星球 ·2020-06-27

项目笔记：统计页面功能实现

　　页面跳转：//正版化统计列表publicStringlistUI(){List<Software>softwares=softwareService.queryAll();//注意我要获取的是software表的数据List<Software>softwareList=newArrayLis...

代码星球 ·2020-06-27