csuwujing

2024年7月3日

摘要：接上一篇介绍前端性能指标的内容，本文主要总结下一般使用的性能测量工具。 1、可以借助 Gooogle 开源的 web-vitals 库来测量一些性能指标： import {onCLS, onINP, onLCP, onFCP, onFID, onTTFB} from 'web-vitals'; on 阅读全文

posted @ 2024-07-03 18:01 csuwujing 阅读(3) 评论(0) 推荐(0) 编辑

web前端应用性能指标优化方案有哪些？

摘要：接上一篇介绍前端性能指标的内容，本文主要总结下一般使用的指标优化方案加载相关： FCP 优化：降低服务器响应时间：确保服务器能迅速响应请求，这样浏览器就能更快地开始处理并渲染页面内容。可以通过优化服务端代码、改善静态资源的提供方式（如将图片部署到 CDN）来实现。延迟加载非关键资源：对于非关阅读全文

posted @ 2024-07-03 18:00 csuwujing 阅读(5) 评论(0) 推荐(0) 编辑

web前端应用应该关注哪些性能指标？

摘要：作为一个有经验的前端开发工程师来说，关注性能是必不可少的一项日常工作，那么应该重点关注一些什么样的性能指标呢？其实主要还是从用户体验的角度来看，一般我们会从页面加载相关、交互相关方面入手。 FCP：首次内容绘制 LCP：最大内容绘制 TTFB：首字节时间 TBT：总阻塞时间 FMP：首次有效渲染 F 阅读全文

posted @ 2024-07-03 17:56 csuwujing 阅读(8) 评论(0) 推荐(0) 编辑

2024年7月1日

sourcetree使用ssh拉取代码报错？看下是不是ssh客户端的问题以及相应的解决方案看这里~~~

摘要：相信很多软件开发的同学都很熟悉sourcetree，如果也有同学在使用过程中出现ssh拉取代码出现如下报错的问题这里比较头疼的是没法交互输入y确认缓存秘钥。 The server's host key is not cached in the registry. You have no guara 阅读全文

posted @ 2024-07-01 16:15 csuwujing 阅读(16) 评论(0) 推荐(0) 编辑

2024年4月17日

前端项目安装node-sass依赖问题解决

摘要：前端项目安装依赖node-sass问题解决记录：（项目中node版本14.16.0 node-sass版本4.14.1）问题1： pnpn run all:install后报错 MSBUILD : error MSB3428: 解决方法：需要安装npm install --global wind 阅读全文

posted @ 2024-04-17 16:29 csuwujing 阅读(132) 评论(0) 推荐(0) 编辑

2019年11月27日

vue开发中利用正则限制input框的输入（手机号、非0开头的正整数等）

摘要：我们在前端开发中经常会碰到类似手机号输入获取验证码的情况，通常情况下手机号的输入需要只能输入11位的整数数字、并且需要过滤掉一些明显不符合手机号格式的输入，那么我们就需要用户在输入的时候就控制可以输入到输入框的字符。例如，首个字符是0或者非数字字符即使编辑了也输入不进去。这种需要通常就需要在inpu 阅读全文

posted @ 2019-11-27 10:28 csuwujing 阅读(7822) 评论(0) 推荐(0) 编辑

2019年1月29日

js date对象传参获取特定日期的时间戳

摘要：当我们想要通过js获取某一特定时间的时间戳时，会通过给date对象传参再通过getTime函数来获取，传递的参数格式也有不同形式。有些时候，可能会因为自己传入参数的格式不正确而导致date对象invalid，进而导致逻辑出现错误。 date对象传递的参数主要有字符串以及年月日等的数字，如下： new 阅读全文

posted @ 2019-01-29 09:23 csuwujing 阅读(7640) 评论(0) 推荐(0) 编辑

2019年1月24日

js 怎样判断用户是否在浏览当前页面

摘要：有些时候我们需要在项目中判断用户是否在浏览当前页面，或者当前页面是否处于激活状态。然后再进行相关的操作。浏览器中可通过window对象的onblur、onfocus判断，或者document的hidden属性判断。 1、window.onblur & window.onfocus 关于是否失焦点，浏阅读全文

posted @ 2019-01-24 16:38 csuwujing 阅读(15055) 评论(0) 推荐(1) 编辑

2018年12月29日

列表页到详情页，从详情页返回之前列表页的位置

摘要：背景：对于一般采用同样的技术栈开发的多页面应用来说，可能遇到的状况如下： 1. h5上拉刷新来实现分页，当有很多页的话，点击列表某一页去详细，然后从详情返回上一页，可能刷新上一页，位置不能保持，体验不好 2. 列表使用a链接过去的，详情使用window.history.go( 1)返回，有些浏览器阅读全文

posted @ 2018-12-29 17:28 csuwujing 阅读(4601) 评论(0) 推荐(0) 编辑

几个主流浏览器 Window.open打开新窗口、模拟a标签打开新窗口的表现

摘要： Window.open打开新窗口 1、常用浏览器打开新窗口（正常打开window.open）的的不同表现形式（PC/移动端） 2、Window.open在异步处理中打开（_blank） a标签在异步处理中打开公众号跳转的微信浏览器都是单窗口多页面打开，没有tab页，详情页返回都会刷新。安卓手机中阅读全文

posted @ 2018-12-29 16:45 csuwujing 阅读(4007) 评论(0) 推荐(0) 编辑

公告