- 博客(27)
- 收藏
- 关注
原创 生成式AI的未来:对话系统与自主代理
生成式AI在对话系统和自主代理中展现出不同但互补的发展方向。未来的趋势是对话系统将更加智能化,能够理解更复杂的语境和情境,提供更个性化的服务;而自主代理将更加强调感知能力和决策自主性,实现更高效的自动化操作。这两者的结合将推动生成式AI技术在智能交互和自主行动中的全面应用,为人类社会的智能化进程带来更深远的影响。本篇博客将详细介绍这两者的优势、劣势、使用场景、案例、未来发展趋势以及它们之间的区别和共同点,最后对其未来发展方向进行探讨。对话系统(Chat)
2024-07-18 16:58:34 433
原创 哪怕使用VantUI,需封装一手风琴与复选框相结合的对话框组件,我一样无敌于世间
本组件名为ChooseBarCode,基于Vue框架和Vant UI库,旨在为用户提供一种灵活多样的条码选择界面,支持“手风琴展开”、“复选框”、“单选”三种展示模式,适用于多种业务场景下的条码选择需求。通过传递不同的props,开发者可以轻松定制对话框的展现形式和行为逻辑。通过上述介绍,我们可以看到,自定义条码选择对话框组件不仅提供了丰富的功能,还具有高度的灵活性和可扩展性。它能够适应各种应用场景,极大地提升了条码管理和选择的效率。希望本文能帮助你在项目中更好地应用和定制此类组件,提升用户体验和开发效率。
2024-07-18 16:34:35 1000
原创 重生归来,从 996福报 到 N+1告别职场【如何封装一个支持图片和PDF在线预览的Vue组件】
在本文中,我将介绍如何设计并实现一个Vue组件,该组件能够在线预览图片和PDF文件。我们将基于element-ui的elImageViewer组件进行改造,并使用vue-pdf插件来实现PDF预览功能。本文将详细介绍从设计思路到落地实现的全过程。
2024-07-17 14:42:24 1397
原创 说好摆烂,你却时刻关注技术更新?【ECMAScript 2024 新特性详解】
ECMAScript 2024 引入了一系列强大且实用的新特性,不仅简化了开发者的日常工作,还提升了代码的可读性、可维护性和性能。通过合理利用这些新特性,开发者可以编写出更高效、可靠的 JavaScript 代码。这些新特性涵盖了数据处理、异步编程、正则表达式、二进制数据处理等多个方面,为开发者提供了更多的工具和选项,以应对日益复杂的开发需求。希望这篇博客能帮助你更好地理解和应用 ECMAScript 2024 的新特性,充分发挥它们的优势。
2024-07-16 10:39:02 1047
原创 夫人,你也不想令郎在公司连CSS都写不好吧?【CSS修行二】
上一篇文章中,我们已经简单的认识了什么是CSS。这篇文章,我们将开始学习CSS基础中的核心知识。例如CSS的层叠原则和样式继承机制,即多个样式规则如何相互作用以及样式如何从父元素传递给子元素。还包括选择器、属性和值的基本结构。
2024-07-15 14:26:49 810
原创 都重生了谁还写一大坨的 JavaScript 代码啊
JavaScript代码简写的技巧有很多,像ES6那些基础的简写语法、数组排序、过滤的方法或者是三目运算符代替if else那些我觉得是基础,就没有提及
2024-05-30 09:39:46 987 1
原创 不是吧,我瞎写教程你们都学成大佬了?【CSS修行一】
作为一名前端切图仔,提到切图就会想到CSS这门入门级功法,在宗门中的修行者都必须掌握的核心功法。这门功法修行到极致,可以可以有效地帮助提升网页性能,释放各种威力巨大的动态视觉交互式绝学。这门功法修行条件也很简单,只需要一个浏览器一个编辑器即可开始修行。当然,如果是外出历练与人斗法还需准备更加趁手的编辑器和运行环境的凝练。解析HTML:浏览器构建DOM树,代表页面的结构。解析CSS:浏览器创建CSS对象模型(CSSOM)树,表示页面的样式信息。合并 DOM 和 CSSOM:将DOM树和CSSOM。
2024-05-22 16:12:10 822
原创 人在公司写Vue3,自适应可视化数据大屏被玩坏了
在当今数字化时代,数据可视化大屏已成为了展示数据、监控系统状态、传达信息的重要手段之一。Vue3和Vite作为现代化的前端技术框架,以及强大的数据可视化库ECharts,为我们构建自适应的数据大屏提供了便利。本文将介绍如何结合Vue3ViteJavaScript以及ECharts实现一个自适应的可视化数据大屏。通过本文的介绍,我们学习了如何使用Vue3ViteJavaScript和ECharts这四个工具来实现一个自适应的可视化数据大屏。我们采用了缩放(Scale。
2024-04-30 21:59:33 2725 2
原创 探索alova.js:轻量级请求策略库,简化前端HTTP请求的利器
alova.js是一个基于Promise的轻量级HTTP请求库,它提供了简单而强大的API来处理前端的HTTP请求。它的设计目标是简化开发者在前端进行HTTP请求的过程,提供更好的开发体验和更高的效率。alova.js是一个简单而强大的HTTP请求库,提供了优雅的API和出色的性能。它适用于那些只需要基本的HTTP请求功能的项目。而axios则提供了更多的功能和扩展性,适用于那些需要更高级功能的项目。根据你的项目需求和个人偏好,选择适合你的工具是非常重要的。
2023-11-23 21:05:55 1031 1
原创 TypeScript的简单了解,先让自己有个概念
TypeScript是一种由Microsoft开发的编程语言,它是JavaScript的超集,通过添加静态类型系统来增强JavaScript的功能。在这篇博客中,我们将简单的了解一下TypeScript的一些基础知识点。
2023-11-14 19:49:57 154
原创 TypeScript给我们带来了什么?
当谈到现代Web开发中的编程语言时,JavaScript通常是首选的语言之一。然而,尽管JavaScript非常强大,但它也存在一些缺点,例如类型不安全、难以维护和容易出错。为了解决这些问题,越来越多的开发者开始采用TypeScript,一种强类型的超集语言,它在JavaScript的基础上添加了静态类型检查。在这篇博客中,我们将探讨TypeScript给我们开发带来的优势和劣势。
2023-10-26 13:58:14 180
原创 2023前端面试八股文复习
协议 子域名 主域名 端口号 资源同源策略是浏览器的核心,如果没有这个策略就会遭受网络攻击主要指的就是协议+域名+端口号三者一致,若其中一个不一样则不是同源,会产生跨域imglinkscript跨域是可以发送请求,后端也会正常返回结果,只不过这个结果被浏览器拦截了!JSONP利用script标签CORS主要在后端设置corswebsocket反向代理类似中间件代理,需要搭建一个中转站H5新增JSON是一种纯字符串形式的数据,它本身不提供任何方法,适合在网络中进行传输JSON。
2023-10-23 12:05:11 431
原创 简单看看TypeScript、C# 和 Delphi 这三种编程语言
TypeScriptC#和Delphi都是高级编程语言,具有各自的特点和适用领域。TypeScript是针对JavaScript的优化和扩展,强调类型安全和面向对象编程;C#是Windows平台下广泛使用的编程语言,强调多范式编程和异步编程技术;Delphi是可视化开发工具,以其快速开发的特性在工业自动化和金融应用程序等领域得到广泛应用。
2023-06-08 21:54:13 1374
原创 十分钟快速使用 React18 + vite + TypeScript + antDesign 搭建一个前端框架
为了让我们的应用程序看起来更独特,并且符合具体的业务需求,我们可以创建自定义的antDesign组件。这里我们将会创建一个自定义的Button组件,这个组件将会是antDesign的Button组件的改进版。在目录中,创建一个新文件import {import {size?shape?if(size!} if(shape!shape?if(size!} if(shape!
2023-06-06 10:58:48 1799
原创 vue3 如何实现 表格内容无缝滚动,我又写了一堆冗余代码
近期在开发可视化大屏项目,除去各种echarts图表和地图展示之外还有多个表格。现在来了一个需求,需要将大屏中的所有表格设置为内容无缝滚动。本着程序员的七宗罪原则第一时间推脱了一下,但没推脱成功。
2023-03-24 17:36:32 9853 13
原创 Vue 3 + Echarts 实现可视化地图落点和简易的聚合功能
前几天在正常摸鱼的时候领导突然派发一个紧急需求,要将我们大屏项目中的静态背景图换成可视化地图,由于我们的项目是内嵌在甲方系统中,所以要求我们的可视化地图要做的和甲方一样,看了下甲方的系统截图就是用echarts简单的绘制.本来可以直接找他们前端要代码的,但那样就体现不出我存在的价值,还是自己写了一个.
2023-03-22 11:18:42 1634
原创 如何在Vue3中使用Pinia,Vue船新版本的状态管理器
Pinia 最初是在 2019 年 11 月左右重新设计使用 Composition API。从那时起,最初的原则仍然相同,但 Pinia对 Vue 2 和 Vue 3 都有效,并且不需要您使用组合 API。Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。实际上就是 Vue3 中的 Vuex,它是 Vuex 的升级版,尤雨溪用了都说好。
2022-10-31 17:11:07 965
原创 使用vue3 +vite + typeScript + elementPlus搭建一个项目脚手架
如何使用vue3+vite+ts+element-plus搭建一个项目,步骤详细,献给不爱看文档的诸位,希望这篇文章能帮到你们
2022-10-28 17:04:49 2218
原创 如何本地打开vue3+vite+ts项目打包的dist文件夹下index.html进行把玩
最近做一个vue3+vite3+ts的项目,配置了多入口页面,想不通过部署到服务器的方式在本地看一下打包后的效果。
2022-08-10 18:08:39 6195
原创 使用three.js导入外部glb模型实现一个nft产品
nft数字藏品大火,各家公司都推出自己的app和小程序,那么炫酷的3D藏品到底如何实现的呢?我们来一探究竟!随着各家数字藏品项目上线,我们团队也紧随潮流打算在短期内开发一款数字藏品的产品。主要有哪些需求呢,当然就是别人有什么我们也做什么啦,相同的功能不同的UI。其他的功能都好说,但藏品把玩的3D效果之前未涉及过,但有了解过可以通过来实现。所以,就开始看文档调研吧。...
2022-06-22 18:15:30 1282 6
原创 万字文章带你了解什么是React,React有什么,如何使用React。(二)
解析得出:div 直接渲染即可,vdom可以做到Input和List,是自定义组件(class),vdom默认不认识因此Input和List定义的时候必须声明 render函数根据props初始化实例,然后执行实例的render函数render函数返回的还是vnode对象 最后替换node,使用了React.createElement()方法进行的jsx转换初次渲染 - ReactDOM.render(, container) :会触发patch(container, vnode)re-render - s
2022-06-15 21:01:33 294
原创 万字文章带你了解什么是React,React有什么,如何使用React。(一)
React是用于构建用户界面的JavaScript库,起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设Instagram的网站。于2013年5月开源。
2022-06-08 20:53:16 659
原创 JavaScript面试碰到手写笔试题该怎么办?高频前端手写代码笔试题汇总
防抖和节流的实现function debounce(fn, delay) { var timer; return function () { var _this = this; var args = arguments; if (timer) { clearTimeout(timer); } timer = setTimeout(function () { fn.apply(_this, args); }, delay);
2021-08-31 11:57:01 555
原创 还在为面试官问到的HTTP协议的面试题而抓耳挠腮吗?
常见的HTTP请求头AcceptAccept: text/html 浏览器可以接受服务器回发的类型为 text/html。Accept: / 代表浏览器可以处理所有类型,(一般浏览器发给服务器都是发这个)。Accept-EncodingAccept-Encoding: gzip, deflate 浏览器申明自己接收的编码方法,通常指定压缩方法,是否支持压缩,支持什么压缩方法(gzip,deflate),(注意:这不是只字符编码)。Accept-LanguageAccept-L
2021-08-30 18:02:58 290
原创 如何应对金九银十----JavaScript高频面试题
如何应对金九银十----JavaScript高频面试题函数式编程函数是编程是一种设计思想,就像面向对象编程也是一种设计思想。函数式编程总的来说就是用尽量用函数组合来进行编程,先声明函数,然后调用函数的每一步都有返回值,将具体的每一步逻辑运算抽象,封装在函数中。再将函数组合来编写程序。this指向的问题箭头函数体内的this对象,就是定义该函数时所在的作用域指向的对象,而不是使用时所在的作用域指向的对象。全局环境中:在浏览器环境严格模式中(区别于node),this默认指向window。立即执行函
2021-08-19 10:57:51 379
原创 CSS常见面试题
前端CSS常见面试题FlexList itemflex布局: 即弹性盒子布局,是给父元素添加flex属性,以控制子元素的位置和排列主轴和侧轴主轴:即沿着flex元素排列方向所在的轴侧轴:垂直于flex元素排列方向的轴父元素的属性设置再父元素中,控制的是子元素的排列1. flex-direction:设置主轴方向,设置了其中一个为主轴,则另一个为侧轴row 水平排列,沿着X轴方向从左到右排列,默认值column 垂直排列,沿着Y轴方向从上到下排列row-reverse 水平排列,沿
2021-08-06 11:14:54 1098
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人