首页
学习
活动
专区
工具
TVP
发布

前端Q

专栏成员
390
文章
510598
阅读量
42
订阅数
手把手教你写一个前端脚手架
脚手架是什么,相信各位已经熟悉得不能再熟悉了,毕竟无论是vue开发者(vue-cli)还是react(create-react-app)开发者,他们都有各自的脚手架,个人虽是用react更多,但不得不说是更喜欢vue-cli的,它的插件机制非常有意思,虽不如webpack的plugin那么方便,但也很强大。不过再讲这强大的功能之前,原谅我先水一篇脚手架的基础。
winty
2024-07-11
450
都应该会的前端代码规范 - 日志打印规范
在前端开发中,随着项目迭代升级,日志打印逐渐风格不一,合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题,提高开发效率。本文将介绍如何在前端项目中制定日志输出规范。
winty
2024-07-11
300
前端项目路径别名终极解决方案
一个前端项目通常会演变成复杂的嵌套目录结构。因此,使用相对路径导入可能会变得更长且更混乱,这可能会对代码的外观产生负面影响,并让辨识代码的来源变得更加困难,更加重要的是代码文件位置变动相对路径就得改变。
winty
2024-07-08
1360
12 种 Vue 设计模式
对于很多状态管理问题来说,最简单的解决方案是使用可组合函数来创建一个可共享的数据存储。
winty
2024-07-08
1710
Vue反编译dist包到源码
最近由于公司老项目上的问题,由于项目很老,之前交接的源码包中缺少了很大一部分模块,但是现在线上的环境和dist包是正常运行的,领导希望能够手动将这部分补全,由于前期项目的不规范,缺少接口文档以及原型图,因此无法知道到底该如何补全,因此,我想着能不能通过dist包去反编译源码包呢,经过多方面探索发现是可行的,但是只能编译出vue文件,但是也满足基本需要了。
winty
2024-06-14
2810
简化你的工作,7 种常用的 JS 代码片段
日常开发中,我们经常会用到很多通用的 JS 代码,比如:复制内容、从 URL 中获取指定参数 等
winty
2024-06-13
1770
不管你信不信,面试官让我使用 JS 计算 LocalStorage 的容量!
现在的面试总会遇到很多“奇葩”的问题,不过本着“存在即合理”的态度,从“深入JS”的角度来看,这些个性化的面试题还是挺有意思的。
winty
2024-06-13
1170
25个每个开发人员都应该知道的CSS 技巧
CSS(层叠样式表)是 Web 开发人员必不可少的工具,可让你精确地设置 HTML 元素的样式。但是,掌握 CSS 不仅仅需要了解基础知识。以下 25 个 CSS 技巧可以让您的生活更轻松,代码更简洁。
winty
2024-06-13
1540
15 个你不知道的 CSS 属性
在Web 开发领域中,CSS(层叠样式表)是构建网站视觉美感和布局的支柱。虽然许多开发人员熟悉常用的 CSS 属性,但仍有大量隐藏的宝石等待被发现。
winty
2024-05-31
1430
前端到底要怎么去性能优化?
页面的性能优化对于前端来说永远是离不开的课题,前端性能优化一直也不是作为一个单独的问题存在,它往往需要开发者结合计算机网络、浏览器相关技术、前端框架、构建工具以及开发者自己的代码等多层面去思考优化的方案,所以前端性能不应该是前端领域的一个孤岛⛱️,而需要作为串联起前端技术的零件🔩。
winty
2024-05-21
1770
Vite 为何短短几年内变成这样?
自 2020 年 4 月发布以来,Vite 的人气蒸蒸日上。目前 Vite 在 GitHub 上的收藏数量已超过 64k,每周下载量超过 1200 万次,现在为 Nuxt、Remix、Astro 等大多数开源框架提供支持。
winty
2024-05-20
2790
16 个在面试前需要知道的系统设计概念
英文 | https://levelup.gitconnected.com/16-system-design-concepts-i-wish-i-knew-before-the-interview-b8586e40a73b
winty
2024-05-10
2040
面试官:假如有几十个请求,如何去控制并发?
面试官:看你简历上做过图片或文件批量下载,那么假如我一次性下载几十个,如何去控制并发请求的? 让我想想,额~, 选中ID,循环请求?,八嘎!肯定不是那么沙雕的做法,这样做服务器直接崩溃啦!突然灵光一现,请求池!!! 我:利用Promise模拟任务队列,从而实现请求池效果。 面试官:大佬!
winty
2024-05-10
2550
字节三年,谈谈一线团队如何搞工程化
小马加入公司不久,最近刚接手一个新需求。凭借以往经验,这是一个small case,很快的给了排期,准备开干。没多久,他就向他的mentor提了第一个问题:“怎么创建项目?”,mentor很快就丢过来一个仓库,并回复道“你拿着这个项目去copy下改改”。小马愣了一下,不敢多问,立马开始操作,一顿CV猛如虎,项目终于跑起来,心想“快了,只要项目跑起来就快了”。接着小马在开发过程中遇到一个比较通用的功能,又问mentor有没有类似组件,没多久mentor又丢过来一个仓库,并在链接下评论:“你在xx文件下找找xx组件,应该修改修改就能用”,小马又把项目跑起来了,细研究了源码,果然能用,很开心又解决了一个问题。这样类似问题一个接一个,mentor也都能很快的给出答复。时间很快,在mentor的加持下到了联调那一天,小马心里长舒一口气“终于可以用真实数据跑一把了”,结果在浏览器刷新的那一刻,页面白了,虽然屏幕有点脏,但显的格外的白,这终究还是没有超出预期啊。这一调又是一堆问题,要么是成功码不对,要么是该有的字段没有,有了结构也不对,小马跑过去问后端怎么回事,后端回道“你应该没看最新文档”,小马打开文档对比了下:“嗯,是已经有很多不一样的了,但和现在的接口返回好像也不完全一样吧”,最终小马还是选择了相信接口返回的json。又是一顿折腾准备提测,小马又问mentor“怎么部署啊?”,mentor毫无意外的又丢过来一个文档,好一点的是这次只有一个文档,应该比较简单,点开的一瞬间又绷不住了,里面是一堆文档的链接,有什么编译的、部署的、环境配置的、权限配置的、流水线校验等等。此时小马已经濒临崩溃,但也只能硬着头皮挨个看,挨个对接,但总有地方报错。去查文档,但文档点开总有其它文档,点不完,有时还会有好几篇相同的文档,但说法却不尽相同(小马心里苦啊,他要的只是一个button,轻轻一点就能部署罢了)。作为新同学,小马只能一遍又一遍的问自己的mentor。
winty
2024-05-10
3880
Vue3 除了 keep-alive,还有哪些页面缓存的实现方案
有这么一个需求:列表页进入详情页后,切换回列表页,需要对列表页进行缓存,如果从首页进入列表页,就要重新加载列表页。
winty
2024-04-30
3040
写html页面没意思,来挑战chrome插件开发
谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序,可以为用户提供额外的功能和定制化的体验。谷歌浏览器插件通常由HTML、CSS和JavaScript组成,非常利于前端开发者。 开发者可以利用这些技术在浏览器中添加新的功能、修改现有功能或者与网页进行交互。
winty
2024-04-25
2930
前端开发者必须知道的日常小技巧!
这篇文章收录了本人在前端学习实践中遇到的一些问题及解决,可供前端新人进行学习和参考,下面先展示一些可能有用的文档/文章/网站:
winty
2024-04-19
1980
为什么大厂都要开发自己的脚手架?
每个初入大厂的前端同学,在真正投入开发之前的第一件事可能就是熟悉公司的脚手架,从那一刻起,你就抛弃了熟悉的cra、vue-cli、vite等,成为了合格的大厂人(误)
winty
2024-04-18
3210
TypeScript很麻烦,不想使用!
最近,我们部门在开发一个组件库时,我注意到一些团队成员对使用TypeScript表示出了抵触情绪,他们常常抱怨说:“TypeScript太麻烦了,我们不想用!”起初,我对此感到困惑:TypeScript真的有那么麻烦吗?然而,当我抽时间审查队伍的代码时,我终于发现了问题所在。在这篇文章中,我想和大家分享我的一些发现和解决方案。
winty
2024-04-17
1720
关于虚拟DOM(面试必看)
虚拟 DOM(Virtual DOM)本质上是 JS 和 DOM 之间的一个映射缓存,它在形态上表现为一个能够描述 DOM 结构及其属性信息的 JS 对象
winty
2024-04-16
1160
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档