页面加载性能之优化LCP
影响LCP的四个因素如下:较慢的服务器响应时间渲染阻塞的js和css较慢的资源加载时间客户端渲染较慢的服务器响应时间浏览器获取文档的时间越长，用户看到页面的时间也会越长。较快的服务器响应时间，可以直接改善每一个页面加载相关的指标，包括LCP。可以使用 TTFB(Time to First Byte) 来测试服...
2024-01-10
Vue页面首次载入优化的全过程
目录前言1.图片优化2.禁止生成.map文件3.路由懒加载4.cdn引入公共库5.终极法宝 GZIP压缩6.利用vue-router进行页面的懒加载（lazy load）总结前言今天是把自己开发的博客系统发布到了线上,但就只是把build出来的dist文件夹随便扔在了云服务器根目录下,导致在首次进入页面的时候非常的慢.所以需要进行优化....
2024-01-10
性能优化之代码优化页面加载速度
页面代码的优化对于页面加载速度也有不小的影响，最广为人知的：HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用Link方式引入，JavaScript的引入放在页面尾。其次还有：1.按需加载，把统计、分享等 JS 在页面 onload 后再进行加载，可以提高访问速度；2.优化 Co...
2024-01-10iOS性能优化教程之页面加载速率详解
前言我认为在编码过程中时刻注意性能影响是有必要的，但凡事都有个度，不能为了性能耽误了开发进度。在时间紧急的情况下我们往往采用“quick and dirty”的方案来快速出成果，后面再迭代优化，即所谓的敏捷开发。与之相对应的是传统软件开发中的瀑布流开发流程。卡顿产生的原因在 iOS 系统...
2024-01-10toB项目页面定制化问题？
一个产品给多个甲方用，同一个功能给多个甲方定制不同的页面，代码共用一套方案1: 菜单里面每个甲方配不同的菜单，比如甲方1环境，路径配置甲方1页面的路径，甲方2环境，配置甲方2页面路径方案2: 页面外面包一层,用v-if判断加载不同的页面<template><div v-if="甲方1"> <甲方1页面></div><div v-if="甲方2"> <甲方2页面></div></tem...
2024-02-12
定制化MyAccount页面
用户控制面板里的我的账户区域是受customer_account布局文件控制的。该文件的目录是（view/frontend/layout/customer_account.xml） 添加一个菜单项，需要创建上面提到的布局文件，添加以下代码： <?xml version="1.0"?> <body> <referenceContainer name="content"> <referenceBlock name="customer-account-navigation- wish-li...
2024-01-10
用px做单位，页面写大了还能补救吗？？？
我之前一直做的移动端，第一次做PC端的桌面应用，一开始就把宽高给写死了,然后使用electron封装的时候发现页面太大了，现在还能补救吗？？electron我也是第一次用，不知道electron里面有没有控制大小的功能？回答：友情提示：貌似这个也是electron做的，可能框架天然带着bug（估计是window强行缩放所致...
2024-01-10
Vue项目打包、合并及压缩优化网页响应速度
目录前言一.请求内容太大解决方案：CDN引入压缩请求资源一.http请求次数太多解决方案：总结前言影响网页响应速度的因素有很多，例如：请求内容太大、http请求次数太多、服务器本身处理请求太久、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息息相关，直接影响到用...
2024-01-10
Vue项目打包、合并及压缩优化网页响应速度
目录前言一.请求内容太大解决方案：CDN引入压缩请求资源一.http请求次数太多解决方案：总结前言影响网页响应速度的因素有很多，例如：请求内容太大、http请求次数太多、服务器本身处理请求太久、JS脚本执行耗时过长、浏览器回流重绘等。网站页面的响应速度与用户体验息息相关，直接影响到用...
2024-01-10
Web 网页滚动性能优化
滚动乍看起来和性能毫无关系。毕竟，你的内容都有了样式，静态资源也已开始加载或已经加载完毕，那我们为什么会突然对滚动感兴趣了呢？原因很简单，一旦开始滚动，浏览器就需要把你的网站或应用绘制到屏幕上。这就意味着，我们可以最小化浏览器的绘制工作，将页面性能最大化。当用户使用...
2024-01-10
Vue 单页应用 的 首屏优化
对于单页应用，要在一个页面上为用户提供产品的所有功能，在这个页面加载的时候，首先要加载大量的静态资源，这个加载时间相对比较长。所以我们需要做一些相应的优化，减少响应时间，尽快把首屏显示出来。1、压缩代码无论是否为单页应用，代码的压缩都是要做的。 对于vue-cli生成的项目，...
2024-01-10Vue SPA单页应用首屏优化实践
1.代码压缩(gzip)如果你用的是nginx服务器，请修改配置文件(其他web server 类似)：sudo nano /etc/nginx/nginx.conf在Gzip Settings里加入：gzip on;gzip_min_length 1k;gzip_buffers 4 16k;gzip_comp_level 5;gzip_types text/plain application/x-javascript text/css application/xml text/javascript app...
2024-01-10SEO 优化总结
最根本的原则就是代码后端直出，不管是 jsp、php、还是 nodejs 的直出，都 OK，简单来说，就是右击查看源代码，可以看到 dom 结构如果是使用的模板引擎，只渲染了 json 数据到界面上，dom 结构需要 JS 再行渲染的话，也是不行的iframe 嵌套的，seo 不会去抓JS 渲染的，不会去抓嵌套的 flash、图片，更不...
2024-01-10
锁的优化
1. 锁的优化有哪些手段？ （1）降低 锁 的范围 例如：将方法上的锁可以加到 代码快上 （2）锁分离：读读之间不需要同步，读写和写写之间才需要同步，例如：读写锁 锁分离延伸：只要操作互不影响，就可以锁分离，例如 LinkedBlockingQuene （3）减少锁力度：将一个大对...
2024-01-10
TVM GEMM优化
本文记录如何使用TVM v0.6在CPU上优化GEMM，节选自TVM官方教程。类似地，可参考Vivado HLS优化GEMM的方法。其中涉及到局部性(locality)的问题会详细进行分析。朴素GEMM我们可以将朴素GEMM，写成下列这种伪代码形式，用爱因斯坦求和记号(einsum)即$C_{ij}=A_{ik}B_{kj}$for (i, 0, M)for (j, 0, N)for (k, 0, K)C[i][j] += A[...
2024-01-10
集群优化
思考：现目前的架构是什么？业务逻辑？ 研发一台，测试&生产共用一套k8s集群。 目前前端已经迁移到k8s，生产后端暂时没有上k8s。造成目前架构的原因是什么？ 历史遗留原因 造成架构不合理那些地方不合理，为什么？（1）.使用经典公网模式，会自动分配局域网ip地址 ， nginx-ingres...
2024-01-10
这段代码咋优化
<template slot-scope="scope"> <state :type="getStateObject(scope.row.state).type" :text="getStateObject(scope.row.state).value"></state> </template>const getStateObject = (state) =...
2024-02-16
一次查询优化
sql 版本1.0： 最开始由于测试环境待办表和已办表也会有重复数据，是把代办表和已办表查询结果 union all 后，使用下面方式去重，数据量太大，效率很低。 ROW_NUMBER() OVER(PARTITION BY REMIND_ID ORDER BY REMIND_ID ) RN sql 版本2.0： 由于生产环境待办表和已办表数据不...
2024-01-10
SQL优化
1.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where 子句中对字段进行 null 值判断，否则将导致引擎放弃使用索引而进行全表扫描，如： select id from t where num is null 可以在num上设置默认值0，确保表中num列没有null值，然...
2024-01-10在JSP页面之间传递列表/数组
我试图在我拥有的两个JSP页面之间传递列表。这是我编写的类的对象列表。如何在JSP页面之间传递此列表？request.setAttribute似乎适用于字符串，但不适用于其他任何东西。而且，如果使用列表无法轻松完成此操作，则可以将列表转换为数组并以这种方式传递它，这没问题。回答：首先，非常糟糕的设...
2024-01-10将参数从AJAX传递到JSP页面
我试图将参数从AJAX传递回我的JSP页面。这是我的示例代码：$(document).ready(function() { $.ajax({ type: "GET", url: "URL...", dataType: "xml", success: function(xml) { $(xml).find('Rowsets').each(function(){ ...
2024-01-10
【JS】凹凸技术揭秘·羚珑页面可视化·成长蜕变之路
作者： 凹凸曼前言京东零售集团 · 用户体验设计部打造的「羚珑智能设计平台」于 2019 年 5 月为内部运营及商家推出了智能页面设计工具，羚珑智能页面设计是一款在线可视化页面搭建平台，拥有在线搭建 PC、H5、小程序等多平台页面能力，覆盖频道页、活动页、店铺页、滑屏宣传页、答题类、互动...
2024-01-10
PHP单例模式数据库连接类与页面静态化实现方法
本文实例讲述了PHP单例模式数据库连接类与页面静态化实现方法。分享给大家供大家参考，具体如下：数据库test中数据表account内容单例模式的数据库连接类db.php<?php//单例模式的数据库连接class DB { //存储实例的静态成员变量 static public $_instance; //数据库连接静态变量 static public $_connectSource;...
2024-01-10
Vue 不同路由对应同一页面 监测路由变化更改数据 阿星小栈
watch: { orgTreeShow(val){ if(val){ this.employeesShow = false; }else{ this.loadEmployees() } } }, beforeUpdate: function(){ console.log('beforethis.$route',this.$...
2024-01-10
解决vuex数据页面刷新后初始化操作
在vue项目的开发中经常会用到vuex来进行数据的存储，然而在开发过程中会出现刷新后页面的vuex的state数据初始化问题！下面是我用过的解决方法1、利用storage缓存来实现vuex数据的刷新问题我们可以在mutation等vuex的方法中对于数据进行改变时，将数据同时存储进我们的本地浏览器缓存中；下面是我在mut...
2024-01-10有没有一种方法可以“监听”数据库事件并实时更新页面？
我正在寻找一种创建简单的HTML表的方法，该表可以在数据库更改事件发生时进行实时更新。特别是添加了新记录。换句话说，将其视为执行人员仪表板。如果进行了销售并且在数据库中添加了新行（在本例中为MySQL），则网页应使用新行“刷新”表。我已经看到了有关新EVENTGATEWAY用法的一些信息，但...
2024-01-10
我如何通过页面输入账号密码提交给后端返回数据？
这段代码应该怎么改？data : JSON.stringify({"username":"zhangmou","password":"a12345678"// username:$("name").val(),// password:$("psw").val()}),回答你要修改的是submit按钮，这个按钮type=button，然后绑定个onlick事件，然后对应的事件里写ajax。数据格式直接传就行：data:{"username":"zhangmou","password":"a12345678"}...
2024-01-10
动态渲染一个表格，现在需要将其中三列的数据变成链接形式，点击可以跳转到另一个页面？
<el-table-column show-overflow-tooltip resizable v-for="(item, i) in cols" :key="i" align="center" :prop="item.prop" :label="item....
2024-02-08浅谈在koa2中实现页面渲染的全局数据
最近用koa2做一个项目的web端，遇到一个场景。该项目主要用的是传统的服务端渲染的方式，所以会用 koa-views 去做页面的渲染工作。实现方式就是 ctx.render('path',data)，那么，有如下场景，每个页面都需要去验证是否登录，登录了要返回页面个人数据，这个情况，怎么办呢？我不想每次都去手动的加入...
2024-01-10
