自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 元素垂直居中方案——看这一篇就够了!

前端面试常考知识点之元素垂直居中方案

2021-10-14 12:00:00 114

原创 bind、call、apply 区别和实现

bind、call、apply 区别call 和 apply 都是为了解决改变 this 的指向。作用都是相同的,只是传参的方式不同。除了第一个参数外,call 可以接收一个参数列表,apply 只接受一个参数数组let a = { value: 1}function getValue(name, age) { console.log(name) console.log(age) console.log(this.value)}getValue.ca

2021-10-12 14:38:13 145

原创 小程序的机制(支付宝&微信的区别)

小程序机制对小程序机制的理解小程序的背景:在小程序没有出来之前,最初微信WebView逐渐成为移动web重要入口,微信发布了一整套网页开发工具包,称之为 JS-SDK,给所有的 Web 开发者打开了一扇全新的窗户,让所有开发者都可以使用到微信的原生能力,去完成一些之前做不到或者难以做到的事情。但JS-SDK 的模式并没有解决使用移动网页遇到的体验不良的问题,比如受限于设备性能和网络速度,会出现白屏的可能。因此又设计了一个增强版JS-SDK,也就是“微信 Web 资源离线存储”,但在复杂的页面上依然会

2021-10-12 14:24:33 298

原创 谈谈js的变量提升

谈谈js的变量提升当执行 JS 代码时,会生成执行环境,只要代码不是写在函数中的,就是在全局执行环境中,函数中的代码会产生函数执行环境,只此两种执行环境。b() // call bconsole.log(a) // undefinedvar a = 'Hello world'function b() { console.log('call b')}想必以上的输出大家肯定都已经明白了,这是因为函数和变量提升的原因。通常提升的解释是说将声明的代码移动到了顶部,这其实没有什么错误,便于

2021-10-12 12:00:00 81

原创 大厂面试必备——React相关面试题

1、React 中 keys 的作用是什么?Keys是 React 用于追踪列表中哪些元素被修改、被添加或者被移除的辅助标识在开发过程中,我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素,从而减少不必要的元素回流。此外,React 还需要借助 Key 值来判断元素与本地状态的关联关系,因此我们绝不可忽视转换函数中 Key 的重要性2、传入 setState 函数的第二个参数的作

2021-10-11 14:16:30 704

原创 前端面试高频手写题目

高频手写题目面试高频手写题目1 实现防抖函数(debounce)防抖函数原理:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时手写简化版:// func是用户传入需要防抖的函数// wait是等待时间const debounce = (func, wait = 50) => { // 缓存一个定时器id let timer = 0 // 这里返回的函数是每次用户实际调用的防抖函数 // 如果已经设定过定时器了就清空上一次的定时器 // 开始一个新的定时

2021-10-11 11:11:33 410

原创 小程序自定义组件上传发布npm以及使用详细流程

一、简介小程序自定义组件支付宝小程序创建和发布自定义组件流程npm 删除(废弃)发布包或版本前端开发经常需要使用到 npm 安装第三方库,那么如何将自己写的库上传到 npm 进行使用呢?如果在项目中使用到依赖包,可以先了解一下 npm 命令使用介绍以及区别,里面有对安装依赖包的详细介绍二、注册 NPM 账号注册好之后记得去填的注册邮箱里面验证一下,在继续下一步,否则发布会报错。三、打开命令行,登录 NPM在登录之前,先确定一下 NPM 镜像,如果镜像在之前设置为了淘宝镜像,那么在使

2021-10-09 16:53:55 1274

原创 flex简介及其常见布局方式

flex简介为元素设置display: flex或者 display: inline-flex该元素即成为伸缩容器(flex container),设置为flex ,该元素会独占一行设置为 inline-flex,可以与其他 inline 元素在同一行。此时伸缩容器的子元素自动升级为伸缩项目(flex item),伸缩项目的的特点如下,伸缩项目默认在一行排列。自动升级为块元素。所有伸缩项目默认在主轴的 start 处排列。伸缩项目也可以再次设置为flex,即flex可以互相嵌套。

2021-10-08 18:51:15 2086

原创 2020微信小程序应用开发赛比赛经历

2020微信小程序应用开发赛比赛经历背景大家好,我是「小黄求职」小程序的开发团队的队长,在去年三月份参加了中国高校计算机大赛2020微信小程序应用开发赛,拿到了一个全国三等奖、华南赛区一等奖的奖项,在此做一个分享,以供后人参考这个是当时的赛程说明获奖证明[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sqHwKdtt-1633687537733)(/Users/bytedance/Library/Mobile Documents/comappleCloudDocs

2021-10-08 18:14:13 732

原创 Web前端开发怎么学?

前端开发怎么学?首先别的不谈,学习前端是为了什么?当然是找一份像样的工作,但是找工作要对口,工作可以细分各个行业,前端同样也可以继续细分下去,而不是你认为的学了前端三剑客(HTML,CSS,JavaScript)就可以找到一份像样的工作,那个只是基础而已,只要是个前端人,就得掌握的知识,只是每个人的熟练程度不一样罢了,但对于刚接触的人来说,必须要学好前端三剑客,才有资格去接触其他方面的知识既然选择做一个前端开发的技术人员,那就要先准备好工具,毕竟“工欲善其事,必先利其器”Mac电脑如果懂

2021-09-30 18:01:12 179

原创 前端领到Mac电脑后该做的事情

Mac OS 不可或缺的套件管理器:brewa. Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。基本上很多在App Store上面找不到的软件都可以通过这个来安装,具体使用方法npm包管理工具:node.jsa. node编辑器:vscodea. vscode:基本上算是必备的前端开发工具了,前端常用vscode插件,选择合适的安装即可..

2021-09-30 15:16:42 283

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除