收集箱
文章平均质量分 64
所有未分类文章汇总
imcholl
前端工程师
展开
-
css 尺寸单位(px,%,em,rem,vh,vw)的区别及应用场景
em是相对长度单位。相对于当前对象内文本的字体尺寸(参考物是父元素的font-size)如当前父元素的字体尺寸未设置,则相对于浏览器的默认字体尺寸特点: 1. em的值并不是固定的 2. em会继承父级元素的字体大小场景使用:为了字体大小的可维护性和伸缩性,推荐使用em,如果存在3层以及3层以上的字体相对尺寸的设置,可以考虑使用rem。vw:表示视口的宽度,我们把视口分成100份,1vw就表示当前视口宽度的百分之一;vh:表示视口的高度,1vh就表示当前视口高度的百分之一;vmin:表示在vw与vh原创 2022-06-17 14:47:06 · 3542 阅读 · 0 评论 -
Ajax、Fetch、Axios三者的区别
三者都用于网络请求,但是不同维度Ajax (Asynchronous JavaScript and XML),一种技术统称Fecth,一个具体的API1、和XMLHttpRequest 一个级别,是它的升级版本2、Fetch语法更加简洁、易用,支持PromiseAxios,第三方库 http://www.axios-js.com/1、最常用的网络请求lib(随着Vue火爆起来的)2、内部可用XMLHttpRequest和Fetch实现lib和API的区别lib是第三方库,可以自原创 2022-05-25 22:57:39 · 364 阅读 · 0 评论 -
节流和防抖
什么是节流和防抖?节流和防抖都是性能优化的手段,是前端开发人员必不可少的技能之一。节流:限制执行频率,有节奏的执行。防抖:限制执行次数,多次密集的触发只执行一次。两者有什么区别?节流关注过程(限制频率),防抖关注结果分别用于什么场景?代码实现造轮子:防抖//定义:触发事件后在n秒内函数只能执行一次,如果在n秒内又触发了事件,则会重新计算函数执行时间。//搜索框搜索输入。只需用户最后一次输入完,再发送请求//手机号、邮箱验证输入检测 onchange oninput.原创 2022-05-26 22:39:49 · 247 阅读 · 0 评论 -
进制转换算法
在数字后面加上不同的字母来表示不同的进位制。B(Binary)表示二进制;O(Octal)表示八进制;D(Decimal)或不加表示十进制;H(Hexadecimal)表示十六进制;例如:(101011)B=(53)O=(43)D=(2B)H(101011)B = (43)D12^5 + 02^4 + 12^3 + 02^2 + 12^1 + 12^032+0+8+0+2+1=43例1:(1010)O = (520)D18^3 + 08^2 + 18^1 + 08^0512+0+8+0=520例2:(原创 2022-06-09 20:15:41 · 1952 阅读 · 0 评论 -
二分查找算法
给定一个 n 个元素有序的(升序)整型数组 nums 和一个目标值 target ,写一个函数搜索 nums 中的 target,如果目标值存在返回下标,否则返回 -1。示例 1:输入: nums = [-1,0,3,5,9,12], target = 9输出: 4解释: 9 出现在 nums中并且下标为 4示例 2:输入: nums = [-1,0,3,5,9,12], target = 2输出: -1解释: 2 不存在 nums中因此返回 -1答案:/** * @param原创 2022-05-05 22:49:42 · 146 阅读 · 0 评论 -
vue element-ui 暗黑主题应用到若依框架
基于若依框架的element-ui,将主题更换为暗黑主题。原创 2023-04-11 17:44:59 · 4403 阅读 · 0 评论 -
Http状态码详解
±-----±------------------------------±-------------------------+| Code | Reason-Phrase | Defined in… |±-----±------------------------------±-------------------------+| 100 | Continue | Section 6.2.1原创 2022-05-25 23:02:48 · 94 阅读 · 0 评论 -
前端代码规范工具ESLint和Prettier
目前前端的标准Linter 是 ESLint:https://eslint.cn/,。它的目标是提供一个插件化的javascript代码检测工具。Prettier官网:https://www.prettier.cn/,它的目标是保存代码时,代码就被格式化了,无需争论代码样式,节省时间和精力。Linter 主要的功能就是用一堆规则来提高代码质量,这些规则又大致可分为两类:1.代码质量规则这类规则可以理解为比语法错误更轻的一种警告,主要用来防止你的代码出现一些潜在错误,比如推荐使用 const 和 let 声明原创 2022-06-08 16:18:00 · 2783 阅读 · 0 评论 -
2023年07月文章收集
字节跳动的前端工程化实践原创 2023-07-19 21:51:09 · 100 阅读 · 0 评论 -
2023年05月文章收集
postgresql中的 pg_dump和pg_restorePostgreSQL 数据库备份与还原PostgreSQL 自动生成的主键的 UUID、序列或标识列?聊聊NPM镜像那些险象环生的坑封装Vue Element的可编辑table表格组件原创 2023-05-23 16:05:51 · 371 阅读 · 0 评论 -
[译文] PostgreSQL 自动生成的主键的 UUID、序列或标识列?
有时客户会问我关于自动生成主键的最佳选择。在本文中,我将探索这些选项并给出建议。每个表都需要一个主键。在关系数据库中,能够识别单个表行很重要。如果您想知道为什么,请在 Internet 上搜索数以千计的问题,寻求帮助以从表中删除重复条目。建议您选择一个主键,它不仅是唯一的,而且在表行的生命周期内永远不会改变。这是因为外键约束通常引用主键,更改在别处引用的主键会导致麻烦或不必要的工作。现在,有时一个表有一个自然的主键,例如一个国家公民的社会安全号码。但通常情况下,没有这样的属性,您必须生成一个人工主键。有些人原创 2023-05-23 15:25:33 · 3285 阅读 · 0 评论