JavaScript
137 人感兴趣 · 1807 次引用
- 最新
- 推荐

Vue.js 最佳实践:提高性能和减少耦合的方法
Vue.js 是当今一款最受欢迎的前端框架之一,它让我们能够快速、灵活地开发 Web 应用程序。然而,尽管这种灵活性是Vue.js的优点之一,但对于大型应用程序而言,也会带来性能方面的一些挑战。此时,优秀的Vue.js最佳实践就能派上用场了。

this 之谜揭底:从浅入深理解 JavaScript 中的 this 关键字(一)
系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。
LeetCode:2695. 包装数组,详细解释
原题链接:https://leetcode.cn/problems/array-wrapper/


技术分享 | 如何编写同时兼容 Vue2 和 Vue3 的代码?
资深前端倾情分享:如何实现同时兼容 Vue2 与 Vue3 的代码?业务实践中有哪些代码精简和优化的小技巧?

【深度剖析】JavaScript 中块级作用域与函数作用域
系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

作为 Vue 爱好者如何转战 React,从这款开源项目开始基于 React18,TypeScript,vite4,antd4.x 等技术开箱即用的中后台管理解决方案
基于 React18,TypeScript,vite4,antd4.x等相关主流技术开发,一个免费开源的中后台管理系统开箱即用的前端解决方案,也可适用于学习React时进行参考或练手的项目。

我的 UI 组件库发布了!
介绍一下我开源的移动 web 组件库 - STDF。 欢迎到 GitHub 上提 Issue 和 PR,使它强大,使它更好!可以帮助到更多的人。

前端开发之函数式编程实践 | 京东云技术团队
函数式编程是一种编程范式,它将程序抽象为函数和数据结构,通过函数调用来实现程序的功能,并且函数可以作为参数传递给其他函数。在 JavaScript 中,函数式编程可以实现面向对象编程的一些功能,比如抽象、封装、继承和多态等。
用 Tensorflow.js 做了一个动漫分类的功能(二)
前面已经通过采集拿到了图片,并且也手动对图片做了标注。接下来就要通过 Tensorflow.js 基于 mobileNet 训练模型,最后就可以实现在采集中对图片进行自动分类了。
用 Tensorflow.js 做了一个动漫分类的功能(一)
浏览某乎网站时发现了一个分享各种图片的博主,于是我顺手就保存了一些。但是一张一张的保存实在太麻烦了,于是我就想要某虫的手段来处理。这样保存的确是很快,但是他不识图片内容,最近又看了 mobileNet 的预训练模型,想着能让程序自己对图片分类,
Tensorflow.js 对视频 / 直播人脸检测和特征点收集
这里要介绍的是 Tensorflow.js 官方提供的两个人脸检测模型,分别是 face-detection 和 face-landmarks-detection。他们不但可以对视频中的人间进行精确定位,而且还能对当前设备 (手机 / 电脑摄像头) 采集的直播流实时监测人脸。所以这些的应用场景就
Tensorflow.js 视频图片多目标检测
Tensorflow.js 官方提供了很多常用模型库,涵盖了平时开发中大部分场景的模型。例如,前面提到的图片识别,除此之外还有人体姿态识别,目标物体识别,语音文字等识别。其中一些可能是 Python 转换而来,但都是开发人员用海量数据或资源训练的,个人觉得
Tensorflow.js 多分类,机器学习区分企鹅种类
在规则编码中,我们常常会遇到需要通过多种区间判断某种物品分类。比如二手物品的定价,尽管不是新品没有 SKU 但是基本的参数是少不了。想通过成色来区分某种物品,其实主要是确定一些参数。然后根据参数数据以及参数对应成色的所有数据集归档用机器学
如何在 uni-app 中使用 fingerprint2 实现游客设备标识
这里的fingerprint不是uni-app的指纹模块,是一个使用javascript开发的设备指纹采集器,通过这个库可以定位正在使用的浏览器具备的特征唯一标识。如系统字体、屏幕分辨率、浏览器插件,就算使用浏览器的隐私窗口模式也无法匿名。
Electron 登录注册桌面应用源码 + 安装文件的打包方法
在当下流量几乎被瓜分的背景下,如果说Web应用是从别人那里抢流量,那桌面应用和手机应用就是留住抢来的流量。Web应用暴露在搜索引擎下,所以可以通过网络营销链接方便快速的引流web产品上。
理解并实现自动导入(Auto Import)功能的原理
本文详细介绍了自动导入(Auto Import)功能的原理及其实现,从源代码分析、AST转换、生成新代码的过程,帮助读者更深入地理解这一功能。
虚拟模块在前端开发中的应用与示例
虚拟模块是一种在构建工具(如 Vite)中动态生成的模块,它们在编译阶段被构建工具生成,但在运行时表现得像普通的 JavaScript 模块一样。虚拟模块允许开发者创建具有动态生成内容的模块,实现更灵活的编程模式。
深入理解 shims-vue.d.ts 和 declare module
本文详解shims-vue.d.ts文件与declare module,介绍了它们在Vue项目中的作用、用途及创建方法,助力TypeScript类型检查与识别。

async/await 详解
async/await是ES20717引入的,主要是简化Promise调用操作,实现了以异步操作像同步的方式去执行,async外部是异步执行的,同步是await的作用。

手撕代码系列 (四)
系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。

什么是 RUM JavaScript
RUM JavaScript 指的是一种用于网页性能监测的 JavaScript 代码,它能够在用户访问网站时记录用户的行为和页面性能数据,并将这些数据发送给RUM(Real User Monitoring,实时用户监测)系统进行分析和展示。

手撕代码系列 (三)
系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。


作为前端你还不懂 MutationObserver?那 Out 了
为什么突然写MutationObserver呢?最近在写页面水印的时候用到了MutationObserver方法,两者之间有什么联系呢?不用MutationObserver情况下,使用网站的人员可以随意修改DOM就可以把系统作者的版权标识(水印)去掉。

手撕代码系列 (二)
系列首发于公众号『前端进阶圈』 ,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。
一个神奇的小工具,让 URL 地址都变成了"ooooooooo"
一个很有创意的小工具网站,将一个URL地址转换为都是 ooooooooo 的样子,通过转换后的地址访问可以转换回到原始地址,设计很巧妙的实现了这个功能。

NPM 实用命令与快捷方式
在 JavaScript 中,无论是新手还是专家都可能在命令行中使用过 NPM。在本篇文章中,我将会整理超实用的 NPM 命令、快捷方式及技巧,帮助 JavaScript 开发人员提高生产力和效率。