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

.net mvc 用jquery ajax成功后页面跳转。

$.ajax({//url:'http://192.168.0.102/webApiDemo/api/WebApiTest/PostStudentInforOnePara',//url:"http://localhost/webapidemo/api/WebApiTest/PostStudentInforOnePara...

代码星球 ·2020-04-06

js定时刷新页面.

//页面定时刷新.2017.09.27$(document).ready(function(){self.setInterval(function(){vard=newDate();vart=d.toLocaleTimeString();document.getElementById("bname").value=t;...

代码星球 ·2020-04-06

JS页面跳转的常用方法整理.

<scripttype="text/javascript">//js页面跳转functionshowtabs(){window.location.href="wfrmTabs.aspx";//可以跳转.window.navigate("wfrmTabs.aspx");//可以跳转.}</script&...

代码星球 ·2020-04-06

动画函数优化，为任意元素添加任意多个属性

注释：　　本篇文章封装了两个函数，　　① getStyle方法：获取任意元素任意一个属性的值，兼容谷歌，火狐，IE浏览器　　② variableSpeedAnimate方法：为任意元素添加任意多个属性，引入了回调函数，可在动画结束后，执行新的操作。　　注意：　　　parseInt("128px")=...

代码星球 ·2020-04-06

自定义轮播图以及bug优化

一、源码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><...

代码星球 ·2020-04-06

Angular6 组件树结构优化

本片博客主要是记录实际项目开发中使用Angular6框架，遇到的一个问题。现象：　　Angular6框架写的前端web网页，在实际部署运行过程中遇到了一种现象，引入懒加载以后，加载登录面速度很快，但是登录成功以后，页面切换到首页面组件这个过程却很慢，总是登录页面显示登录成功以后，停留好长时间页面才会切换到首页面。现象分...

代码星球 ·2020-04-06

Angular6+ng-zorro实现登录页面

一、效果图　　二、html代码1<divclass="login-container">2<divclass="login-box">34<formnz-form[formGroup]="user"class="login-form"*ngIf...

代码星球 ·2020-04-06

vs2013cs页面的代码太长，除了方法，没有折叠，如何处理

VS再带一款插件，工具->扩展和更新，然后选择"联机"，在搜索框搜索C# outline 2013，然后安装重启vs即可 ...

代码星球 ·2020-04-06

页面渲染原理

推荐阅读：原来CSS与JS是这样阻塞DOM解析和渲染的废话少说，先来看个图：1.浏览器先解析HTML产生一个DOMTree。2.解析CSS会产生CSSRuleTree。3.解析完成后，浏览器引擎会通过DOMTree和CSSRuleTree来构造RenderingTree。(ps:RenderingTree渲...

代码星球 ·2020-04-06

webpack 优化

一般我们谈的webpack优化，无非就是分为打包时间和打包体积的优化。打包时间　　优化打包时间，我们能想到的策略：减少需要读取和解析的文件和提高打包性能。　　减少需要读取和解析的文件　　　　1.优化loader　　　　　　以babel-loader为例，如果可以，我们尽量规定includeexc...

代码星球 ·2020-04-06

网络性能优化的几个小点

图片你知道吗？加载网页时，平均60%以上的流量都来加载图片。简单的图形，可以直接用css实现，代替使用图片CDN服务器提供多种尺寸的图片，按屏幕宽度和像素密度去请求对应的图片（详细看我另外一篇博文）小图用base64多个小图合成一张雪碧图选择正确的图片格式（能用webp尽量用，不能的话，小图用png，大图用jpg）预请...

代码星球 ·2020-04-06

从输入URL到浏览页面的过程

之前我们已经讨论过浏览器的渲染原理，今天我们来讨论下更广泛的从输入URL到渲染出页面的过程。1.查询该URL是否有缓存如果有，则直接返回，没有的话，下一步2.查询URL对应的IP　　首先，到host文件查找，如果找到则返回。　　如果没有找到，去访问DNS服务器（一般先访问本地路由器，...

代码星球 ·2020-04-06

利用chrome devtool 观察页面占用内存

推荐阅读：解决内存问题1. 任务管理器我们看看下面这幅图：内存占用空间：原生内存，Dom节点就是存在原生内存里面的。Javascript使用的内存：代表JS堆内存，我们只需要关心括号里面的值（实时值）就可以了，JavaScript对象就存在JS堆里面。2.Performance我们看看下面这幅图，我在不停给v...

代码星球 ·2020-04-06

页面的beforeunload和unload的事件应用

博主最近遇到一个需求，需要在用户离开之前给一个提示，是否确认离开，并且用户确认离开的话，需要发出一个请求下面直接上代码：<!DOCTYPEHTML><html><body><script>//只有屏幕和用户互动过后，用户离开页面（关闭、刷新、跳转其他页面）才会触发wind...

代码星球 ·2020-04-06

页面性能监测

1.developertoolperformance我们可以通过performance来看到我们页面的一些性能指标：FP、FCP、FMP...（详情） 2.js调用performanceOberver来获取性能指标数据一般在html的<head>中添加这样的代码：<script>con...

代码星球 ·2020-04-06