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

DNS预解析dns-prefetch提升页面载入速度优化前端性能

　　当浏览器请求一个URL的时候，通过firebug我们可以发现大概有以下几个过程：阻挡、域名解析、建立连接、发送请求、等待响应、接收数据。后面四个跟用户的网络情况和你的服务器处理速度有关，本文重点说说前两个。1、阻挡：解决方案——提高浏览器并发连接数　　阻挡：不同的浏览器对单个域名的最大并发连...

代码星球 ·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

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

代码星球 ·2020-06-27

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

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

代码星球 ·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

高性能WEB开发：深入理解页面呈现、重绘、回流

　　在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。页面呈现流程：1、浏览器把获取到的html代码解析成1个Dom树，html中的每个tag都是Dom...

代码星球 ·2020-06-27

项目笔记：list页面展示与交互设计

1、前台页面：因为要展示正版和非正版，所以传个Type值过去：　　//正版序列号库列表vartype=$("input[name='serialNumber']:checked").val();$("#inside_tableElement").datagrid({striped:true,collapsible:tr...

代码星球 ·2020-06-27

JSP学习笔记（五）：日期处理、页面重定向、点击量统计、自动刷新和发送邮件

一、JSP 日期处理：　　使用JSP最重要的优势之一，就是可以使用所有Java API。本节讲述Java中的Date类，它在java.util包下，封装了当前日期和时间。　　Date类有两个构造函数。第一个构造函数使用当前日期和时间来初始化对象：Date()　　第二个构造函数接受一个参数，这个参数表...

代码星球 ·2020-06-27

window.open()页面之间函数传值

　　项目中遇到的问题，使用window.open()开一个页面之后，cookie会消失，所以无法一键切肤不管作用，解决方案如下：window.open()总结：window.open("sUrl","sName","sFeature","bReplace");sUrl:可选项。字符串(String)。指定要被加载的HT...

代码星球 ·2020-06-27

jquery获取元素各种宽高及页面宽高总结

window.onload=function(){vara=$("#div").width(),//width()返回元素的宽高，不包括padding/border/marginb=$("#div").innerWidth(),//innerWidth()返回元素的宽高+paddingc=$("#div").outer...

代码星球 ·2020-06-27