AI 赋能编程,Coding新范式
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:佳岚
前言
AI 的大趋势: 24、25 年是 AI 应用大爆发的两年,随着 LLMs 越来越智能化,越来越多的应用实践被挖掘。
我们可以留意到我们使用的主流软件都或多或少集成了AI应 ...
js中== 的隐式转化问题
如果是数据类型相同,相当于===
如果比较的值类型不同,则会按照下面的规则进行转换后再进行比较。
如果比较的一方是null或者undefined,只有在另一方是null或者undefined的情况下才返回“true”,否则返回“false”。
如果比较的是字符串和数值类型数据,则会将字符串转换为数值后再进行比较,如果转换后的数值相等则返 ...
Web前端入门第 64 问:JavaScript 几种函数定义方式有什么区别?
函数 作为 JS 的一等公民,随处可见它的身影。
我理解的它最主要作用就是用来提取重复代码,但凡有 JS 代码需要复制粘贴的时候,那么这时候就可以考虑使用函数封装了。
当函数写在对象中的时候,这时候它变了一个名字,称之为 方法。
function 声明
在使用 function 关键字声明函数时,需注意声明提升问题,意思就是 functi ...
插件分享 | 善用 VSCode 内置的效率神器 Emmet 插件提升前端开发效率
在 VSCode 出现之前,Emmet 插件就在前端领域玩得风生水起,当时的 Sublime Text 装上此插件,前端的编码效率那感觉就如同 2G 网络到 5G 网络的差别一般。
后来 VSCode 出现时就直接把这插件内置到编辑器中了,无需再去插件市场安装!!嗯。。又省了一点点事儿
熟练掌握此插件的各种简写,在前端编写 HTML + CSS 的时候,就 ...
重写IE的showModalDialog模态框以兼容现代浏览器
背景
之前有个项目是 jsp 的,之前都是在 IE 浏览器上运行,现在要将这个项目做兼容性改造(信创),需要兼容谷歌。所以需要将项目中的公共弹框给改掉,而项目中模态框基本上都是用的 showModalDialog。
介绍 showModalDialog
showModalDialog 是微软在早期版本的(IE)中引入的一个方法,用于创建模态对话框。不过在现代浏 ...
vxe-table 如何设置单元格垂直对齐
vxe-table 如何设置单元格垂直对齐,当某写场景需要将单元格样式调整为顶部对齐就很有用了,比如多行文本之类的。
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
代码
通过 cell-config.height 与 cell-config.vertical-align 设置所有列或 ...
一款基于 Vue3 + TypeScript 开源的后台管理框架!
大家好,我是 Java陈序员。
今天,给大家介绍一款基于 Vue3 + TypeScript 开源的后台管理框架!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
Geeker-Admin —— 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架,封装了一些常 ...
前端实现数字验证码
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
该代码的主要功能是生成一个图形验证码,并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成,背景和文字颜色随机生成,且文字有一定的旋转角度,增加了识别的难度。
核心逻辑:
useImageVerify:这是一个Vue 3的Composition API函数,用于管理验证码的生成和 ...
vxe-table vue 数据表格行分组,实现同时对多个列显示合计数量
vxe-table vue 数据表格行分组,实现同时对多个列显示合计数量
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
代码
通过 countFields 和 countMethod 来自定义列的统计值,需要注意 rowGroupNode 这一列是无效的,用于其他的列自定义合计 ...
Web前端入门第 63 问:JavaScript 图解 for 循环执行顺序
神奇的 for 循环代码执行顺序并不是按照代码书写顺序执行,这就导致在看很多程序算法的时候,会有那么一点打脑壳。
for 语法
for 循环的语法很简单,重点是小括号里面的三个部分,这三部分的执行顺序对于不太懂程序的兄弟来说,可以把人晃晕~
for (初始化; 条件; 增量) {
// 循环体
}
初始化 部分仅在进入循环时候执行, ...
你认为Vonajs提供的这些特性会比Nestjs更好用吗?
Nestjs是一款非常强大的Node.js框架,而且入门非常容易,但是随着项目的增长,各种不便之处就会显现出来,许多代码书写起来不再像项目刚启动时直观。而Vonajs是一款全新的Node.js框架,提供了许多创新性的架构设计,让我们在开发任何规模的项目时,代码都能保持直观和优雅。下面,我们一起来看看这些特性,是否真的比nestjs ...
如何进行页面前端监控
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
前端监控主要分三个方向
前端性能(用户体验优化)
异常监控
业务指标跟
下面我来分别介绍三类指标如何获取
1)前端性能指标:
一、用户体验相关的:
页面加载时间(Page Load Time) :
定义:从用户请求页面到页面完全加载的时间。
测量方法:使用Performance API中的 ...
Web前端入门第 62 问:JavaScript 循环结构注意事项
HELLO,这里是大熊的前端开发笔记。
循环作为 算法与数据结构 中的基石,JS 与其他编程语言一样,都提供了多种循环结构用于处理数据。
for 循环
事物的开端往往都是从最常用的开始,循环结构咱们从 for 循环说起。
语法:
for (初始化; 条件; 增量) {
// ...
}
示例:
// 增量每次 +1
for (let i = 0; i < 10; i++) {
...
2025年前端开发,流框架的对比及最佳实践建议
在前端开发中,UI框架的选择取决于项目需求、团队技术栈和设计风格。以下是主流框架的对比及最佳实践建议:
1. 主流UI框架推荐
React生态
Ant Design
功能全面、设计规范统一,适合中大型企业级应用。
官网:https://ant.design/
Material UI (MUI)
遵循Google Material Design,提供丰富组件和自定义选项。
官网:http ...
记录---xx.d.ts文件有什么用,为什么不引入都能生效?
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
背景简介
在前端项目开发中,我们常常会遇到这样一种情况:项目中引入了某个第三方库,但它没有提供内置的 TypeScript 类型声明。此时,如果你在 TypeScript 项目中直接使用这个库,编译器就会报错。
也许你很聪明,知道在项目中的shims-vue.d.ts中通过declare声明此模 ...
Web前端入门第 61 问:JavaScript 各种对象定义与对象取值方法
曾经有人说 JS 语言中万物皆对象,虽然这种说法不一定完全准确,但也有一定的道理。原因是 JS 的语法看起来所有的数据类型都像是一个对象,包括原始类型。
const a = 1.234;
console.log(a.toString());
console.log(a.valueOf());
console.log(a.toFixed(2));
console.log(Number.prototype); // 查看所有 Number 类型的原 ...
纯前端实现图片伪3D视差效果
作者:vivo 互联网前端团队- Su Ning
本文通过depth-anything获取图片的深度图,同时基于pixi.js,通过着色器编程,实现了通过深度图驱动的伪3D效果。该方案支持鼠标/手势与手机陀螺仪双模式交互,在保证性能的同时,为不同终端用户提供沉浸式的视觉体验。
本文提供配套演示代码,可下载体验:
Github | vivo-parallax
一 ...
solitude组件wakatime编码时长侧边栏
本人博客原文
https://www.konoxin.top/posts/82e0e7c7/
前言
最近想在博客引入waketime的编码热力图,就研究了一下,
效果是这样的:
首先你已经使用过wakatime,
如果没有起前往如下教程,
{% link 'WakaTime的使用(vscode,idea,hbuilder)' 'WakaTime' 'https://juejin.cn/post/6981098690312142861' %}
教程
第一步
接 ...
B站首页的 Banner 这么好看,我让你直接用到你的项目!
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
写在前面
我最开始是用 Angular 去实现了B站的 Banner ,那时候还没有人做这东西,可以看到下面那一长串 Bannet 图片的第一个图是好几年以前的了。然后随着逐步完善,在这几年偶尔也看到有人发过这东西的实现方法。
但我为什么要写这篇文章?因为我打算用原生 JS 和三大框架 ...
基于vue3项目开发+MonacoEditor实现外部引入依赖,界面化所见即所得
最近一个项目中,基于vue3开发,想开发一个在线管理组件库的功能,具体业务实现:
1. 在私库Nexus上传组件包;
2. 然后用UNPKG实现路径访问在线解压文件;
3. 解压文件上传到gitee组件库中查看;
4. 然后通过页面配置填写需要引入的依赖地址(直接通过UNPKG读取包内文件内容),页面中填写dist文件夹中的文件路径,支持在当 ...