#页面优化

JS监听页面关闭

JS可以监听浏览器页面的关闭,主要使用了window对象的onbeforeunload方法在以前(旧版本的浏览器中),可以自定义提示文案window.onbeforeunload=function(e){varmessage='someword';e=e||window.event;if(e){e.returnValu...
代码星球 ·2020-06-16

pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新

使用Ajax可以异步获取数据,可以更高效地渲染页面。但也存在这一些问题:再刷新页面,页面就会变成初始的状态浏览器的前进后退功能无效对搜索引擎的爬虫抓取不友好 1、早前会使用浏览器的 hash锚点 来解决不同的hash标记着页面不同的部分,能修正页面刷新数据不正确的问题再通过onhashch...

移动前端页面与Chrome的远程真机调试

一年不见,博客园都长草啦...... 前几日刚入手新手机小米5,系统真心流畅呀。为啥要买小米5呢,因为要提高生产力呀,好好玩移动前端开发呀哈哈哈那么问题来了,要怎么调试手机上的前端页面呢?很久很久以前,我的做法是:在PC上用Chrome移动模拟器调试好后,基本OK,再把相关文件传到手机上,在真机上测试以防特殊...

Web 前端性能优化准则

“只有10%-20%的最终用户响应时间花在接收请求的HTML文档上,剩下的80%-90%时间花在HTML文档所引用的所有组件(图片,script,css,flash等等)进行的HTTP请求上”1.图片地图的使用图片地图允许你在一个图片上关联多个URL。目标URL的选择取决于用户单击了图片上的哪个...

JS 模拟手机页面文件的下拉刷新

js模拟手机页面文件的下拉刷新初探老总说需要这个功能,好吧那就看看相关的东西呗最后弄出了一个简单的下拉刷新页面的形式,还不算太复杂查看demo要在仿真器下才能看到效果,比如chrome的里边(或者用手机浏览器查看,但测试发现有些浏览器有问题,目前手机猎豹是没问题的)主要就是:下拉-->提示松开刷新-->松开...

Spring Boot 使用 AOP 实现页面自适应

鉴于复杂页面自适应的难度,一般会做几套模板分别适应手机、平板、电脑等设备。使用SpringBoot开发单体应用时,一般会使用Thymeleaf模板,那么可以使用AOP技术来实现页面自适应。如图所示,与普通项目相比而言,我们需要拦截用户的请求,获取Request中的Header的User-Agent属性,来判断用户的设备...

Vijos P1448 校门外的树【多解,线段树,树状数组,括号序列法+暴力优化】

校门外有很多树,有苹果树,香蕉树,有会扔石头的,有可以吃掉补充体力的……如今学校决定在某个时刻在某一段种上一种树,保证任一时刻不会出现两段相同种类的树,现有两个操作:K=1,K=1,读入l、r表示在区间[l,r]中种上一种树,每次操作种的树的种类都不同K=2,读入l,r表示询问l~r之间能见...

Liunx网站服务器性能优化

前期准备:安装宝塔Linux面板4.2.x,安装Linux工具箱,安装LNMP或LAMP环境具体优化设置步骤1、添加计划任务,定期释放内存,建议设置每天释放一次,执行时机为半夜,如:3:302、打开Linux工具箱添加SwapSwap推荐值:物理内存      ...

js实现iframe跨页面调用函数的方法

本文实例讲述了js实现iframe跨页面调用函数的方法。分享给大家供大家参考。具体实现方法如下:在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数。比如说:现在有两个页面parent.html和child.html。其中parent.html中含有IFram...

JavaWeb 错误/异常时页面提示

经常我们会遇到发生页面404错误,服务器500异常,如果默认方式处理,则是将异常捕获之后跳到Tomcat缺省的异常页面,如下图所示。 不论哪个网站都是一样的,所以为了满足自定义的需要,Tomcat也允许自定义样式的。也就是在web.xml文件中配置:<!--404页面不存在错误--><err...

百度地图在jsp页面加载大量轨迹导致地图卡顿

原画线方式://存储大量点轨迹json数组:historyPathListfor(vari=0;i<historyPathList.length-1;i++){drawColorLine(i,color,4,historyPathList);}//显示原始路线functiondrawColorLine(i,col...

JFreeChart画图+jsp页面显示实现统计图

1、eclipse(可替换)2、jfreechart-1.0.19(1)source目录:为jfreechart的源码目录;不会的主要看这里。因为他的文档是收费的。(2)lib目录:为包目录,我们需要关注的包为jfreechart-1.0.10.jar、gnujaxp.jar和jcommon-1.0.13.jar这三个...

Vue.js写一个SPA登录页面的过程

vue.js 主框架vuex 状态管理vue-router 路由管理在一般的登录过程中,一种前端方案是:检查状态:进入页面时或者路由变化时检查是否有登录状态(保存在cookie或者本地存储的值);如果有登录态则查询登录信息(uid,头像等...)并保存起来;如果没有则跳转到登录页;在登录页...

网站性能优化你需知道的东西

本文提到的网站性能指网站的响应速度,这也符合绝大部分人对于网站性能的理解:访问快速的网站性能好,反之,访问速度越慢,则网站性能越差。本文总结的优化方法是宏观的工程层面的方法,并不包含微观的语言语法层面的方法,例如,JS、CSS的语法优化,这一部分同样影响网站的性能,但语言语法层面的优化更多的是取决于开发人员的编程水平。...

django之页面下拉加载技术

一、分析  下拉加载技术使用的是窗口滚动条滚动触发事件,当滚动条下拉到底部后,就发送ajax,请求下一页的内容,将其添加到当前列表页中,由于要请求新的内容,还需要几个控制变量:当前页码、页码总数,如果当前页面小于页码总数就可以发送请求,如果大于等于,就到最底部了,就不能发送了。二、前端代码(jQuery、javascr...
首页上一页...8283848586...下一页尾页