随笔分类 -  前端优化

前端优化
PC首页资源加载速度由8s降到2s的优化实践
摘要:PC首页资源加载速度由8s降到2s的优化实践 随着需求的不断开发,前端项目不断膨胀,业务提出:你们的首页加载也太慢啦,我都需要7、8秒才能看到内容,于是乎主管就让我联合后端开启优化专项,目标是3s内展示完全首页的内容。 性能指标 开启优化时,我们要清晰的知道现状和目标,以及我们采用什么样的手段,通过 阅读全文

posted @ 2023-09-12 10:19 漫思 阅读(26) 评论(0) 推荐(0) 编辑

Vue项目首屏打开速度的优化
摘要:Vue项目首屏打开速度的优化 msfew ☁️sny.is ​关注他 15 人赞同了该文章 项目的情况 我最近几个月一直在参与VioLegacy网站的建设. 前端的技术栈是Vue. 说实话一开始参与的时候我是懵的, 因为没怎么用过Vue, 平常大多是用React, 后来我边看边学边写, 同时把样式的 阅读全文

posted @ 2022-05-11 09:52 漫思 阅读(160) 评论(0) 推荐(0) 编辑

前端性能优化的常用手段
摘要:前端性能优化的常用手段 无名小贝勒 2017年07月13日 16:30 · 阅读 20605 关注 反正,前端性能优化就是很重要,不好好学习怎么进阶到20K+的薪水啊?! 性能优化方面一直有所关注,但如果不去对自己所负责的项目进行一下回锅,实践实践,优化优化,总会有点“书上得来终觉浅”的感觉吧! 从 阅读全文

posted @ 2022-04-07 17:03 漫思 阅读(31) 评论(0) 推荐(0) 编辑

url转义。绝对正确的url转义的东西
摘要:在阿里上班积累的字符串转义 JS的写法 encodeURIComponent(window.location.href); decodeURIComponent(window.location.href); 如果是C#的写法呢 c#实现Javascript的encodeURIComponent()函 阅读全文

posted @ 2021-08-14 18:13 漫思 阅读(168) 评论(0) 推荐(0) 编辑

chrome浏览器(block)屏蔽http文件下载,如何解除?
摘要:最近升级了chrome浏览器,发现不能从http网站下载文件了。 F12打开console,发现每次从http网站下载文件,console都会出现下载被blocked(屏蔽)的提示: 原来chrome认为 非HTTPS网站都是不安全的,自动屏蔽了 来源于http文件的下载。 chrome果然是大佬, 阅读全文

posted @ 2021-08-09 19:08 漫思 阅读(2221) 评论(0) 推荐(0) 编辑

从babel-polyfill的一个坑而起
摘要:从babel-polyfill的一个坑而起 babel-polyfill Posted by Seize on January 6, 2018 问题 接手的系统几天前出现了兼容性问题,Array.flat is not a function,一看原来是没有引用babel-polyfill,直接imp 阅读全文

posted @ 2021-07-06 14:12 漫思 阅读(643) 评论(0) 推荐(0) 编辑

前端优化实践1 Preload, prefetch and other <link> tags
摘要:Preload, prefetch and other <link> tags Published 18 March 2019 · Last updated 11 May 2021 · Ivan Akulov There’re lots of ways to improve web performa 阅读全文

posted @ 2021-06-16 22:16 漫思 阅读(164) 评论(0) 推荐(0) 编辑

前端优化实践顶尖金字教程
摘要:https://3perf.com/content https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/ 顶尖金字教程 阅读全文

posted @ 2021-06-16 22:13 漫思 阅读(42) 评论(0) 推荐(0) 编辑

巩固一下 JS 可选 (?.)操作符号,原来函数也可以用可选写法,又学到了!
摘要:有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。 可选的链接?.操作符用于使用隐式空检查访问嵌套对象属性。 概述 如何使用 阅读全文

posted @ 2021-06-14 23:18 漫思 阅读(227) 评论(0) 推荐(0) 编辑

asp.net 如何在线预览office文件和pdf文件
摘要:asp.net 如何在线预览office文件和pdf文件 目前属于核心竞争手段。 可以参考国产的wps的手段。在线预览和编辑。 https://www.ljserver.cn/wpsonline/#/webFile 预览地址 https://www.ljserver.cn/wpsonline/#/d 阅读全文

posted @ 2021-02-20 10:16 漫思 阅读(557) 评论(0) 推荐(0) 编辑

JavaScript 运行机制详解:再谈Event Loop
摘要:作者: 阮一峰 日期: 2014年10月 8日 一年前,我写了一篇《什么是 Event Loop?》,谈了我对Event Loop的理解。 上个月,我偶然看到了Philip Roberts的演讲《Help, I'm stuck in an event-loop》。这才尴尬地发现,自己的理解是错的。我 阅读全文

posted @ 2021-02-20 09:58 漫思 阅读(71) 评论(0) 推荐(0) 编辑

Vue中qs插件的使用
摘要:qs的下载地址 https://github.com/ljharb/qs 之前用Vue+element写了一个后台管理系统,在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度,发现原因是传递参数要将参数序列化。这里使用了qs插件: 简单来说,qs 是一个增加了一些安全性的查询字 阅读全文

posted @ 2021-01-18 14:32 漫思 阅读(1094) 评论(0) 推荐(0) 编辑

js正则0-100之间的正整数
摘要:alert(/^([0-9]{1,2}|100)$/.test(0)) alert(/^([0-9]{1,2}|100)$/.test(99)) alert(/^([0-9]{1,2}|100)$/.test(100)) alert(/^([0-9]{1,2}|100)$/.test(101)) 阅读全文

posted @ 2021-01-14 14:53 漫思 阅读(4808) 评论(0) 推荐(0) 编辑

一种自动化生成骨架屏的方案
摘要:今天的分享主要分为三个部分: 首屏加载状态演进 如何构建骨架屏 将骨架屏打包的项目中 首屏加载的演进 我们先来看一些权威机构所做的研究报告。 一份是 Akamai 的研究报告,当时总共采访了大约 1048 名网上购物者,得出了这样的结论: 大约有 47% 的用户期望他们的页面在两秒之内加载完成。 如 阅读全文

posted @ 2021-01-13 11:39 漫思 阅读(681) 评论(0) 推荐(0) 编辑

js将手机号中间四位变成*号
摘要:方法一、利用数组splice,split,join方法 var tel = 18810399133; tel = "" + tel; var ary = tel.split(""); ary.splice(3,4,"****"); var tel1=ary.join(""); console.log 阅读全文

posted @ 2020-12-29 10:53 漫思 阅读(474) 评论(0) 推荐(0) 编辑

取出字符串中的所有数字
摘要:方法一、遍历字符串并判断 function getNum(str){ var ary = []; var tem = ""; for(var i=0;i<str.length;i++){ if(str.charAt(i) >= "0" && str.charAt(i) <= "9"){ tem += 阅读全文

posted @ 2020-12-29 10:52 漫思 阅读(402) 评论(0) 推荐(0) 编辑

js中字节B转化成KB,MB,GB
摘要:1 function change(limit){ 2 var size = ""; 3 if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B 4 size = limit.toFixed(2) + "B" 5 }else if(limit < 0.1 * 1024 * 1 阅读全文

posted @ 2020-12-29 10:43 漫思 阅读(449) 评论(0) 推荐(0) 编辑

数组去重的几种方法
摘要:var arr = [1,3,4,7,4,3,6,12,45,33]; 1、数组的当前项和下一项比较,如果两者相同,删除其一 arr.sort(); for(var i=0;i<arr.length;i++){ if(arr[i] == arr[i+1]){ arr.splice(i,1) i-- 阅读全文

posted @ 2020-12-29 10:40 漫思 阅读(131) 评论(0) 推荐(0) 编辑

最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等
摘要:一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9] 阅读全文

posted @ 2020-12-29 10:39 漫思 阅读(120) 评论(0) 推荐(0) 编辑

360浏览器强制使用极速模式
摘要:360浏览器强制使用极速模式 <meta name="renderer" content="webkit"> 试用于双核浏览器的都具备这个特征。 <meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA 阅读全文

posted @ 2020-12-24 10:19 漫思 阅读(317) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示