源码学习---一行代码统一规范团队包管理器的神器(only-allow) 场景:团队开发项目时,常常需要安装依赖,虽然一般使用文档可以说明。但不是比较强制的约束。(之前遇到一个项目在同事电脑安装依赖能运行,而我电脑安装依赖却跑不起来。后面发现是由于我node和npm的版本引起的安装依赖和运行项目失败了参考解决链接)。假如规定是用的npm,团队中的某个同学使用其他包管理工具进行依赖的安装,且提交了。那么很大可能会直接影响到同时在该分支工作的其他同学,带来不必要的精力损耗。 2021-11-30 源码学习 前端进阶 源码学习
玩转 Vue 3 全家桶--初始Vue3(1) 2021 年的前端范畴已经今非昔比,从最早的做页面,到现在的工程化、监控、跨端,薪资水涨船高的同时,也对从业者提出了更高的要求:不能只会做页面,而是要全面地拥抱计算机知识体系,比如算法、设计模式、编译原理等计算机专业知识,这也是现在各大厂面试的主要考察点。对于这些考察点,只有一小部分面试者有过系统的学习,大部分面试者都只是零散地学习过其中的某些内容,也就是说前端这个岗位的断层其实非常严重。由于大学 2021-11-17 Vue3 前端基础 Vue3
TypeScript 学习二 四、TypeScript 函数 TypeScript 函数与 JavaScript 函数的区别 箭头函数 1.常见语法 1234567891011myBooks.forEach(() => console.log('reading'));myBooks.forEach(title => console.log(title));myBooks.forEach 2021-08-04 TS学习 前端基础 TS学习
TypeScript 入门 ts的优缺点 1、优点代码的可读性和可维护性:举个🌰看后端某个接口返回值,一般需要去network看or去看接口文档,才知道返回数据结构,而正确用了ts后,编辑器会提醒接口返回值的类型,这点相当实用。 在编译阶段就发现大部分错误,避免了很多线上bug 增强了编辑器和 IDE 的功能,包括代码补全、接口提示、跳转到定义、重构等 2、缺点有一定的学习成本,需要理解接口(Interfaces)、泛型( 2021-08-03 TS学习 前端基础 TS学习
浏览器的回流与重绘 什么是回流?当一个元素自身的宽高,布局,显示或隐藏,或元素内部的文字结构发生变化,导致需要重新构建页面的时候,就产生了回流 什么是重绘?当一个元素自身的宽高,布局,及显示或隐藏没有改变,而只是改变了元素的外观风格的时候,就产生了重绘 注意:回流一定会触发重绘,而重绘不一定会回流什么时候会进行回流? 添加或者删除可见的DOM元素的时候 元素的位置发生改变 元素的尺寸发生改变 内容改变 页面 2021-07-24 CSS CSS 前端基础
TCP协议 引言网络协议是每个前端工程师都必须要掌握的知识,TCP/IP 中有两个具有代表性的传输层协议,分别是 TCP 和 UDP,本文将介绍下这两者以及它们之间的区别。 一、TCP/IP网络模型计算机与网络设备要相互通信,双方就必须基于相同的方法。比如,如何探测到通信目标、由哪一边先发起通信、使用哪种语言进行通信、怎样结束通信等规则都需要事先确定。不同的硬件、操作系统之间的通信,所有的这一切都需要一种规 2021-07-09 计算机网络 前端基础 计算机网络
如何获取页面出现次数最多的 HTML 标签 相同点: 递归和迭代都是循环的一种。 不同点: 1、程序结构不同 递归是重复调用函数自身实现循环。迭代是函数内某段代码实现循环。 其中,迭代与普通循环的区别是:迭代时,循环代码中参与运算的变量同时是保存结果的变量,当前保存的结果作为下一次循环计算的初始值。 2、算法结束方式不同 递归循环中,遇到满足终止条件的情况时逐层返回来结束。迭代则使用计数器结束循环。 当然很多情况都是多种循环混合采用,这要根 2021-07-08 JS进阶 前端基础 JS进阶
Vue 组件传参的八种方式总结 一、props 传参子组件定义 props 有三种方式: 1234567891011121314151617// 第一种数组方式props: [xxx, xxx, xxx]// 第二种对象方式props: { xxx: Number, xxx: String}// 第三种对象嵌套对象方式props: { xxx: { //类型不匹配会警 2021-07-08 Vue 前端基础 Vue
css实现两栏固定中间自适应 css实现两栏固定中间自适应1、利用绝对定位和margin 此方法的原理说将左右两侧进行定位,让其脱离文档流。 中心区域自然流动到它们下面,再为其设置margin值 此方法页面元素结构可以顺序可以随意变动, 注意top值需要进行处理,不然可能会出现对不齐现象 HTML 12345<div id='container'> <div class= 2021-07-06 CSS CSS 前端基础
HTTP报文&HTTP的优缺点 HTTP 报文结构是怎样的?对于 TCP 而言,在传输的时候分为两个部分:TCP头和数据部分。 而 HTTP 类似,也是header + body的结构,具体而言: 起始行 + 头部 + 空行 + 实体 由于 http 请求报文和响应报文是有一定区别,因此我们分开介绍。 起始行对于请求报文来说,起始行类似下面这样: GET /home HTTP/1.1 也就是方法 + 路径 + http 2021-07-05 计算机网络 前端基础 计算机网络