#页面优化

浏览器渲染页面原理,reflow、repaint及其优化

1.      用户界面-包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的你请求的页面外,其他显示的各个部分都属于用户界面。2.      浏览器引擎-在用户界面和渲染引擎之间传送指令。...

前端错误监控上报公共方法,可在父页面及iframe子页面同时使用

先创建公共文件error-reported.js内容如下:/***获取前端错误信息进行上报*@paramiframe*/functioncatchError(iframe){var_this=thisvarsource='来自外层框架错误信息:'if(iframe){_this=iframe.contentWindow...

二次封装bootstrap-table及功能优化

/***设置bootstrat-table*@paramparams*/functionsetBootstrapTable(target,params){//默认设置表格内容居中params.columns&&params.columns.forEach(function(item){if(!item....

Vue项目SEO优化的另一种姿态

背景:当前项目首页和登陆后的平台在一个项目里,路由采用hash模式,现在要做SEO优化,这时候同构SSR(ServerSideRendering)服务端渲染代价显然太大,影响范围比较广,同样更改当前项目路由为history模式采用预渲染(Prerending)代价也不小。最终决定将首页单独出一个项目采用预渲染,然后用n...

被引用的外部JS存在window.onload时,判断当前页面是否已存在window.onload,并进行相应处理

如果页面a.html引用了b.js,b.js里的方法需要在页面资源加载完成后执行,即在window.onload里执行;这时如果a.html里使用了window.onload方法,b.js就不能重复调用这个方法了,因为window.onload不能同时使用多个,否则后者会覆盖前者。可以用如下方法解决这个问题,即当a.h...

JS让任意图片垂直水平居中且页面不滚动

 说一下以前遇到的一个问题:    假设有一张小图,要实现点击查看大图的功能,而这个图的宽高可能会超过浏览器的宽高,这时候我们通过JS来改变图片的宽高,从而实现图片在浏览器居中显示且不滚屏。方法如下:    首先你要给小图添加一个...

根据窗口大小改变悬浮窗显示方式并自动刷新页面

如果一个页面有个浮动的二维码,当页面窗口缩小时二维码会遮盖住页面内容,这时候可以根据浏览器大小来决定显示方式:1.当页面宽度足够大时,完全显示二维码,2.当页面窗口缩小时,这时候需要显示一个按钮,点击按钮才显示二维码   这时候需要添加onresize来监听窗口变化,以此来刷新页面:window.onresi...

JS判断IE版本并在页面显示内容

<scripttype="text/javascript">varisIE=function(ver){varb=document.createElement('b')b.innerHTML='<!--[ifIE'+ver+']><i></i><![endif]--...
代码星球 ·2020-04-10

当一个页面出现多个checkbox全选时的处理

HTML:<inputtype="checkbox"onclick="boxOnclick(this,'some1')">全选一<inputtype="checkbox"onclick="boxOnclick(this,'some2')">全选二<inputtype="checkbox"o...

页面跳转

一,在标签上注册点击事件<divonclick="window.open('index.heml')">新窗口打开</div><divonclick="window.open('index.html','_self')">在当前页面打开</div>二,a标签跳转<a...
代码星球 ·2020-04-10

html页面空格显示问题

1,使用&nbsp;(注意后面要加分号!)页面就可以显示空格2,使用全角空格,全角空格会被解析成汉字处理3,如果后端传递来得数据个别数据需要单条数据加空格,前端代码通过css样式控制:white-space:pre属性值为pre空白会被浏览器保留 详细的有关此属性的属性值 http://ww...

页面刷新 location.reload()

*页面不刷新,但是加了location.reload()后,把炒作失败提示语都刷没了。//成功,不提示,刷新看数据变化ajaxsuccess:function(res){if(res.code==1){location.reload();}else{//失败,不刷新,提示失败原因,用户点必须点确定才结束。alert(r...
代码星球 ·2020-04-10

thinkphp 网址后台典型页面

知识点:1.select a提交后返回选中项选中项value是id但是要显示nameb遍历和列举两种形式<selectname="class_id"class="left"><optionvalue="">不限</option><volistname="adverti...

MySQL sql优化(摘抄自文档)

前言有人反馈之前几篇文章过于理论缺少实际操作细节,这篇文章就多一些可操作性的内容吧。注:这篇文章是以MySQL为背景,很多内容同时适用于其他关系型数据库,需要有一些索引知识为基础。 优化目标  1.减少IO次数  IO永远是数据库最容易瓶颈的地方,这是由数据库的职责所决定的,大部分数据库操作中超过90%的时间...

linux history命令优化

主要功能:1,可以记录哪个ip和时间(精确到秒)以及哪个用户,作了哪些命令2,最大日志记录增加到4096条把下面的代码直接粘贴到/etc/profile后面就可以了#historymodifyexportHISTTIMEFORMAT="[%Y.%m.%d%H:%M:%S-$USER_IP-$USER]"USER_IP=...
代码星球 ·2020-04-10
首页上一页...111112113114115...下一页尾页