Vue/React 将前端开发从 jQuery 命令式的编程风格带到了声明式的编程风格,开发者只需要描述界面应该是什么样子,Vue/React 就会根据数据的变化自动更新界面。 因此对于业务页面只需要...
前端性能优化(计时器/动画)的利器:?requestAnimationFrame?
前言 前段时间做过一个大屏的需求,它要求页面刚进入时,大屏数据刷新,然后每隔5s进行数据刷新,当时使用的方案是利用setInterval来每隔5s进行数据获取。当时也没感觉有什么问题。直到看到了一些文...
手写logo随机生成
随着AI技术的普及与深化,AI全栈开发作为一种高度整合前后端技术与AI应用能力的开发模式。本文将围绕“手写Logo随机生成”这一主题,深入浅出地介绍AI全栈开发的基本概念、关键技术点,以及如何通过实战...
【JavaScript教程】Vue-router 简简单单入个门
路由 vue中所有的 xxx.vue 都是一个组件,这些组件最终会被vue读取并编译成一段div结构,挂载在唯一的html文件中,所以想要实现组件之间的切换很简单,但是想要将某些组件当成页面(每个页面...
【JavaScript教程】对于不同设备的通用适配的css,你有什么好的解决方案?
前言 今天,上铺兄弟刚刚从ByteDance面试中归来,带着一丝难以捉摸的微笑...“面试怎么样?”我迫不及待地问道。“还可以吧。”“还可以是什么意思?”我直接就是一记勾手“不说我就不放手了!”,扭捏...
【JavaScript教程】AI全栈实战:个性化图片生成
在AI全栈项目中,前端负责用户提供直观的交互界面,接收用户输入,展示AI处理的结果,并与后端进行数据交换;后端负责与AI模型进行交互,处理复杂的计算任务,并管理数据的存储与检索;AI模型是整个项目的“...
【JavaScript教程】什么是模块化
什么是模块化?模块化是指将一个复杂的程序进行分解,划分为若干个独立且可复用的模块,每个模块有特定的功能,然后通过一定的规则组合在一起,构建出完整的应用程序。模块化有利于代码的可读性、可维护性、复用性,...
【JavaScript教程】监测系统中的第95百分位和第90百分位分别是多少?。
解释下什么是分位数 分位数(Quantile),TP=Top Percentile,即对一批数值型数据进行排序之后,排在p%位置的数值大小,是数据分析中非常重要的统计指标之一。 常用的分位数包括:80...
【JavaScript教程】微信小程序:必须知道的变量作用域 + 衍生到 js 数据类型
微信小程序变量作用域 最近菜鸟看见了一篇文章,自打这之后,使用变量就不敢在page外面定义了 这看得菜鸟感觉这个page外面的变量就是王八蛋呀! 可是今天,我感觉不能轻信这种博客呀,不然难受呀,感觉会...
【JavaScript教程】前端弄清函数节流、函数防抖、接口防重,再也不怕给页面或服务器造成负担了!
当用户频繁的与UI界面操作交互时,例如:窗口调整(触发resize),页面滚动(触发scroll),按钮点击(触发mousedown),实时搜索(触发keyup)等,可能导致界面卡顿、浏览器奔溃、页面...
【JavaScript教程】地上投影灯的移动效果-上墙壁、过楼梯
看新闻说是广州已经是52天中只有7天没下雨,我看现在已经是60多天了吧,真是谢谢了?。 听说山东有的地方却很久没下雨,村民都开始"求雨"了,老天爷啊,快把广东的雨分点过去吧,别闹了,人真...
【JavaScript教程】尝试解决vitepress等markdown文档写作 文档和预览要写2遍代码
在配置好vitepress后写demo文档 一般会遇到代码写一遍用于展示代码本身,再写一遍代码用于渲染展示代码的运行结果,那代码就写了2遍,比较繁琐,虽然可以copy 下面举个例子: 要在markdo...
【JavaScript教程】一场关于爱与代理的JS之旅
在这个充满趣味与智慧的JS脱口秀中,我们来聊聊一个既简单又充满魔力的概念——代理模式。想象一下,你是一个精通JS语言的魔术师,你的任务是让代码世界里的交流变得更加巧妙且高效。今天,我们的故事围绕着一场...
【JavaScript教程】nestJS系列–图片上传
前言 文件上传是每个项目都会用到的功能,NestJS在实现文件上传时,有TypeScript的强类型优势,确保代码安全稳定;语法十分的简洁,装饰器API如@UploadedFile()简化上传逻辑;支...
【JavaScript教程】记录工作中常用的 JS 数组相关操作
工作中常用的数组方法 push() - 向数组的末尾添加一个或多个元素,并返回新的长度。 pop() - 删除数组的最后一个元素并返回该元素。 shift() - 删除数组的第一个元素并返回该元素,数...
【JavaScript教程】TypeScript 实现的平替项目
不知道有多少前端,曾经像我一样,尝试去学习 V8 让自己可以从底层更好的了解 JS 的实现。但是由于太复杂而放弃,光下载、编译、调试足够让人望而却步了,更别说你需要有足够的 C++ 经验。 幸运的是,...
【JavaScript教程】js三座大山之函数闭包
什么是闭包 wiki定义: 在计算机科学中,闭包(英语:Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures),是在支持头等函数的编程语言中实...
Blog页面要展示锚点目录,组件库的Anchor组件不满足需求?
如果您的博客页面需要展示锚点目录,但是组件库的Anchor组件不符合您的需求,您可以考虑自定义锚点功能。这可能涉及到自定义滚动区域,使用偏移属性来设置锚点滚动的位置,以及监听链接点击事件以防止浏览器的...
【JavaScript教程】彻底搞清楚vue3的defineExpose宏函数是如何暴露方法给父组件使用
要彻底理解Vue 3中的defineExpose宏函数如何将方法暴露给父组件使用,可以参考Stack Overflow上的讨论和示例。defineExpose宏函数允许你在子组件中明确指定哪些属性和方...
【JavaScript教程】防抖(二):让大厂面试官惊艳的防抖节流
防抖: 在JavaScript中,防抖(Debounce)是一种编程技巧,用于控制某些函数的执行频率,以确保它们不会因为连续的触发(如快速连续的用户输入、窗口调整大小等事件)而在短时间内被频繁调用。防...