51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#页面优化
浏览器渲染页面原理,reflow、repaint及其优化
1. 用户界面-包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的你请求的页面外,其他显示的各个部分都属于用户界面。2. 浏览器引擎-在用户界面和渲染引擎之间传送指令。...
代码星球
·
2020-04-10
浏览器
渲染
页面
原理
reflow
前端错误监控上报公共方法,可在父页面及iframe子页面同时使用
先创建公共文件error-reported.js内容如下:/***获取前端错误信息进行上报*@paramiframe*/functioncatchError(iframe){var_this=thisvarsource='来自外层框架错误信息:'if(iframe){_this=iframe.contentWindow...
代码星球
·
2020-04-10
页面
前端
错误
监控
上报
二次封装bootstrap-table及功能优化
/***设置bootstrat-table*@paramparams*/functionsetBootstrapTable(target,params){//默认设置表格内容居中params.columns&¶ms.columns.forEach(function(item){if(!item....
代码星球
·
2020-04-10
二次
封装
bootstrap-table
功能
优化
Vue项目SEO优化的另一种姿态
背景:当前项目首页和登陆后的平台在一个项目里,路由采用hash模式,现在要做SEO优化,这时候同构SSR(ServerSideRendering)服务端渲染代价显然太大,影响范围比较广,同样更改当前项目路由为history模式采用预渲染(Prerending)代价也不小。最终决定将首页单独出一个项目采用预渲染,然后用n...
代码星球
·
2020-04-10
Vue
项目
SEO
优化
另一种
被引用的外部JS存在window.onload时,判断当前页面是否已存在window.onload,并进行相应处理
如果页面a.html引用了b.js,b.js里的方法需要在页面资源加载完成后执行,即在window.onload里执行;这时如果a.html里使用了window.onload方法,b.js就不能重复调用这个方法了,因为window.onload不能同时使用多个,否则后者会覆盖前者。可以用如下方法解决这个问题,即当a.h...
代码星球
·
2020-04-10
存在
window.onload
用的
外部
JS
JS让任意图片垂直水平居中且页面不滚动
说一下以前遇到的一个问题: 假设有一张小图,要实现点击查看大图的功能,而这个图的宽高可能会超过浏览器的宽高,这时候我们通过JS来改变图片的宽高,从而实现图片在浏览器居中显示且不滚屏。方法如下: 首先你要给小图添加一个...
代码星球
·
2020-04-10
JS
任意
图片
垂直
水平
根据窗口大小改变悬浮窗显示方式并自动刷新页面
如果一个页面有个浮动的二维码,当页面窗口缩小时二维码会遮盖住页面内容,这时候可以根据浏览器大小来决定显示方式:1.当页面宽度足够大时,完全显示二维码,2.当页面窗口缩小时,这时候需要显示一个按钮,点击按钮才显示二维码 这时候需要添加onresize来监听窗口变化,以此来刷新页面:window.onresi...
代码星球
·
2020-04-10
根据
窗口
大小
改变
悬浮
JS判断IE版本并在页面显示内容
<scripttype="text/javascript">varisIE=function(ver){varb=document.createElement('b')b.innerHTML='<!--[ifIE'+ver+']><i></i><![endif]--...
代码星球
·
2020-04-10
JS
判断
IE
版本
并在
当一个页面出现多个checkbox全选时的处理
HTML:<inputtype="checkbox"onclick="boxOnclick(this,'some1')">全选一<inputtype="checkbox"onclick="boxOnclick(this,'some2')">全选二<inputtype="checkbox"o...
代码星球
·
2020-04-10
一个
页面
出现
多个
checkbox
页面跳转
一,在标签上注册点击事件<divonclick="window.open('index.heml')">新窗口打开</div><divonclick="window.open('index.html','_self')">在当前页面打开</div>二,a标签跳转<a...
代码星球
·
2020-04-10
页面
跳转
html页面空格显示问题
1,使用 (注意后面要加分号!)页面就可以显示空格2,使用全角空格,全角空格会被解析成汉字处理3,如果后端传递来得数据个别数据需要单条数据加空格,前端代码通过css样式控制:white-space:pre属性值为pre空白会被浏览器保留 详细的有关此属性的属性值 http://ww...
代码星球
·
2020-04-10
html
页面
空格
显示
问题
页面刷新 location.reload()
*页面不刷新,但是加了location.reload()后,把炒作失败提示语都刷没了。//成功,不提示,刷新看数据变化ajaxsuccess:function(res){if(res.code==1){location.reload();}else{//失败,不刷新,提示失败原因,用户点必须点确定才结束。alert(r...
代码星球
·
2020-04-10
页面
刷新
location.reload
thinkphp 网址后台典型页面
知识点:1.select a提交后返回选中项选中项value是id但是要显示nameb遍历和列举两种形式<selectname="class_id"class="left"><optionvalue="">不限</option><volistname="adverti...
代码星球
·
2020-04-10
thinkphp
网址
后台
典型
页面
MySQL sql优化(摘抄自文档)
前言有人反馈之前几篇文章过于理论缺少实际操作细节,这篇文章就多一些可操作性的内容吧。注:这篇文章是以MySQL为背景,很多内容同时适用于其他关系型数据库,需要有一些索引知识为基础。 优化目标 1.减少IO次数 IO永远是数据库最容易瓶颈的地方,这是由数据库的职责所决定的,大部分数据库操作中超过90%的时间...
代码星球
·
2020-04-10
MySQL
sql
优化
摘抄
文档
linux history命令优化
主要功能:1,可以记录哪个ip和时间(精确到秒)以及哪个用户,作了哪些命令2,最大日志记录增加到4096条把下面的代码直接粘贴到/etc/profile后面就可以了#historymodifyexportHISTTIMEFORMAT="[%Y.%m.%d%H:%M:%S-$USER_IP-$USER]"USER_IP=...
代码星球
·
2020-04-10
linux
history
命令
优化
首页
上一页
...
111
112
113
114
115
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他