前端Q

其他

ChatGPT 的 5 大功能可以帮助你提高代码质量

https://medium.com/geekculture/5-chatgpt-features-to-boost-your-daily-work-404478fd70ca翻译
2023年2月24日
其他

在VUE3中调用 createApp 时,Vue 为我们做了那些工作?

app;}复制代码上面重写的mount方法中,其实最主要的做的是三件事:获取挂载的容器调用原本的mount方法挂载根组件为容器设置vue的专属属性现在到我们动手实现一个简易版的mount方法了;//
2023年2月23日
其他

Vue3 Table 性能优化,减少 85% 渲染耗时

变更也可以正常更新。手动点击测试选中、排序、分页等均未发现异常。基于以上三点,在我们业务中,这个修改是可行的。提醒:如果想在你自己的项目中使用该优化,需要先做好测试。下面来看具体修改细节拷贝
2023年2月21日
其他

还在用 JS 做节流吗?CSS 也可以防止按钮重复点击

实现“节流”其实就是控制一个动画的精准控制,假设有一个动画控制按钮从禁用->可点击的变化,每次点击时让这个动画重新执行一遍,在执行的过程中,一直处于禁用状态,这样就达到了“节流”的效果还可以通过
2023年2月17日
其他

细说 Vue 响应式原理的 10 个细节!

对象,直接给当前target数组带上自定义封装的数组方法,从而实现监听数组变化。其实arrayMethods处理后就是下面这样一个对象:image.pngprotoAugment(value,
2023年2月15日
其他

36张图,一次性补全网络基础知识

,适合大型网络,直接封装在IP数据报传输。OSPF协议优点:安全;支持多条相同费用路径;支持区别化费用度量;支持单播路由和多播路由;分层路由。RIP与OSPF的对比(路由算法决定其性质):10
2023年2月14日
其他

如何使用ChatGPT快速构建一个网站模板

文件的内容,然后从报价列表中随机选择一条报价并将其传递到前端,并在网页上显示。此外,该网页还包含一个标有“更改报价”的按钮,点击后将刷新页面并显示另一个随机报价。因此,让我们开始要求
2023年2月13日
其他

从组件化角度聊聊设计工程化

恰好是打通设计研发工作链路的一把钥匙,但不应该只有一把。好的设计系统可以在产品的一致性和品牌的创造性表达之间取得平衡,好的组件化思路也应该能最大化运用设计系统的价值。在未来,随着技术的推陈出新,比如
2023年2月13日
其他

9 个JSON.stringify 的秘密大多数开发人员却不知道

BigInt最后以上就是我今天跟你分享的全部内容,希望你能从今天的文章中学到新的知识。最后,感谢你的阅读,祝编程愉快!往期推荐vue
2023年2月10日
其他

vue 中动态引入图片为什么要是 require, 你不知道的那些事

编译过后的图片资源地址:/img/logo.6c137b82.png那要怎么解决上述的问题呢,答案就是:require4.
2023年2月8日
其他

面试官:你确定多窗口之间sessionStorage不能共享状态吗?

里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文,
2023年2月7日
其他

深入浅出前端缓存 (收藏!)

返回新的文件。为了解决上述的这两个问题。从http1.1开始新增了一个头信息,ETag(Entity
2023年2月3日
其他

10 个可以副业赚钱的网站,总有一个适合你

以现金支付,并提供范围广泛的调查。它也是一个知名且信誉良好的调查网站。缺点:与其他调查网站一样,可用的调查数量可能不一致,您可能无法参加所有调查。与此列表中的其他一些机会相比,薪酬也相对较低。7.
2023年2月3日
其他

用 Three.js 做个兔吉宝箱给大家拜个年

}})复制代码目前还是比较简单,就是单纯的控制场景是哪一个,当然你还可以加一些别的配置比如音量或者播放速度的控制等等。每次切换场景只要通知一些系统,状态要改变了,场景就会发生变化。//
2023年2月2日
其他

推荐20个开源的前端低代码项目

的轻量、灵活的短视频加工库,只需要添加几张图片或视频片段再加一段背景音乐,就可以快速生成一个很酷的视频短片。项目链接:https://github.com/tnfe/shida最新star:
2023年2月1日
其他

互联网寒冬下,我拿到了5个大厂的sp offer

除此之外,秋招还收获了用友高潜的offer,以及交行总部信息科技岗(成都研发中心)和工行总部信息科技岗(成都研发中心)的体检通知4.
2023年1月31日
其他

面试官:前端重新部署如何通知用户刷新网页?

的hash值去判断,每次打包都会生成唯一的hash值,只要轮询去判断不一样了,那一定是重新部署了.image.png3.代码实现interface
2023年1月30日
其他

React 实现自动上报 pv/click 的埋点 Hooks

组件带来的更新效应。效果刚开始时依次点击按钮1,2,3,效果如下:点击点击按钮后,再依次点击按钮1,2,3时,效果如下:本文参考:React
2023年1月16日
其他

开发一个自己的 JS 库,都需要哪些知识?

迷渡(justjavac)虽然这本书的主题是设计与实现库,但读完之后会发现,书中那些使代码更加健壮可靠、使开发流程更加方便轻松的知识,无论是否用于开发一个库,都会对我们很有帮助。——Apache
2023年1月14日
其他

一次令人窒息的百度面试

"/hashpath"的方式修改浏览器的hash值。监听描点变化可以通过监听hashchange事件监听hash值的变化。window.addEventListener('hashchange',
2023年1月13日
其他

虚拟列表,我真的会了!!!

https://juejin.cn/post/7082366494348148744[2]https://juejin.cn/post/6844903982742110216#heading-3:
2023年1月11日
其他

一文彻底了解Web Worker,十万、百万条数据都是弟弟

表示每秒传输帧数,是分析动画的一个主要性能指标,绿色的长度越长,用户体验越好;反之红色越长,说明卡顿严重从图中看到FPS中有一条持续了35s的红线,说明这期间卡顿严重2、火焰图MainMain:
2022年9月29日
其他

JavaScript 代码优化之道

width;console.log(area);复制代码分解条件表达式what将条件表达式提炼成函数where在带有复杂条件逻辑的函数中,往往可以将原函数中对应的代码改为调用新函数。对于条件逻辑,
2022年9月20日
其他

Vue3 开发拒绝 CV, 快使用 CRUD

},});复制代码可以通过done的参数来判断是批量删除还是单行删除.特别注意done必须是一个返回"promise"的函数,
2022年9月16日
其他

狂肝半个月!1.3 万字深度剖析 Vue3 响应式(附脑图)

},这是读取到的值时receiver对象的foo属性。而我们上文中的问题的解决方法就是在操作对象数据的时候通过Reflect的方法来传递第三个参数receiver,它代表谁在读取属性:const
2022年9月15日
其他

基于 iframe 的微前端框架 —— 擎天

UI不同步的难题,并充分发挥了iframe作为页面容器的优势,实现了父子应用异步加载、子应用瞬间切换的能力,从而达到单应用项目的体验。往期推荐最全面的
2022年9月14日
其他

最全面的 Node.js 资源汇总推荐

前端Q,关注公众号回复加群,加入前端Q技术交流群作者@前哨君|地址@https://github.com/jobbole/awesome-nodejs-cn由于微信不支持外链,可文末
2022年9月13日
其他

Hooks时代,如何写出高质量的react和vue组件?

前端Q我是winty,专注分享前端知识和各类前端资源,乐于分享各种有趣的事,关注我,一起做个有趣的人~公众号点击上方
2022年9月9日
其他

Vue超全资源,收藏!

VueJS管理模板以获取更好的想法。它基于bootstrapVue。此外,它是一个可高度定制,高级,最受客户喜爱的多用途管理模板。Vuexy提供了一些非常惊人且引人注目的功能:多语言支持RTL添加了
2022年9月8日
其他

使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏

👍关于本文作者:dragonirhttps://juejin.cn/post/7124116814937718797往期推荐中高级前端工程师都需要熟悉的技能--前端缓存低代码都做了什么?怎么实现
2022年9月7日
其他

JavaScript中几个优雅的运算符使用技巧

0复制代码对于方法的调用你可以这样写object.runsOnlyIfMethodExists?.()复制代码例如下面的parent对象,如果我们直接调用parent.getTitle(),
2022年9月6日
其他

中高级前端工程师都需要熟悉的技能--前端缓存

前端Q我是winty,专注分享前端知识和各类前端资源,乐于分享各种有趣的事,关注我,一起做个有趣的人~公众号点击上方
2022年8月30日
其他

低代码都做了什么?怎么实现 Low-Code?

按钮,所以此处{v.el()}的目的正是要渲染这个按钮组件,这里只需简单了解下v.el的函数体即可,后面会对它进行详细讲解现在为.left-config,也就是Left组件区添加事件import
2022年8月29日
其他

中杯超大杯中间的新选择—— Vue2.7 + Vite + TS 实践

build查看构建产生的文件,我们可以发现其js文件是作为module模块引入的,这是因为vite默认支持的浏览器基线是支持ESM的现代浏览器。ESM兼容性[10]module的兼容性所以像IE
2022年8月26日
其他

两个真实线上故障让你彻底搞懂package.json中的脱字符(^)

install的时候,「复现了这个问题」。我们开始怀疑是iview的官方包出了问题。于是乎,我们去翻阅iview的文档,在他的更新日志里发现了这样一段话:image.pngModal
2022年8月25日
其他

API 请求慢?这次锅真不在后端

https://webpack.docschina.org/configuration/dev-server/#devserverserver[4]spdy:
2022年8月24日
其他

为什么有人说 vite 快,有人却说 vite 慢?

s,简直夸张。虽然也出现了一些诸如首屏、懒加载性能下降等负面效果,但整体来说依然利大于弊,开发幸福感提升非常明显。接下来小编就通过本文给大家分析一下,具体聊一聊
2022年8月20日
其他

获取个验证码居然还可以这样玩

样式触发css动画。示图2.png生成条带让数字转动之前我们先要生成一下条带,当然我们可以直接使用图片,但是咱们没有设计,所以前端自己动手丰衣足食吧。就用
2022年8月18日
其他

浏览器 DevTools 你真的会用吗?

Time表示该活动开始的时间点,相对于记录的开始时间。比如103.6ms,表示活动在录制开始后103.6毫秒开始。JS分析器打开开发者工具按ctrl+shift+p搜索Show
2022年8月18日
其他

最近对前端构建工具的一些理解

nobundle,更好的开发体验)复制代码丰富的构建工具,形成了百花绽放的局面,可用于不同的情形,给开发人员带来了越来越多的选择。结束语目前来看,构建工具在整个前端体系中占据的位置是越来越重要。只会
2022年8月17日
其他

全网最详细的React异常捕获及处理机制

环境下在自定义事件监听器中执行用户的回调函数,如果用户的回调函数抛出异常,则被全局的异常监听器捕获,并且立即执行全局异常监听器。可以复制下面的代码在浏览器控制台执行let
2022年8月16日
其他

将微前端做到极致-无界方案

前端Q,关注公众号回复加群,加入前端Q技术交流群微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite
2022年8月15日
其他

在 Vue3 中实现 React 原生 Hooks(useState、useEffect),深入理解 React Hooks 的

设置成了一个链表结构的数据,那么其中的原理又是怎么样的呢?链表的基本思维是,利用结构体的设置,额外开辟出一份内存空间去作指针,该指针总是指向下一个节点,一个个节点通过
2022年8月12日
其他

「万字总结」动画 + 大白话讲清楚React渲染原理

render最重要的生命周期,没有之一。用来生成虚拟节点(vDom)树。该方法只要遇到需要重新渲染都会运行。同样的,在render中也严禁使用setState,因为会导致无限递归重新渲染导致爆栈。
2022年8月11日
其他

可视化全链路日志追踪

TraceLogger日志工具包下面是TraceLogger工具包分别进行业务日志和节点日志上报的使用案例,整体的改造成本较低。业务日志上报:无学习成本,基本无改造成本。案例:业务日志上报
2022年8月11日
其他

2022 年了,我才开始学 TypeScript ,晚吗?(7.5k字总结)

[1];复制代码泛型参数的默认类型我们可以为泛型中的类型参数指定默认类型。当使用泛型时没有在代码中直接指定类型参数,从实际值参数中也无法推测出时,这个默认类型就会起作用。有点
2022年8月10日
其他

如何为 Vue3 组件标注 TS 类型,看这个就够了!

带来哪些新思想?赶紧学起来!为什么我强烈推荐使用智能化async?最后欢迎加我微信,拉你进技术群,长期交流学习...欢迎关注「前端Q」,认真学前端,做个专业的技术人...点个在看支持我吧
2022年8月9日
其他

超大体量项目,微前端落地方案,看完后悔来找我

'react-dom':'ReactDOM',}复制代码在主应用的入口文件引入react的cdn链接注意尽量和本地用的是同一个版本,防止兼容问题
2022年8月8日
其他

8月2日晚,累计 292 万人紧盯 Flightradar24 网站,航班跟踪的技术原理是什么?

多个机场。可以在线跟踪当天飞行航班的飞行地图轨迹、飞机型号、出发地、目的地、海拔高度、飞行速度、经纬度、飞机雷达型号等信息。此外,多天以前的飞行航班信息也可以追踪到。Flightradar24
2022年8月8日
其他

11 个 ES2022(ES13)中惊人的 JavaScript 新特性

都从数组的第一个元素开始搜索,但在某些情况下,最好从最后一个元素开始搜索。在某些情况下,我们知道从最后一个元素中查找可能会获得更好的性能。例如,这里我们试图在数组中获取值
2022年8月5日