逍遥的编程笔记-优快云博客

资源加载优先级是指在页面渲染的过程中，浏览器决定加载哪些资源并优先加载它们的一种机制。正确配置资源加载的优先级可以显著改善页面加载性能，确保关键资源优先加载，提高用户感知的加载速度。资源加载方式适用场景示例代码同步加载关键脚本、必要资源异步加载非关键脚本、提高性能预加载 (Preload)关键资源、异步加载资源、资源依赖关系预取 (Prefetch)下一个页面的资源、提前加载用户可能浏览的内容预渲染 (Prerender)对用户体验要求极高的场景精细化控制资源加载顺序、网络请求优先级。

2024-08-05 09:55:01 992

原创前端性能优化-webpack构建优化

本文主要总结 webpack 构建优化相关的事情PS: webpack 的每次更新都会带来很多的新特性，因此学习新知识的时候，不要专注于流程的配置和调参。因为流程终会简化，参数（API）终会升级。要抓大放小，把精力放在最核心的内容上，因为核心的思想是最不容易过时的.

2024-08-05 09:54:19 587

原创前端性能优化-script标签中的async与defer

当浏览器解析 DOM 时候，遇到 script 标签时，会暂停 DOM 的解析，先加载并执行 script 中的代码，然后再继续 DOM 的解析。

2024-08-05 09:52:51 1117

原创前端性能优化-React代码优化

本文总结 React 中的代码优化的技巧。

2024-08-05 09:51:56 688

原创前端性能优化-Gzip工作原理

Gzip（GNU Zip）是一种数据压缩和文件格式的算法。它主要用于在网络传输中减小数据的大小，从而提高传输速度。Gzip 使用 DEFLATE 算法对数据进行压缩，同时还包括一些额外的文件头信息和校验信息。

2024-08-05 09:49:30 646

原创前端性能优化-CSS 相关的性能优化策略

本节总结 CSS 相关的性能优化策略。

2024-08-05 09:47:51 424

原创 uniapp微信H5开发本地调试方案

痛点：1）原生的H5，并不能方便地提供类似扫一扫的功能2）原生H5的扫一扫也需要部署到httpsps：本文基于mac系统，windows用户可以根据思路来进行调整。

2024-08-05 09:46:44 1762

原创 web 唤起 app 的原理

Web 唤起 App 的基本原理通常有使用定制的 URL schemes 或者 Universal Links（iOS）和 Deep Links（Android）

2024-08-05 09:44:04 516

原创 chrome插件开发踩坑汇总

chrome插件开发虽然使用的是传统的 web 技术，但是在组件通讯，状态管理，开发配置方面还是有许多坑的

2024-08-05 09:42:33 1114

原创 WebRTC 初探

项目中有局域网投屏与文件传输的需求，所以研究了一下 webRTC，这里记录一下学习过程。

2024-08-05 09:30:18 665

原创 acme.sh生成https证书

SSL 价格并不便宜, 本节介绍如何使用 acme.sh 生成免费的 SSL 证书

2024-08-02 08:58:09 733

原创剪贴板操作

本文介绍剪贴板相关的 API 以及实现文本处理效果.

2023-07-24 04:52:52 365

原创 JS中的selection与range

本文简单总结下文本输入中的 Selection 与 Range 事件。测试地址见:在线效果预览项目中一般有主题色的需求，这时候可以通过 css 中的伪类可以自定义选中背景颜色去除第三方的 UI 库的选取选中可能要自定义 css 插件// 去除antd样式文件中的 ::selection，原因是::selection难以被取消 module . exports = function runtime(params) {Selection 对象表示用户选择的文本范围或插入符号的当前位置。

2023-07-24 04:43:50 642

原创 keydown, input,change,compsition事件的区别

本文主要总结下与文本输入的相关的事件。测试地址见:在线效果预览本文只是简单的列举了一些文本输入相关的事件，实际项目中会遇到比较多的兼容性问题，需要针对对应的问题进行处理。

2023-07-24 04:42:02 491

原创 HTML中的焦点管理

焦点作为页面交互中的重要一环，涉及到的知识点也比较多，有必要做一个统一的总结。

2023-07-24 04:40:49 3118

原创企业微信开发第三方H5应用开发踩坑

企业微信开发第三方H5应用开发

2023-02-16 00:44:43 2936 2

原创 monorepo npm publish 显示404

问题描述:在开发js-rock这个monorepo仓库的时候, 发布的时候显示 404解决的方案在npm上新建组织, 如js-rocks(对应package名需要加@, 如@js-rocks/lodash-tiny)npm addusernpm adduser --registry=https://registry.npmjs.org/ --scope=js-rocks`npm publishnpm publish --access public...

2022-05-12 18:56:29 612

原创 Unable to preventDefault inside passive event listener due to target being treated as passive

一.需求: tab导航要求滚动效果二.问题: iscroll左右滚动不流畅,网上找了一通,大致有以下三种解决方法方法一: 为滚动区域外层div添加下列css样式 ```css #wrapper { touch-action: none; }方法二: 添加disablePointer参数new IScroll('#wrapper', { disableP...

2019-02-22 21:18:44 5202

原创 Git clone Access denied Authentication failed

git拉取项目、git push的时候提示没有权限:Access denied Authentication failed 网上看了一下，估计是第一次输入账号密码的时候输入错误，但是问题是git把错误的账号密码进行了缓存，第二次输入的时候git没有再提示输入账号密码，逐个试了以下方案：一、git config --system --unset credential.helper...

2018-08-05 22:55:04 20288 3

原创 line-height和vertical-align实现多行文字水平垂直居中效果

这篇文章源于同事问了我两个问题:(1)为什么height和line-height设置相同的值能够使得单行文字垂直居中?(2)如何实现多行文字水平垂直居中效果?经过学习,大致形成了自己的思路,也顺利解决了同事的疑惑,觉得有必要写篇文章记录,一来是给自己做备忘,二来是给恰好有此疑惑的同行一个解决问题的思路,鉴于本人水平有限,文中不当之处欢迎批评指教.(一)从文字和图片的...

2018-07-28 22:23:56 5852 5

原创原型链与继承（一）：六种常见继承模式

一、原型链继承：function SuperType(){ this.colors = ["red", "blue", "green"];}SuperType.prototype.Fun = function(){};function SubType(){}//继承了SuperTypeSubType.prototype = new SuperType();var ins...

2018-05-15 17:01:43 15259 1

空空如也

空空如也