自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(169)
  • 问答 (1)
  • 收藏
  • 关注

原创 【安全策略】前端 JS 安全对抗&浏览器调试方法

如今这个时代,数据已经变得越来越重要,网页和APP是主流的数据载体。而如果获取数据的接口没有设置任何的保护措施,那么数据的安全性将面临极大的威胁。不仅可能造成数据的轻易窃取和篡改,还可能导致一些重要功能的接口被恶意调用,引发DDoS、条件竞争等攻击效果。这是我们绝对不能忽视的问题!😱 数据泄露风险:未经保护的数据接口很容易遭到黑客的攻击,从而导致数据泄露。一旦敏感信息落入错误的手中,后果将不堪设想。为了避免这种情况发生,我们需要采取一系列的安全措施,确保数据在传输和存储过程中始终得到有效的保护。

2024-01-15 10:37:01 2171

原创 【Javascript】 小白必备!手把手教你实现代码节流&防抖✨

当一个事件被触发后,在一定时间间隔内,不管事件再次触发多少次,都只会执行一次函数。代码节流和防抖是前端开发中常用的技巧,可以提高页面性能和用户体验。接下来,我将以“手把手”的方式为你详细介绍如何实现代码节流和防抖。(Debouncing)与节流相似,但是它允许事件在一定时间间隔内的连续触发,只是等待一段时间后才执行函数。使用防抖函数将会在规定的延迟时间内,只执行最后一次触发的函数回调。✨ 首先,我们来了解一下什么是代码节流和防抖。🔧 接下来,我们开始实现代码节流和防抖。1️⃣ 首先实现函数节流的工具函数。

2023-12-25 11:02:20 1522 2

原创 【vue】仿PC端微信制作聊天框

采用(vue+vue-router+vuex+es6+stylus) 来实现一个仿PC端微信的小demo,可以使用一个智能api,实现智能对话。欢迎大家对鄙人提出宝贵意见,相互学习讨论,一起进步。demo地址源码地址实现页面的核心组件分别是搜索框,左侧聊天列表,消息对话框,还有输入框虽说在这里使用vuex有点大材小用,但是面对各组件之间状态传递,多层嵌套的组件传参,毅然决然决定使用vuex进行数据管理,把所有事件和状态存储在store对象中,在组件中通过计算属性获得事件,因此就有了实时性。聊天消息列表在

2022-06-17 13:05:36 10489 12

原创 假如你让5k的程序员开发app

-----------------------------------------------------------------------------------------开发一个APP有多难?只能说比较难,也比较耗费成本,问题太抽象我没法量化的回答有多么难,说下大致成本,你转换成难度系数。一个APP最简单的也是几千起步,这种几千的就是大学生的那种比较简单的毕业设计。一般是单端(就是说只要安卓或者只要苹果)不包含后台(就是不用云端数据交互,所有的数据都在本地手机本身交互保存),正规的商业APP一般是5

2021-02-23 16:28:16 359

原创 【CSS】什么是响应式设计?响应式设计的基本原理,怎么做

响应式网站设计是一种灵活且适应性强的网页设计方法“内容如水,适配容器”换句话说,网页内容会根据用户行为以及设备环境(如系统平台、屏幕尺寸、屏幕方向等)进行动态调整和适配,以提供最佳的用户体验。响应式设计是现代网页设计中不可或缺的一部分,它能够有效提升网站在不同设备上的用户体验。随着移动互联网的迅猛发展,掌握响应式设计技术已成为前端开发者的必备技能。通过合理运用媒体查询、相对单位、弹性布局和网格布局等手段,开发者可以创建出既美观又实用的响应式网站,为用户提供无缝的浏览体验。

2025-02-04 22:22:48 1204

原创 【CSS】谈谈你对BFC的理解

块格式化上下文(BFC)是 Web 页面的可视化 CSS 渲染的一部分,是块级盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。简单来说,BFC 是一个独立的渲染区域,内部的元素布局不会影响到外部的元素,反之亦然。BFC 是 CSS 中一个强大的工具,能够帮助我们解决许多常见的布局问题。清除浮动防止外边距合并实现更复杂的布局理解 BFC 的概念和应用,可以让我们在编写 CSS 时更加得心应手。希望本文能够帮助你更好地理解 BFC,并在实际项目中灵活运用。

2025-02-04 20:13:59 1277

原创 【已解决】vxe-table组件分页pager模块占位符{0}的问题

在寻找解决方案的过程中,我也参考了官方的issue,里面也有其他的解决方案,但是并不适用于我的项目。)都因为版本问题存在一些出入,所以别人的解决方案不一定在你的项目里适用,但可以尝试。对vxe-table组件的认识只停留在使用阶段,为了解决这个问题,不得不翻阅了这个组件的源码,获益良多。“vxe-table”: “^4.6.17”,(更新了几个版本好像都有问题,只要你有自己的国际化)分页占位符在国际化后,没有正确的替换,本地环境还是ok的,正式环境出现了该情况。特意去找了一下引用 翻译文件。

2025-01-21 14:10:07 348

原创 【培训】打开前端黑盒:面向后端开发人员的前端培训

前端框架和库可以帮助开发人员更高效地构建复杂的用户界面和交互功能。Vue.js:一个渐进式的前端框架,易于上手,适合构建单页应用(SPA)。具有轻量级、灵活和高效的特点。React:一个由Facebook开发的JavaScript库,用于构建用户界面。强调组件化开发和虚拟DOM,具有高性能和灵活性。Angular:一个由Google开发的企业级前端框架,功能强大,适合构建大型复杂的应用。提供丰富的功能和工具,如依赖注入、路由管理、表单处理等。

2025-01-10 13:10:20 784

原创 【vue3】 ECharts 结合实现动态图表展示

通过修改 yAxis 的 show 属性来控制图表的显示状态,并动态调整图表的布局。它通过 Vue.js 的setup语法糖和 Composition API 来管理组件的状态和逻辑,同时使用 ECharts 来渲染图表。动态加载历史数据:根据用户选择的视图类型(常规曲线或加速度曲线),动态加载并展示相应的历史数据。图表交互:用户可以通过按钮切换图表的显示/隐藏,调整图表的刻度范围,以及导出数据。响应式布局:图表会根据窗口大小自动调整尺寸,确保在不同设备上都能有良好的展示效果。

2025-01-07 12:55:42 1142

原创 【AI】 赋能代码理解与维护:程序员的好帮手

代码摘要生成是AI在代码理解方面的一个重要应用。通过对源代码进行分析,AI可以自动生成简洁明了的代码描述或摘要,帮助程序员快速把握代码的核心逻辑。📝代码片段摘要AI可以自动生成代码片段的简短描述,概括代码功能、输入输出等。例如,AI可以生成类似于“此函数用于计算两个数的和”的描述。代码库概览AI可以生成代码库的整体描述,包括主要功能模块、依赖关系、代码风格等。例如,AI可以生成类似于“此代码库包含用户管理模块、订单管理模块和支付模块”的描述。

2025-01-03 16:26:52 991

原创 【面试】深入理解 JavaScript 中的 Object.freeze()

JavaScript 提供的一个内置方法,用于冻结一个对象。不可扩展:不能添加新的属性。不可配置:不能删除现有属性,也不能更改属性的描述符(如writable或只读属性:现有属性的值不能被修改。简而言之,将一个对象变成一个完全不可变的实体。是一个强大的工具,用于创建不可变对象,防止对象被修改。然而,需要注意其浅冻结的特性,以及在处理嵌套对象时需要递归冻结以实现深度冻结。在设计应用程序时,合理使用可以提高代码的健壮性和安全性。通过深入理解。

2025-01-02 11:15:49 838

原创 【Git命令】探索20个 Git 的强大功能:从基础到高级

Git 是一个功能强大的版本控制系统,广泛应用于软件开发中。除了基本的commitpush和pull命令外,Git 还提供了许多高级功能,可以显著提升你的开发效率。本文将介绍一些你可能不知道的 Git 功能,帮助你更好地管理和维护你的代码库。

2024-12-31 21:57:38 563

原创 【AI时代】AI与编程的未来:哪些技能将变得至关重要?

例如,数组适合存储和访问连续的数据,链表则在插入和删除操作上具有优势,栈和队列常用于实现特定的逻辑,树和图则可以用来表示复杂的关系。通过使用函数、类、模块等代码复用的机制,我们可以将一些常用的代码封装起来,在需要的时候直接调用,避免重复编写相同的代码💡。例如,在编写多个程序时,如果都需要实现相同的功能,我们可以将这个功能封装成一个函数或类,然后在不同的程序中调用,这样可以减少代码的冗余,提高代码的可维护性。学习动态规划算法的原理和应用场景,能够让我们解决一些复杂的优化问题,提高程序的性能和效率💡。

2024-12-31 21:50:37 1480

原创 【源码解读】25年跨年 一起来放个烟花吧

这个项目是一个基于 HTML5 Canvas 的跨年烟花模拟器。用户可以通过点击屏幕来点燃烟花,烟花会在空中爆炸并产生绚丽的视觉效果。项目还支持自动发射烟花、调整烟花类型、大小、画质等设置,提供了丰富的交互体验。跨年烟花项目涉及多个复杂的技术点,包括 Canvas 渲染、物理模拟、用户交互、音效播放、状态管理和跨平台兼容性。通过深入分析这些难点,我们可以更好地理解前端动画和交互的实现原理,并为类似项目的开发提供参考。如果你对前端动画和物理模拟感兴趣,这个项目是一个非常值得学习的案例。

2024-12-31 17:07:30 1213 2

原创 【MAC】深入浅出 Homebrew 下 Nginx 的安装与配置指南

通过本文的详细步骤,您可以轻松地在 macOS 上使用 Homebrew 安装、启动、管理和配置 Nginx。Nginx 的强大功能和灵活性使其成为构建高性能 Web 服务器的理想选择。无论是简单的静态网站还是复杂的反向代理架构,Nginx 都能提供卓越的性能和可靠性。希望本文对您有所帮助,祝您在 Nginx 的使用中一切顺利!

2024-12-20 09:09:19 1337 1

原创 【AI驱动】代码优化:让你的代码更高效、更简洁

随着AI技术在软件开发领域的应用日益广泛,市场上涌现出众多AI驱动的代码优化工具。以下将分别介绍国外和中国领先的AI代码优化工具,并分析其功能、技术特点和应用场景。

2024-12-18 10:11:39 1342

原创 【AI时代】程序员如何避免成为“代码搬运工”

在AI时代,程序员避免被取代的关键策略涵盖多个重要方面呢😎。

2024-12-17 16:45:10 775

原创 【AI】从代码生成到智能调试:国内外AI编程工具大揭秘

AI编程工具正在重塑软件开发的方式,从代码生成到智能调试,AI技术为开发者提供了强大的工具箱。本文详细解析了几款国内外领先的AI编程工具,分析了它们的优缺点及使用场景,并探讨了AI编程工具的未来发展方向。希望本文能够帮助开发者更好地理解和利用AI编程工具,提升开发效率,迎接AI时代的编程新纪元。

2024-12-15 10:26:53 1930

原创 【AI】如何重塑编程:未来开发者的新工具箱

通过本专栏,读者将深入了解AI如何重塑编程,并掌握未来开发者的新工具箱。我们将探讨AI在各个开发环节中的应用,揭示AI对程序员工作方式的深远影响,并展望AI与编程的未来发展方向。希望本专栏能够为程序员提供有价值的 insights,帮助他们在AI时代更好地应对挑战,抓住机遇。

2024-12-15 01:04:08 1004

原创 【专栏目录】AI时代的程序员进化论

这些标题旨在帮助大家在AI时代更好地理解和应对编程领域的变革。希望这些内容能为你的提供灵感以及价值!

2024-12-14 21:43:25 212

原创 【js库分享】超级离谱的前端需求:搜索图片里的文字

本文详细介绍了如何使用Tesseract.js库实现图片文字搜索功能,有效地解决了在大量图片中快速找到目标图片的需求。文章首先分析了问题背景,提出了解决方案的基本思路,即通过识别图片上的文字并存储在keyword中,实现搜索功能。接着,文章逐步介绍了Tesseract.js库的安装、配置和使用方法,包括如何识别英文和中文文字。文章还展示了如何将识别出的文字与图片关联,以及如何通过搜索文字来筛选图片。最后,文章讨论了Tesseract.js库的优势,如易于集成、支持多种语言等,并展望了未来可能的改进方向

2024-10-18 14:36:22 396

原创 【Tinymce】富文本编辑器在vue项目中的使用;引入付费格式刷,上传视频、图片

本文深入探讨了TinyMCE富文本编辑器的应用,高级插件-格式刷安装,视频上传,菜单。文章首先介绍了TinyMCE的基本概念和优势,接着详细讲解了如何在项目中集成和配置TinyMCE,包括自定义工具栏、插件和主题。文章还重点介绍了如何使用TinyMCE实现常见的富文本编辑功能,如字体设置、颜色选择、图片和视频插入等。最后,文章分享了作者在实际项目中使用TinyMCE的经验和心得,包括如何解决常见问题、优化性能和提升用户体验。通过阅读本文,读者将能够掌握TinyMCE的精髓,为他们的项目带来更强大的富文本编辑

2024-10-18 14:18:57 805

原创 【优化】js 的代码质量与整洁度

为什么代码要整洁?代码质量与整洁度成正比。有的团队在赶工期的时候,不注重代码的整洁,代码写的越来越糟糕,项目越来越混乱,生产力也跟着下降,那就必须找更多人来提高生产力,开发成本越来越高。整洁的代码是怎样的?清晰表达意图、消除重复、简单抽象、能通过测试。换句话说:具有可读性、可重用性和可重构性。接受第一次愚弄让程序一开始就做到整洁,并不是一件很容易的事情。不要强迫症一样地反复更改代码,因为工期有限,没那么多时间。等到下次需求更迭,你发现到代码存在的问题时,再改也不迟。入乡随俗。

2024-10-09 10:28:12 1196

原创 【优化】首屏优化:掌握动态导入技术

动态导入是前端开发中一个强大的工具,可以帮助我们实现更高效的首屏加载。通过合理地使用动态导入,我们可以显著提升应用的性能和用户体验。希望本文能帮助你更好地理解和应用这一技术,从而优化你的前端项目。

2024-10-09 09:30:02 426

原创 【Vue3】自动化路由配置:Vue3与unplugin-vue-router的完美结合

unplugin-vue-router是一个构建时插件,它能够根据Vue组件文件自动生成路由配置。这意味着开发者无需手动编写冗长的路由代码,只需遵循约定创建组件文件,路由配置就会自动完成。尽管unplugin-vue-router提供了强大的自动路由功能,但在某些情况下你可能需要添加自定义路由。这可以通过扩展自动生成的routes数组来实现。unplugin-vue-router插件通过构建时的钩子函数,动态生成Vue Router的代理模块和路由配置,简化了路由管理的工作。

2024-09-12 09:13:47 1580

原创 【CSS】 Grid布局:现代网页设计的基石

CSS Grid布局是现代网页设计中不可或缺的布局工具,它提供了一种高效、灵活的方式来创建复杂的二维布局。本文深入探讨了CSS Grid布局的基础知识,包括如何定义网格、管理网格项以及利用命名网格线和间隙来优化布局。我们还将探讨CSS Grid布局相较于传统布局技术的优势,如其简洁的语法、强大的对齐控制和响应式设计能力。通过实际案例分析,本文将向你展示如何将CSS Grid布局应用于实际项目中,以创建美观且功能强大的用户界面。

2024-09-12 09:04:32 1149 2

原创 【CSS渐变】背景中的百分比:深入理解`linear-gradient`,进度条填充

在现代网页设计中,CSS渐变是一种非常流行的视觉效果,它为网页背景或元素添加了深度和动态感。函数是实现线性渐变的关键工具,它允许我们创建从一种颜色平滑过渡到另一种颜色的视觉效果。在本篇博客中,我们将深入探讨函数中的百分比值,特别是像这样的用法,以及它们如何影响渐变效果。是CSS3中引入的一个函数,用于创建线性渐变背景。它允许开发者指定渐变的方向、颜色点以及颜色点的位置。基本语法如下:其中,定义了渐变的方向,可以是角度(如表示向右渐变),也可以是关键词(如、、、)。则是定义颜色和它在渐变中的位置。在中,颜色

2024-09-05 21:30:35 1048

原创 【js面试题】说说new操作符具体干了什么?

在JavaScript中,new操作符是一个核心概念,用于创建一个实例对象。理解new的工作原理不仅有助于我们更好地掌握JavaScript的面向对象编程,还能让我们在需要时自定义构造函数的行为。本文将从new是什么、其工作流程、存在的必要性、解决的问题以及如何手动实现一个new操作符来深入探讨这一主题。new。

2024-09-05 21:20:57 1039

原创 【js面试题】说说你对作用域链的理解

即使bar()函数内部有一个局部变量a,这个局部变量a只在bar()函数内部有效,它不会影响foo()函数中对变量a的查找。foo()函数在定义时,其词法作用域中已经包含了全局变量a,因此它会忽略bar()函数内部的局部变量a。由于foo()是在全局作用域中定义的,它首先会在自己的作用域(也就是全局作用域)中查找变量a。如果全局作用域中也找不到该变量,根据JavaScript的模式,非严格模式下变量会被隐式声明为全局变量,而在严格模式下则会抛出错误。在当前作用域中查找,如果未找到,它会。

2024-09-04 22:20:10 632

原创 【js面试题】js原型,原型链?有什么特点

原型和原型链是 JavaScript 中实现对象继承和属性共享的核心机制。通过原型链,对象可以继承其构造函数的原型对象上的属性和方法。理解原型链对于编写高效且可维护的 JavaScript 代码至关重要。在实际开发中,合理利用原型和原型链可以优化内存使用,实现复杂的继承结构,并且有助于深入理解 JavaScript 的对象模型。

2024-08-16 21:51:12 759

原创 【js面试题】typeof与instanceof的区别

typeof和instanceof是 JavaScript 中用于检测数据类型和对象类型的两个操作符,它们各自有不同的特性和应用场景。

2024-08-16 21:22:29 437

原创 【css】使用CSS绘制奥运五环--巴黎奥运

在2024年巴黎奥运会期间,本文来使用 CSS 来画一个奥运五环。奥运五环由五个相互交叠的圆环组成,分别代表五大洲。奥运五环是相互连接的,因此在视觉上会产生重叠效果,这也是实现五环最有挑战性的部分。

2024-08-05 17:30:48 923

原创 【Vue】组件设计与状态管理优化

在前端开发中,良好的代码组织和设计是提高代码可维护性和可重用性的关键。通过遵循单一职责原则、合理使用状态管理、减少全局变量的使用,并保持一致的代码风格,可以有效避免高耦合、低内聚和多数据源等问题,从而提升项目的整体质量。

2024-08-05 16:39:15 684 2

原创 【css】 CSS3+JS做一个酷炫的仪表进度条&3d进度条

在现代网页设计中,进度环是一种常见的视觉元素,用于展示任务的完成度或加载状态。本文将介绍如何使用Vue.js和Less创建一个动态进度环组件,该组件不仅具有美观的视觉效果,还能够根据用户输入动态改变颜色。已经支持动态配置-----

2024-08-05 10:53:32 1449

原创 【css】3d柱状图-vue组件版

在现代网页设计中,圆柱形进度条是一种非常流行的视觉元素,用于展示数据的进度或状态。本文将介绍如何使用Vue.js和LESS创建一个响应式的圆柱形进度条组件。

2024-08-02 16:42:53 590

原创 【面试】前端开发中的“八股文”:助力还是阻力?

它通常指的是那些面试中频繁出现的、有固定答案的问题,涉及计算机科学的基础知识、编程语言的特性、以及一些常见的设计模式和算法。然而,“八股文”也存在明显的弊端。特别是在前端开发领域,技术日新月异,仅仅依靠背诵“八股文”中的答案,是无法跟上技术发展的步伐的。例如,对于一个新出现的框架或工具,如果面试者只是停留在理论层面,而没有实际的项目经验,那么在实际工作中遇到问题时,就可能束手无策。通过这样的内容,不仅能够为读者提供有价值的信息,也能够提高文章的原创性和质量分,从而在CSDN博客中获得更好的展示。

2024-07-31 13:22:19 570

原创 【git】git常用命令&提交规范

Git 是程序员工作中不可或缺的版本控制工具,以下是一些优化后的常用 Git 命令列表,旨在帮助你更高效地使用 Git 进行版本控制。

2024-07-30 11:48:39 640

原创 【分享】前端程序员-技术网站推荐

对于前端开发人员来说,以下是一些推荐的技术网站,这些网站提供了丰富的资源和知识,可以帮助你提升前端开发技能:收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat

2024-07-30 10:27:19 1162

原创 【分享】破坏风时钟动画

今天分享一个很有趣的动画:破坏风时钟动画完整源码:源码地址:https://code.juejin.cn/pen/7355385801644965938结语感谢您的阅读~

2024-07-29 13:31:26 466

原创 【uniapp】adb安卓wifi无线调试--记录

本文详细介绍了两种使用ADB(Android Debug Bridge)工具进行Android设备调试的方法,旨在帮助开发者高效地进行应用测试和问题诊断。文章强调了在进行调试前的准备工作,包括安装ADB工具、开启设备的USB调试模式,并提供了详细的步骤指导和注意事项,确保开发者能够顺利地完成调试过程。通过这两种方法,开发者可以更加便捷地进行Android应用的开发和测试,提高开发效率。关键词:ADB调试,Android设备,无线调试,USB调试,Android开发

2024-07-29 10:08:43 1351

echarts大屏+地图模块json数据+中华人民共和国svg

ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11XQ,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。 理解:实际上就是一个JS插件,可以运行在PC和移动设备,兼容主流浏览器,提供非常多的图表(折线图,柱状图,散点图,饼图,K线图) echarts.registerMap('中华人民共和国', usaJson) // 生成地图

2022-09-01

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除