图解浏览器的多进程渲染机制

2023-01-05
阅读 6 分钟
2.7k
观察浏览器的任务管理器可以发现,打开浏览器的一个页面需要多个进程,包括浏览器进程、GPU 进程、网络进程、渲染进程等,有插件的话还会包括各种插件进程(Chrome 选项 -> 更多工具 -> 任务管理器)。

JSON对象转换TypeScript声明

2022-10-13
阅读 4 分钟
3.7k
TS使开发人员能够掌握各种组件的交互方式,并使代码重构变得更加容易;但对于需要准确定义的类型,在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义,会有大量的转换和的时间成本。通过VSCode插件实现一键生成TS声明,可以节省编程过程的开发成本。

前端性能优化

2021-04-29
阅读 17 分钟
4.1k
性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用,请读者带着批判性的眼光来阅读本文。

forEach跳出循环体

2021-01-06
阅读 1 分钟
23.9k
在forEach中,不能使用 continue 和 break ,可以使用 return 或 return false 跳出循环,效果与 for 中 continue 一样。注意该方法无法一次结束所有循环。

android上实现0.5px线条

2021-01-06
阅读 2 分钟
3.6k
由于安卓手机无法识别border: 0.5px,因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现。

前端辅助开发工具

2020-12-28
阅读 2 分钟
3.6k
阿里矢量图库传送门 包含非常丰富的图标Orion矢量图库传送门 carbon传送门 非常优美的代码编辑模块,可以辅助我们在写PPT等文档截取代码块的时候不再是模糊的截图,可直接使用这个公共copy代码块,非常清晰。如下图:codepen传送门 CodePen 则是前端开发者们约“码”的天堂。它不仅提供给你了一个 Showcase 的平台,而且能...

React中使用Vditor详解(自定义图片上传)

2020-12-24
阅读 9 分钟
5.8k
安装npm install vditor -s引用导入依赖包import Vditor from "vditor";导入样式import "vditor/src/assets/scss/index.scss";使用示例 {代码...} 示例: 功能使用新建对象 {代码...} 新建对象时第一个参数ID,要对应上再render里面注入的IDoption参数tip:只列举一下常用参数,其他的参数请参照官方API参数说明height配...

前端实用小工具(三)(去空格、JOSN转url参数、删除url参数等)

2020-10-21
阅读 3 分钟
4.9k
JSON转URL参数 {代码...} 删除url指定参数 {代码...} 获取url全部参数转json {代码...} 去除字符串空格 {代码...}

前端实用小工具(URL参数截取、JSON判断、数据类型检测、版本号对比等)

2020-09-30
阅读 4 分钟
4k
背景在日常开发中,我们经常会用一些工具类方法来实现业务逻辑 下面列举几种最常用的URL截取参数 {代码...} JSON是否为空判断 {代码...} 数据类型检测 {代码...} 获取cookie {代码...} 版本号对比一般在做APP端开发的时候需要用到一些版本控制,那么就需要针对版本号来进行对比,高版本或者低版本做一些特殊的逻辑处理,...

React+TS免注册DOM页面dialog弹窗

2020-09-29
阅读 7 分钟
3.4k
在日常的需求开发中我们经常需要用到弹窗,那么在我们构建弹窗时,在引用组件是都需要引入组件DOM,然后通过事件来控制组件的影藏显示,调用也不是很方便;

React列表中实现文案多行收起展开的功能(实用小妙招)

2020-06-04
阅读 5 分钟
4.3k
css实现 在我们平时的业务开发中经常会用到文案超出只有收起,点击在展示全部文案;通常的使用时使用css来实现 {代码...} 效果如下: 使用css实现时只能做多行的省略,也没法根据文字去添加定制化的按钮去实现展开收起的功能,这个只是适合特定要求不是很高的场合下使用。 字符串截取 另一种方法是使用字符串截取的方案 ...

前端资源缓存详解

2019-10-24
阅读 5 分钟
7.4k
前言 对每个前端开发者来说都避不开前端缓存,那么前端缓存都有哪些,又该如何去设置呢? 前端缓存只要分为HTTP缓存和浏览器缓存,下面我们分别来介绍一下 HTTP缓存 HTTP缓存又分一下两种: 强缓存 协商缓存 两者的主要区别是使用本地缓存的时候,是否需要向服务器验证本地缓存是否依旧有效。顾名思义,协商缓存,就是需...

从一道面试题来了解浏览器渲染过程

2019-10-10
阅读 4 分钟
5.3k
理解浏览器是如何工作的,对我们做业务的技术选型、架构设计等都有非常重要的作用,可以让我们准确的评估web开的项目的可行性,站在更高维度审视页面,以及在快节奏的技术迭代中把握住问题的本质。

如何写出优雅耐看的JavaScript代码

2019-09-20
阅读 9 分钟
10.4k
前言 在我们平时的工作开发中,大多数都是大人协同开发的公共项目;在我们平时开发中代码codeing的时候我们考虑代码的可读性、复用性和扩展性。 干净的代码,既在质量上较为可靠,也为后期维护、升级奠定了良好基础。 我们从以下几个方面进行探讨: 变量 1、变量命名 一般我们在定义变量是要使用有意义的词汇命令,要做...

前端经典面试题(60道前端面试题包含JS、CSS、React、网络、浏览器、程序题等)

2019-09-16
阅读 30 分钟
20.8k
(以下所有答案仅供参考) 简答题 1、什么是防抖和节流?有什么区别?如何实现? 参考答案 防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 思路: 每次触发事件时都取消之前的延时调用方法 {代码...} 节流 高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率 ...

前端JS内存管理

2019-09-12
阅读 7 分钟
5.9k
像C语言这样的底层语言一般都有底层的内存管理接口,比如 malloc()和free()。相反,JavaScript是在创建变量(对象,字符串等)时自动进行了分配内存,并且在不使用它们时“自动”释放。 释放的过程称为垃圾回收。这个“自动”是混乱的根源,并让JavaScript(和其他高级语言)开发者错误的感觉他们可以不关心内存管理。