前端
文章平均质量分 95
小猫娃来啦
CSDN前端领域新星创作者、2022博客之星入围、2023博客之星6月城市赛道top2、2023新星计划top2,阿里云开发者社区专家博主、星级博主,拥有丰富的前端开发经验。
在GitHub上,积极参与了多个开源项目,并做出了许多贡献。
一名中医继承人,在这科技快速发展的时代坚持下去,颇为不易。将中国传统文化的精髓与IT行业结合,是我一直坚定不移的目标。在CSDN上希望与诸位共同进步,谱写我辈之美!!
展开
-
中级程序员——vue3+js+git面试题
Vue3 最大的优点是性能优化和组合式 API。Vue3 在性能方面做了很多改进,比如使用 Proxy 对象进行响应式数据的追踪,减少了不必要的更新操作。另外,Vue3 引入了组合式 API,使得代码更加模块化和可复用。最大的缺点可能是学习成本相对较高,因为 Vue3 在很多方面和 Vue2 有较大的变化,需要重新学习和适应新的 API 和语法。在 Vue3 组合式 API 中,可以通过ref或reactive创建子组件的方法并导出,然后在父组件中引入子组件并调用。watch和。原创 2023-11-17 11:59:47 · 836 阅读 · 2 评论 -
前端(二十七)——封装指南:Axios接口、常用功能、Vue和React中的封装技术
在我们前端开发当中,封装是种将代码和功能组织起来以便重复使用的方式。它可以使开发人员更高效地编写、维护和管理代码。本文将探讨前端封装的定义、重要性以及在Web开发中实施封装的方法。随着Web应用程序的复杂性不断增加,程序员需要应对各种挑战,如代码复用、维护性、可扩展性等。前端封装作为一种解决方案出现,旨在帮助开发人员更好地管理和组织代码。接下来我们一起探讨一下前端封装的概念和优势,并提供一些常见的实施封装的方法,以帮助大家更好地理解和应用前端封装。原创 2023-11-01 20:34:05 · 9212 阅读 · 7 评论 -
前端(二十六)——常见的HTTP异常状态码以及正反向代理配置
使用代理可以隐藏您的真实IP地址和位置信息,保护您的隐私。代理服务器会做为中间人来转发网络请求,得外部网站只能看到代理服务器的IP地址,而不是您的真实IP地址。这对于防止身份被踪或者避免个人信息泄露非常重要。许多地区或组织会对特定的网站、应用程序或内容进行封锁或限制访问。通过使用代理服务器,可以轻松地绕过这些封锁和限制,问被屏蔽的内容。原创 2023-11-01 09:46:05 · 3296 阅读 · 0 评论 -
前端(二十五)——前端实现 OCR 图文识别的详细步骤与示例代码
什么是OCR?它是一种将印刷体和手体文字转换为可编辑和可搜索的电子文本的技术。OCR通过将图像或扫描文件中的文字识别并转录成机器可读的文本格式,从而实现自动化的文字识别和提取。OCR技术可以应用于各种场景,包括文字文档的扫描与转录、数字化图书馆、自动化数据录入、机器翻译、自动化表单填写等。OCR技术可以极大地提高处理文档和数据的效率,使得文字信息更容易访问和利用。在现代应用程序中,OCR(Optical Character Recognition)技术被广泛应用于将图像转换为可编辑的文本数据。原创 2023-10-26 20:46:41 · 8478 阅读 · 21 评论 -
前端(二十四)——轮询与 WebSocket的battle
在现代Web应用中,实时通信已经成为用户体验的重要组成部分。实时通信指的是通过网站或应用程序实时传输数据并保持连接,在无需手动刷新页面的情况下更新内容。轮询和WebSocket都是用于现实时通信的技术。今天我们来对比一下这两种实现方式,看看到底哪个好。原创 2023-10-26 06:15:00 · 4353 阅读 · 6 评论 -
前端(二十三)——轮询和长轮询
现代Web应用程序对实时通信的需求越来越高,为了满足这种需求,轮询和长轮询成为了常用的技术手段。本文将深入探讨轮询和长轮询的实现原理、优缺点以及使用场景,并提供代码示例,以帮助读者更好地理解和应用这两种技术。原创 2023-10-25 06:00:00 · 6182 阅读 · 5 评论 -
前端(二十二)——前端工程化
前端工程化是指通过使用各种工具和技术,将前端开发过程中的重复、繁琐、易错的工作自动化和规范化,从而提高开发效率、代码质量和团队协作能力。随着Web应用的复杂性和前端开发的日益重要性,前端工程化已经成为现代前端开发的核心要素之一。前端工程化是一种开发方法论和实践,通过将前端开发流程中的各个环节进行规范化、自动化和模块化,以提升开发效率、代码质量和项目可维护性。提高开发效率:自动化构建工具和代码生成工具可以减少重复性的工作,提高开发效率,让开发人员能够更专注于业务逻辑的编写。原创 2023-10-24 14:45:00 · 4440 阅读 · 3 评论 -
前端(二十一)——WebSocket:实现实时双向数据传输的Web通信协议
在当今互联网时代,实时通信已成为很多应用的需求。为了满足这种需求,WebSocket协议被设计出来。WebSocket是一种基于TCP议的全双工通信协议,通过WebSocket,Web应用程序可以与服务器建立持久的连接,实现实时双向数据输,提供极低的延迟和高效的数据传输。原创 2023-10-24 09:19:56 · 8815 阅读 · 3 评论 -
前端(二十)——Vite和Webpack:前端开发中常用的构建工具
前端开发中,构建工具起到了至关重要的作用,能够帮助开发者提高开发效率、优化项目性能,并简化前端工程化流程。本文将重点介绍两个在前端开发中常用的构建工具:Vite和Webpack。我们将对它们的起源与发展进行简要介绍,然后详细分析它们的特点,最后对比评估它们在不同方面的优劣,以及如根据项目需求选择合适的工具。Vite的起源与发展Vite是由Vue.js的作者尤雨溪在2020年创造的一种新型构建工具。它的目标是提供一种更快速、更简单的开发体验。原创 2023-10-23 20:21:51 · 1367 阅读 · 0 评论 -
前端(十九)——vue/react脚手架的搭建方式
脚手架是前端开发中常用的工具,它能够帮助开发者快速搭建项目结构、配置开发环境和提供一些常用的功能模块。Vue和React作为两个主流的前端框架,官方都提供了相应的脚手架工具来帮助开发者快速开始项目。本文将详细讲解Vue和React的脚手架搭建方法,并介绍Vite和其他方式搭建脚手架的探讨。在开发Vue和React项目时,使用官方提供的脚手架工具能够帮助开发者快速搭建项目结构和配置开发环境。原创 2023-10-20 08:41:54 · 2476 阅读 · 0 评论 -
前端(十七)——Web应用的安全性研究
前端安全性是保护Web应用程序的前端部分免受恶意攻击和数据泄露的关键措施。前端安全性对Web应用程序至关重要。它保护用户数据、预防恶意攻击、维护业务声誉,并增强用户对应用程序的信任。开发人员应该将前端安全性纳入开发流程中,并采取适当的措施来保护应用程序和用户数据的安全用户数据保护:前端安全性确保用户输入和敏感数据得到充分保护,防止被未经授权的访问或窃取。通过有效的输入验证、数据加密和安全的身份验证机制,可以保护用户的个人信息、密码和其他敏感数据。防止跨站脚本攻击原创 2023-09-06 14:31:58 · 1288 阅读 · 0 评论 -
前端(十八)——gitee上开源一个移动端礼盒商城项目(前端+后台)
项目样式老旧,ui设计较low,虽说现在大众的商城app都使用的是瀑布流布局,且功能更丰富。但本项目仅作为开源学习和技术交流,仅此而已。前端采用搭建vue脚手架处理,使用JavaScript语言,后台采用laravel框架处理,使用php语言。bug丶小狼人。原创 2023-09-06 14:34:23 · 3807 阅读 · 50 评论 -
前端(十六)——微信小程序语音转文字,文字转语音功能的实现
语音转文字和文字转语音功能在现代社会中具有重要的作用和意义。随着移动互联网的普及和技术的不断进步,这两个功能成为了人们日常生活和工作中不可或缺的一部分。语音转文字和文字转语音的能力使得人们能够更加便捷地进行沟通、记录和获取信息。首先,语音转文字的功能为用户提供了一种直接将口述内容转换为可编辑和存档的文字形式的方式。这使得会议记录、讲座笔记、语音笔记等变得更加高效和准确。无论是会议记录员、学生、记者还是研究人员,都可以通过语音转文字功能方便地记录和整理大量信息,从而提高工作效率。原创 2023-08-30 14:41:54 · 3616 阅读 · 2 评论 -
前端(十四)——DOM节点操作手册:你需要了解的一切
DOM(文档对象模型)是一种用于表示和操作HTML、XML和SVG文档的编程接口。它将网页文档解析为一个由节点组成的树形结构,每个节点代表文档中的一个元素、属性、文本或其他内容。DOM是很重要的,因为它让我们能够使用JavaScript等脚本语言直接操控网页内容,实现动态、交互性强的网页效果。通过DOM,我们可以改变网页的样式和结构,响应用户的操作,并且实现数据的动态加载和更新。这样就能够让网页更加生动有趣,提升用户体验。同时,DOM的标准化也保证了开发者在不同浏览器下的兼容性,使得开发更加便捷和可靠。原创 2023-08-24 22:15:24 · 3578 阅读 · 0 评论 -
前端(十三)——JavaScript 闭包的奥秘与高级用法探索
闭包是一种特殊的函数对象,它包含了函数的代码和在创建该函数时所处环境中的变量。简单来说,闭包就是一个函数和与之相关的引用的组合体。当一个函数内部定义了另一个函数,并且内部函数可以访问外部函数的变量时,我们就可以称这个内部函数为闭包。闭包可以“记住”创建它时的环境,即使在其定义的上下文已经不存在时仍然可以访问那些变量。这就像是一个函数带着一个包裹,包裹里面装着函数所需的数据。当我们调用这个闭包时,它会携带着这个包裹,使得内部函数能够继续访问和操作包裹里的数据。可以捕获并访问定义它的外部函数的变量。原创 2023-08-21 16:57:34 · 1308 阅读 · 3 评论 -
前端(十二)——深入理解和使用 async和await
是基于Promise的一种语法糖,它提供了一种更优雅的方式来编写异步代码。通过使用async关键字声明一个异步函数,我们可以在其中使用await关键字等待Promise对象的解决(resolved)或拒绝(rejected),使得代码看起来更像是同步的方式进行编写和阅读。当我们遇到需要代码加载顺序必须同步时,也就是执行顺序必须由上而下,等中间代码执行完毕才能向下执行时。我们需要用async和await来介入,他们的配合使用,可以使异步变为同步,多用于改变接口请求等异步操作。原创 2023-08-16 11:16:19 · 905 阅读 · 0 评论 -
前端(十一)——Vue vs. React:两大前端框架的深度对比与分析
在当今快速发展的前端领域中,Vue和React作为两个备受瞩目的前端框架,已经成为许多开发者的首选。这两个框架凭借其出色的设计和强大的功能,在构建现代化、高效性能的Web应用方面扮演着重要角色。Vue和React都以其独特的特点吸引了众多开发人员,但它们之间存在哪些区别和共通之处呢?本文将深入剖析Vue和React的原理、生态系统、API与语法、性能与优化以及开发体验与工程化等方面的差异,旨在帮助读者更好地了解这两个框架,为选择合适的技术栈提供参考。原创 2023-08-01 14:21:56 · 7709 阅读 · 27 评论 -
前端(十)——深入剖析 Vuex:Vue.js 应用的状态管理神器
什么是vuex,vuex的工作原理,使用 Vuex 可以带来以下好处:,集中式,vuex中的状态,它存储在哪里?如何改变?,Vuex 和 Redux 的区别,为什么vuex中的mutations不支持异步,Vuex 和 localStorage 的区别,v-model绑定vuex的state,vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?,为什么vuex的Mutations是同步,而Actions是异步原创 2023-07-25 11:14:07 · 457 阅读 · 13 评论 -
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期
微信小程序、Vue、React和Uniapp的基本定义和应用领域微信小程序生命周期,生命周期概述,页面生命周期,应用生命周期,组件和API的生命周期钩子Vue生命周期,生命周期钩子函数,响应式监听与生命周期关联,生命周期的钩子函数在实际开发中的应用,数据获取,异步操作,页面刷新,参数传递与响应,动态样式和类绑定,生命周期钩子函数的应用扩展,React生命周期,类组件生命周期方法,声命周期方法的触发条件和顺序,使用React Hooks对生命周期的变化与影响,依赖项【】的解析,useEffect是三合一的原创 2023-07-25 10:12:55 · 1562 阅读 · 17 评论 -
前端(八)——深入探索前端框架中的Diff算法:优化视图更新与性能提升
前端框架中的diff算法是一种比较两个虚拟DOM树之间差异的算法。在更新页面时,为了提高性能,前端框架通常会先生成新的虚拟DOM树,然后通过diff算法比较新旧虚拟DOM树的差异,并将差异应用到实际的DOM树上,以达到更新页面的目的。diff算法的核心思想是尽量减少DOM操作次数,只对真正变化的部分进行更新,而不是全量替换整个DOM树。它通过深度优先遍历比较新旧虚拟DOM树中的节点,找出同一层级上不同的节点,并记录下它们的差异。比较两个节点是否相同,如果不相同,则认为该节点需要更新。原创 2023-07-20 22:32:41 · 1906 阅读 · 24 评论 -
前端(七)——React框架的定位与应用场景解析
组件化开发React 推崇以组件为基础的开发方式。组件是一个独立的、可重用的模块,用于构建用户界面的一部分。React组件具有自己的状态(state)和属性(props),并通过render()方法来描述组件应该如何渲染。组件可以嵌套、组合和复用,使得代码更加模块化、可维护和扩展。虚拟DOMReact 使用虚拟DOM进行高效的渲染。虚拟DOM 是一个轻量级的 JavaScript对象树,与真实的DOM对应。原创 2023-07-17 21:29:24 · 3788 阅读 · 38 评论 -
前端(六)——TypeScript在前端中的重要性与应用
TypeScript 是一种开源的编程语言,它是 JavaScript 的一个超集。由于 TypeScript 扩展了 JavaScript,并添加了静态类型系统和其他特性,因此它可以被视为 JavaScript 的增强版。TypeScript 被设计用来解决 JavaScript 在大型应用开发方面的一些困难和限制。它通过引入静态类型、类、接口、模块化等特性,提供了更强大的工具和功能,有助于构建可维护、可扩展的应用程序。⭐⭐⭐TS的特点包括:静态类型检查。原创 2023-07-13 16:05:11 · 2185 阅读 · 6 评论 -
前端(五)——从 Vue.js 到 UniApp:开启一次全新的跨平台开发之旅
🙂博主:小猫娃来啦🙂文章核心:UniApp和vue.js之间的事儿UniApp是一种基于Vue.js的跨平台应用开发框架。它是由DCloud(数字天堂)开发和维护的,旨在帮助开发者使用一套代码构建同时运行在多个平台(包括iOS、Android、Web等)的应用程序。UniApp基于Vue.js框架,使用Vue.js的语法和特性来开发应用程序。开发者可以使用熟悉的Vue.js开发方式,如组件化开发、数据驱动视图等,来构建跨平台的应用程序。与此同时,UniApp提供了一套统一的API和组件库,可以让开发者原创 2023-07-11 17:42:18 · 3417 阅读 · 0 评论 -
前端(四)——vue.js、vue、vue2、vue3
Vue.js是由华裔工程师尤雨溪(Evan You)于2014年创建的开源JavaScript框架。他在Google工作期间,积累了丰富的前端开发经验,并觉得现有的前端框架存在一些不足之处,如复杂性、学习曲线陡峭等。因此,尤雨溪决定开发一个简单、灵活且高效的框架,使开发者能够更轻松地构建用户界面。他的灵感来源于AngularJS和React这两个优秀的前端框架。尤雨溪最初在2013年开始着手构建这个框架的原型,最终于2014年正式发布了Vue.js 1.0版。原创 2023-07-07 11:43:02 · 7888 阅读 · 3 评论 -
前端(三)——MVC与MVVM模式的battle
前端框架通常有庞大的开发者社区,提供了。mvc模式是什么mvc模式的优缺点 优化mvc模式致命的缺点mvvm是什么,和mvc有什么关系?细看mvvm和mvc的不同mvvm的缺点前端框架🐂🍺MVVM模式相对于MVC模式引入了ViewModel层,通过数据绑定机制实现了视图和模型之间的解耦,减少了视图的复杂性,使开发更加高效和可维护。MVVM模式在前端开发中得到广泛应用,特别适合于数据驱动的应用和复杂的用户界面交互。而MVC模式则更加传统和通用,适用于各种类型的应用程序原创 2023-07-05 08:12:09 · 1525 阅读 · 4 评论 -
前端(二)——软件设计的架构模式
😀博主:小猫娃来啦😀文章核心:软件设计的架构模式上篇文章,我们聊了一下前端的普遍性问题以及解决策略。书接上文,我们今天聊聊软件设计的架构模式。在正文开始前,先思考几秒:为什么要出现这个所谓的架构模式?原创 2023-07-04 10:51:54 · 901 阅读 · 0 评论 -
什么是组件,以及前端各种框架组件的使用方法
⭐组件就像是搭积木一样的东西,可以用来构建软件或者系统。每个组件都有自己独立的功能和任务,就像一个小小的部件。你可以把这些小部件组合在一起,形成一个完整的应用程序或者系统。想象一下,你在玩积木,每个积木块都有不同的形状和功能,比如有的是方块、有的是圆柱体。你可以把这些积木块拼在一起,按照自己的想法组合出各种各样的结构,比如房子、桥梁、汽车等等。软件开发中的组件就像是积木块,你可以选择合适的组件并把它们组合在一起,来构建出一个完整的软件应用。使用组件化的方法,可以更加方便地开发和维护软件。原创 2023-07-01 10:11:45 · 5606 阅读 · 17 评论 -
前端(一)——前端开发遇到的普遍问题以及解决策略
有人说vue框架是基于mvvm实现的?这种说法对吗?mvc和mvvm的区别是什么?mvvm是否是mvc的升级?mvvm和mvc有什么关系?为什么有人说mvvm是基于mvc实现的?什么时候使用mvc模式,什么时候使用mvvm模式?如何优化mvc模式的缺点?前端框架如何简化视图层开发?Vue.js是基于哪种架构模式实现的?Vue 2和Vue 3的区别是什么?为什么现在很少有人在UniApp中使用Vue 3?为什么不直接使用Vue.js开发跨平台应用,而要使用UniApp呢?Vue2,Vu原创 2023-07-02 16:44:39 · 4527 阅读 · 7 评论