自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1469)
  • 资源 (5)
  • 收藏
  • 关注

转载 关于我怎么进字节

最近很多同学都在看机会????????‍♀️,问我有没有大厂的前端面经和面试资料。这不来了嘛,今天分享的是一位读者的字节一面的面经,以及他所做的面试准备,大家可以参考一下。???? 读者是在今年2月面试的抖音生活服务前端岗,顺利拿到了offer。字节毕竟是顶流大厂,非常重视基础和代码能力,感觉问的问题还挺多的????,面试时长足足有1个半小时之多...???? 字节上岸面试合集文末领取问题记录 (1h 30min):面试准备(...

2024-02-29 10:10:10 2

转载 玩转 TypeScript 类型注解

引言TypeScript 类型注解是确保代码稳健性的关键。今天我们学习基础类型注解、数组和元组、函数、对象、联合类型和类型别名以及 Generics 类型注解,提高代码可读性和维护性。1:基础类型注解在 TypeScript 中,类型注解是提高代码可读性和稳健性的关键。我们从基础开始,学习如何为变量明确类型。//基础类型注解letusername:string="John";let...

2024-02-29 10:10:10 2

转载 前端 TS 微课系列(一):深入了解 TypeScript 基本类型

引言今天开始学习前端 TypeScript 微课系列,整个系列通过视频 + 文字的方式呈现出来,通过深入研究 TypeScript 中的各种关键概念,从基础到高级应用,今天先来了解 TypeScript 的基本类型。TypeScript 是一种超集,它为 JavaScript 提供了静态类型检查,让我们更轻松地发现和解决潜在的错误。1:数字类型通过数字类型,可以更精确地定义变量的值//数字类型...

2024-02-28 08:45:46 5

转载 Git撤销已合并提交的多种姿势

#Git撤销已合并提交的多种姿势在Git中,合并分支是一个常见的操作,但有时候可能会意外地将错误的提交合并到了主分支。这时候需要撤销已合并的提交并恢复到正确的状态。本文将介绍的是如何在Git中撤销已合并的提交,无论这个提交记录是最新的还是中间的某一个。撤销最新合并的一次提交如果要撤销最新的合并提交,可以使用git revert命令来创建一个新的提交,撤销错误的变更。首先使用git log命令查看提...

2024-02-27 08:45:45 8

转载 Node 调试利器,前端、Node 开发必备 - VSCode JS Debug Terminal

经常看到有同学抱怨 Node 调试麻烦或者是搞不清怎么调试各种脚本、Jest、Webpack 等等,而偶尔看到的调试相关的文章又全都是在写 inspect、launch.json 这些方案,其实有一定学习成本。而其实在 VSCode 中早已内置了相当无脑的 Debug 方式,就是 JavaScript Debug Terminal,利用它我们只需要负责打断点,别的什么 inspect、launch...

2024-02-26 08:45:48 11

转载 Nue.js:现代化前端框架的崭新选择

伟大的事业是根源于坚韧不断地工作,以全副精神去从事,不避艰苦。——罗素Nue.jsNue.js 是一款轻量级、现代化的前端框架,旨在提供更简单、更直观的开发体验。它采用了一系列先进的技术和思想,使得前端开发更加轻松、高效。https://github.com/nuejs/nue介绍 Nue.jsNueJS 是一个非常小(2.3kb minzipped)的 JavaScript 库,用于构建用户界面...

2024-02-23 09:05:10 13

转载 相见恨晚的前端开发利器

昨天,朋友说有个新需求,需要在短时间内做 100 多个不同并且很复杂的表单(类似于下图,但可能更复杂),有没有什么好的解决方案呢。对于少量的复杂表单,手动编写尚可接受,但面对如此庞大的数量,逐个实现显然不是明智之选。因此,推荐使用可视化表单生成器来实现。这类工具允许用户通过简单的拖拽和配置快速生成复杂表单,极大提升了工作效率。通常,可视化表单生成器包含两大核心组件:表单设计器和表单渲染器。表单设计...

2024-02-22 08:40:23 17

转载 阿里内部首发2024前端开发手册,完整版开放下载了!

做技术的有一种资历,叫做通过了阿里的面试。上周找阿里P8级前端专家要来了一套内部资料——《阿里前端高频面试真题库》,都是常考必考点,文档内容整理采用「核心知识点 + N 道相关面试题」模式,掌握了不单能应付面试,还能学到更多的前端核心知识,应用在工作中!下面是部分资料内容的展示↓(PS:PDF文档在文末领取)1Javascript面试真题解析 210页2Vue面试真题 237页3Css面试真题...

2024-02-21 10:10:33 13

转载 使用debug进行Node.js调试

???? 简介在Node.js开发过程中,调试是一个非常重要的环节。调试工具可以帮助我们快速定位问题、追踪代码执行过程、查看变量值等。而debug是一个轻量级的调试工具,它提供了一套简单而强大的调试功能,可以帮助开发者更加高效地进行调试工作。本文将介绍如何使用debug包进行Node.js调试,并深入解析debug的设计理念和特点。???? 安装和使用首先,我们需要安装debug包:npm install d...

2024-02-20 08:50:27 13

转载 通过自定义 Vue 指令实现前端曝光埋点

本文首发于政采云前端团队博客:通过自定义 Vue 指令实现前端曝光埋点https://www.zoo.team/article/vue-command-buried-point前言互联网发展至今,数据的重要性已经不言而喻,尤其是在电商公司,数据的统计分析尤为重要,通过数据分析可以提升用户的购买体验,方便运营和产品调整销售策略等等。埋点就是网站分析的一种常用的数据采集方法。埋点按照获取数据的方式一般...

2024-02-19 08:50:25 12

转载 Web 第三方嵌入的最佳实践

今天给大家带来一篇 Web 第三方嵌入相关的实践文章,在我们的网页中嵌入一个第三方网页是再常见不过的需求了,比如一些视频播放、在线地图或者广告等等。第三方的内容可能会通过多种方式影响我们页面的性能。比如它可能会阻塞渲染、与我们页面上其他的资源争夺网络带宽、第三方网页的嵌入也可能在加载时导致布局偏移,进而影响我们网页的 Core Web Vitals 指标。本文主要讨论的就是在网页加载第三方嵌入时可...

2024-02-02 08:46:02 42

转载 浅谈前端埋点&监控

浅谈前端埋点&监控https://www.zoo.team/article/monitor一、为什么需要埋点&监控在开始正文之前,我们先想想为什么需要埋点&监控?当我们在分析复盘一个产品是否成功的时候,不同的角色考虑的方向是不同的。站在产品的视角,经常会问如下几个问题:1. 产品有没有用户使用2. 用户用得怎么样3. 系统会不会经常出现异常4. 如何更好地满足用户需求服务用...

2024-02-01 08:46:00 42

转载 如何一键生成前端代码

作为后端程序员,我一直想独立开发一个产品,哪怕只是一个简单的落地页。但由于前端开发对我来说颇有难度,这个愿望一直未能实现。直到 ChatGPT 发布,我才借助它来共同开发了一个名为“Bulk Delete ChatGPT”的插件,至今已拥有超过1600名用户,并时常收到好评。由于插件依赖于 ChatGPT 官网的页面样式,而官网经常更新,因此需要频繁更新插件代码。但由于我的能力限制,无法及时发布最...

2024-01-31 08:45:17 35

转载 Git Merge vs. Git Rebase: 选择正确的合并策略

在使用 Git 进行版本控制时,理解何时使用git merge和git rebase对于高效和有序的代码管理至关重要。虽然两者都是用于合并代码的强大工具,但它们在不同情境下的适用性和影响各不相同。本文旨在深入探讨这两种命令,并指导何时以及如何正确使用它们。Git Merge概述git merge是一种非破坏性操作,用于将两个分支的更改合并到一起。它通过创建一个新的“合并提交”(G'),将...

2024-01-30 08:45:46 40

转载 如何使用preact开始一个前端项目?

preact是react的最小化实现,其包大小仅仅只有3kb(有点过去夸大,但真的很小),如下是它贴出的一些相关信息的图:本篇文章对于preact不做过深介绍,仅仅介绍其基础的使用方法。使用Preact,我们可以通过组装组件和元素的树来创建用户界面。组件是返回其树应该输出的内容的描述的函数或类。这些描述通常是用JSX(如下所示)或HTML编写的,它利用了标准的JavaScript标记模板。这两种语...

2024-01-29 08:45:55 15

转载 前端是如何进行埋点的

埋点"埋点" 是一种在应用程序或网站中插入代码的技术,用于收集用户行为数据或特定事件的信息。它是用于分析和监控用户行为、应用性能和其他关键指标的一种常用方法。通过在特定位置插入代码或调用特定的 API,开发人员可以捕获有关用户如何与应用程序或网站交互的数据。埋点的目的是为了收集关键的指标和数据,以便帮助了解用户行为、改进用户体验、优化应用性能、进行 A/B 测试和支持业务决策。通过埋点,可以收集以...

2024-01-26 08:45:24 126

转载 基于 istanbul 的前端代码覆盖率统计实战

引言代码覆盖率对于项目的质量和可靠性至关重要。它是衡量测试覆盖程度的关键指标,可以帮助开发团队评估他们的测试范围和代码质量。发现潜在的代码错误:确保在各种场景下都对代码进行了适当的测试,从而减少潜在的错误和缺陷。降低维护成本:通过代码覆盖率测试,可以更早地发现和修复潜在的问题。这有助于减少在生产环境中出现的 bug 数量,从而降低维护成本。提高代码质量:促使开发团队编写更健壮、可靠的代码。增加团队...

2024-01-25 08:45:39 48

转载 我终于学会的前端技能——代码调试、打断点

在技术的世界里,要用魔法来打败魔法说来惭愧我做前端已近三年了竟然还没有学会如何调试代码,也就是给自己的代码打上断点一步步看它的运行状态以达到理清代码运行逻辑、排查问题提升开发效率的目的。直到最近我才学会了这一技能,在这之前我用的还是在代码中用console.log的方式去调试,使用这种方法也不是不好,在大多数情况下它绝对适用,如果遇到稍微复杂点的代码执行逻辑console.log就显得力不从心了。...

2024-01-23 08:46:03 33

转载 如何编写高质量的前端代码

1.引言1.1 为什么要写高质量的代码在业务开发中,我们经常出现的一种情形,在项目初期高效地实现业务需求,但随着时间推移,添加新功能的速度逐渐减慢。我们需要花费更多的事件去思考如何将新功能塞进现有的代码库,不断蹦出来的bug修复起来也变得越来越难。代码库看起来就像在补丁上打补丁,最终需要进行繁琐的考古工作才能理解系统的运行方式。高质量的代码通常更易于理解和修改,这可以减少在维护和更新代码时所需的时...

2024-01-19 08:45:53 32

转载 堪称 React 版本的 Pinia,这才是你该选的 React 状态管理库!

前言提到 React 状态管理,我最初是接触的 Context,就是用 useContext 和 useReducer 去做状态管理,写多了发现还是挺麻烦的,还会出现 “Provider 嵌套地狱” 的问题,对于不同的 state 也不好组合计算。后面了解到 Redux,固有的模式使得用户需要编写很多重复和复杂的代码,甚至开发者也说了 “Try MobX”。对于 MobX,和前者的的函数式编程不同...

2024-01-18 08:45:52 53

转载 Web图像组件设计的最佳实践

网页中的图片处理一直是 Web 开发的一大挑战,今天跟大家来一起看看 Next.js 中的 Image 组件,我觉得这个组件的设计有很多值得借鉴的地方,可以作为图片组件设计的最佳实践。英文原文在这:https://web.dev/image-component/本文中会涉及一些网页性能指标,没有了解过的同学可以先看一下我这篇文章:解读新一代 Web 性能体验和质量指标网页中的图像带来的主要问题和优...

2024-01-17 08:45:08 23

转载 Midway.js探索与实践

前言我司的技术基建在Midway之上,主要是面向中后台前后端一体化方案,大白话就是全栈应用解决方案,什么是Midway呢?Midway Serverless 是用于构建 Node.js 云函数的 Serverless 框架。帮助您在云原生时代大幅降低维护成本,更专注于产品研发,而其专注于函数即服务,你只需要编写JavaScript函数就可以像编写Java接口一样的简单,并且提供了开箱即用的部署解决...

2024-01-16 08:45:44 36

转载 了解前端新框架-nue.js

本文作者系360奇舞团前端开发工程师最近前端又出来一个新框架/库,名为nue.js。9.13号提交了第一个commit,到今天已超过4.5k个star。前端开发者 Tero Piirajinen 推出了一个名为 Nue.js 的极简化前端开发工具,并迅速引发社区讨论。Piirajinen 在 Hacker News 上表示,它是 React、Vue、Next.js、Vite、Svelte 和 As...

2024-01-15 08:45:41 45

转载 前端代码规范工程化最佳实践 - ESLint

前言There are a thousand Hamlets in a thousand people's eyes.一千个程序员,就有一千种代码风格。在前端开发中,有几个至今还在争论的代码风格差异:单引号还是双引号?代码行结束是否需要分号?两个空格还是四个空格?...这几个代码风格差异在协同开发中经常会被互相吐槽,甚至不能忍受。除此之外,由于 JavaScript 的灵活性,往往一段代码能有多种...

2024-01-12 08:45:48 33

转载 推荐一个页面引导库 driver.js

页面引导功能是 web 开发中常见的一个功能。通过页面引导功能,你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。简介 driver.js 是一款用原生 js 实现的页面引导库,上手非常简单,体积在 gzip 压缩下仅仅 5kb。我们来看下如何使用 driver.jsimport{driver}from"driver.js";import"dri...

2024-01-11 08:45:55 27

转载 前端 JS 安全对抗原理与实践

作者:vivo 互联网安全团队- Luo Bingsong前端代码都是公开的,为了提高代码的破解成本、保证JS代码里的一些重要逻辑不被居心叵测的人利用,需要使用一些加密和混淆的防护手段。一、概念解析1.1 什么是接口加密如今这个时代,数据已经变得越来越重要,网页和APP是主流的数据载体,如果获取数据的接口没有设置任何的保护措施的话,数据就会被轻易地窃取或篡改。除了数据泄露外,一些重要功能的接口如果...

2024-01-10 08:45:32 30

转载 前端调试的最佳实践

一、背景作为前端工程师,无论是开发还是线上环境,浏览器或是 node,移动端或者 PC 端,经常会遇到一些 bug,那么如何快速定位和解决问题呢,笔者准备了一份前端调试指南供大家参考。「文章大纲」:调试本身可以分为两个过程,「定位问题」 和 「解决问题」。而更重要的显然是如何快速的定位问题。本文将集中讨论如何 「快速发现」 并 「调试问题」,至于如何解决问题,那就是开发本身的事情,无法一概而论了。...

2024-01-09 08:45:19 22

转载 用TypeScript编写React的最佳实践

本文译自 https://www.sitepoint.com/react-with-typescript-best-practices/如今, React 和 TypeScript 是许多开发人员正在使用的两种很棒的技术。但是把他们结合起来使用就变得很棘手了,有时很难找到正确的答案。不要担心,本文我们来总结一下两者结合使用的最佳实践。React 和 TypeScript 如何一起使用 在开始之前,...

2024-01-08 08:45:59 26

转载 TypeScript 前端工程最佳实践

前言随着前端工程化的快速发展, TypeScript 变得越来越受欢迎,它已经成为前端开发人员必备技能。TypeScript 最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛认可。TypeScript 发展至今,已经成为很多大型项目的标配,其提供的静态类型系统,大大增强了代码的可读性、可维护性和代码质量。同时,它提供最新的JavaScript特性,...

2024-01-05 08:45:19 26

转载 京东一面:post为什么会发送两次请求?

在前段时间的一次面试中,被问到了一个如标题这样的问题。要想好好地去回答这个问题,这里牵扯到的知识点也是比较多的。那么接下来这篇文章我们就一点一点开始引出这个问题。同源策略在浏览器中,内容是很开放的,任何资源都可以接入其中,如 JavaScript 文件、图片、音频、视频等资源,甚至可以下载其他站点的可执行文件。但也不是说浏览器就是完全自由的,如果不加以控制,就会出现一些不可控的局面,例如会出现一些...

2024-01-04 08:45:58 30

转载 Web 前端开发走向何方?

猫叔是在大学期间在网吧里通宵时接触到了微软 Office 的附加组件 FrontPage,这是一个早已被历史淘汰的软件,不知是否有人还记得它。当时,猫叔突然发现搜狐、新浪等网站的页面原来可以自己动手制作。而与此同时,其他人在网吧里打游戏泡妞,猫叔则在网吧里研究了整整一晚上的页面制作。因此,今天,猫叔想和大家聊聊Web开发的发展以及未来的一些新趋势。其中,后端渲染和WebAssembly...

2024-01-03 08:45:09 30

转载 线上BUG引起思考:package.json 中的 ^~ 该保留吗?

一、写在前面一次线上项目 bug,引发了关于 package.json 中的 ^~ 是否该保留?保留可能引发的后果?以及如何在版本更新便利和版本更稳定中取舍的思考?这个 bug 是由于线上部署打包时,自己下载了最新依赖,于是线上依赖版本和研发本地依赖版本不同,不巧的是最新依赖有 bug 而本地早先下载的没有, 导致了定位 bug 浪费了大量时间。最后是发现 lock 的版本有差异,根据这个方向进一...

2024-01-02 08:45:33 34

转载 2年前端沉淀的web最佳实践

最近3个月忙的有点儿不知道干什么了,以至于没有产出一篇博客。但就在这忙到不知道干什么的时候,似乎从匆忙的迭代中悟出了些许关于代码可维护性相关的道理。以下就是工作2年来的些许沉淀,可能有点儿杂,如果你也有这样的经历,欢迎评论一起探讨。减少直接访问函数作用域外部的变量badconst a = 1;const b = 1;const addNum = () => { return a + ...

2023-12-29 08:45:24 29

转载 如何测试驱动开发 React 组件?

什么是TDDTDD(Test-driven development),就是「测试驱动开发」,是「敏捷开发」中的一项核心实践和技术,也是一种软件设计方法论。它的原理就是「在编写代码之前先编写测试用例」,由测试来决定我们的代码。而且 TDD 更多地需要编写「独立」的测试用例,比如只测试一个组件的某个功能点,某个工具函数等。TDD 的过程编写测试用例运行测试,测试失败修改代码测试通过重构/优化代码新增功...

2023-12-28 08:45:34 25

转载 万字解析 - React Fiber架构

前言 React 16 is the first version of React built on top of a new core architecture, codenamed “Fiber.” You can read all about this project over on Facebook’s engineering blog. (Spoiler: we rewrote Reac...

2023-12-27 08:45:10 37

转载 React、Vue3中父组件如何调用子组件内部的方法

React当父组件需要调用子组件的方法时,可以通过useImperativeHandle钩子函数实现。以下例子是ts实现方式。在子组件中使用 useImperativeHandle 钩子,将指定的方法暴露给父组件,以便父组件可以通过子组件的引用来调用该方法。在子组件中使用了 useImperativeHandle 钩子将 someMethod 方法暴露给父组件。注意,为了使用 useImpera...

2023-12-26 08:45:20 27

转载 React中如何使用动态组件(Dynamic Component)与JSX

React中如何使用动态组件(Dynamic Component)与JSX引言大家好,欢迎来到我的博客!今天我要和大家分享一个有趣又实用的主题——在React中如何使用动态组件(Dynamic Component)与JSX。如果你想为你的应用程序增加一些灵活性和可扩展性,那么动态组件是一个非常好的选择。让我们一起来探索吧!动态组件是什么?动态组件是指在运行时根据条件或参数的不同,选择性地渲染不同的...

2023-12-25 08:45:54 269

转载 当前端遇见了强制横屏签字的需求...

作者:爱泡澡的小萝卜原文:https://juejin.cn/post/7260697932173590565序言人的一生就是进行尝试,尝试的越多,生活就越美好。——爱默生在前一阶段的工作中,突然接到了这个需求:_手写签批的页面在移动端竖屏时强制页面横屏展示进行签字_,一开始我觉着只要将页面使用CSS3的 transform 进行 rotate 一下就可以了,但是当我尝试后发现并不是像我想象的...

2023-12-22 08:46:00 81

转载 字节面试:如何实现准时的setTimeout

最近有同学在面试的时候被问到了这个问题。所以我们利用这篇文章对这个问题进行下解答。背景setTimeout 是不准的。因为 setTimeout 是一个宏任务,它的指定时间指的是:进入主线程的时间。setTimeout(callback,进入主线程的时间)所以什么时候可以执行 callback,需要看 主线程前面还有多少任务待执行。由此,才有了这个问题。我们可以通过这个场景来进行演示:运行代码如...

2023-12-21 08:45:34 51

转载 什么?你还不会 OpenTiny 跨框架组件库适配微前端?

本文由体验技术团队 TinyVue 组件库成员陈家梅同学分享,带你手把手实现 TinyVue 组件库适配微前端~一、前言以下是我对微前端的一些粗浅理解,对微前端有一定了解的话可以略过,直接进入第二部分。1、微前端是什么?我们首先来点熟悉的东西,以我们最常见的页面为例,看下图:左侧为子应用路由切换,通过点击左侧完成右侧页面子应用的切换,这就是一个最简单的微前端应用架构了。作为一名资深打工人,为了便于...

2023-12-20 08:45:22 39

tableview下拉图片放大,导航条透明

tableview下拉图片放大,导航条透明

2017-02-08

iOS CoreGraphics绘图

core Graphics与UIKit绘图由基础入门到深入研究,所有代码与详细注释

2017-01-04

iOS https请求

iOS https请求

2016-12-21

iOS 旋转罗盘菜单

iOS 旋转罗盘菜单

2016-12-21

Xcode iOS_10.2 (14C92)_developer_diskimage

Xcode iOS_10.2 (14C92)_developer_diskimage

2016-12-19

空空如也

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

TA关注的人

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