自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端御书房

分享前端最新技术:HTML、CSS、JS、Vue.js、React.js、webpack、node、实战项目

  • 博客(266)
  • 资源 (1)
  • 收藏
  • 关注

原创 JavaScript逆向技术

而JavaScript逆向的目的,就是通过对这些经过处理的代码进行反混淆、解密或解压缩,还原出原始的代码逻辑,从而理解其工作原理或寻找潜在的安全漏洞。然而,JavaScript逆向技术仍在不断发展和完善中,未来的研究方向包括更高效的反混淆和解密算法、更精确的动态执行和调试技术等。同时,我们也应该意识到,JavaScript逆向并非万能的。此时,我们需要借助内存分析工具(如浏览器的Memory tab),对JavaScript对象的内存占用、引用关系等进行深入分析,以提取出隐藏在内存中的关键数据。

2024-05-07 18:22:19 907 1

原创 程序员缓解压力的小窍门

长时间的编程、复杂的问题解决、项目交付的紧迫性,以及不断更新的技术栈,都是程序员们必须应对的挑战。通过定期运动、学习放松技巧、保持良好的睡眠习惯、合理规划工作与休息、寻求支持与交流以及保持积极心态等方法,我们可以有效地减轻工作压力,提高生活质量和工作效率。对于程序员来说,可以选择在工作间隙或下班后进行短暂的锻炼,如散步、做简单的拉伸运动,或者加入健身房进行更系统的训练。与同事、朋友或家人分享自己的感受和压力,寻求他们的支持和理解,是缓解压力的有效途径。程序员应该学会关注问题的积极面,相信自己的能力和价值。

2024-04-22 16:21:01 273

原创 Node爬虫:原理简介

而在引入IP代理后,我们构建了一个包含数百个代理IP的代理池,并实现了自动化切换代理IP的功能。通过不断切换代理IP,我们成功地绕过了平台的反爬虫机制,实现了对商品价格的持续监控。在实际运行中,使用IP代理的爬虫请求成功率显著提高,数据抓取效率也得到了大幅提升。IP代理池是一个包含多个可用代理IP的集合,爬虫程序可以从中随机选择一个代理IP进行请求。结果显示,在使用IP代理后,爬虫的请求响应时间有所增加,但仍在可接受范围内。此外,为了确保IP代理的稳定性和可用性,还需要对代理IP进行定期检测和维护。

2024-03-28 12:49:36 1650

原创 chatgpt和文心一言哪个更好用

总的来说,ChatGPT和文心一言都是很好的人工智能语言模型,它们在智能回复、语言准确性和知识库丰富度等方面都有不错的表现。它能够理解较为复杂的语言结构,并且能够根据不同的输入产生不同的回复,避免了一部分重复的问题。ChatGPT:ChatGPT的知识库相当丰富,它涵盖了广泛的主题和领域,包括历史、科学、技术、文化等等。它能够提供较为详细和准确的信息,并且还能够根据用户的需求进行知识的推理和分析。文心一言:文心一言的语言准确性也相当不错,它的表达比较流畅,很少会出现让人感到不适的语言错误。

2024-01-15 13:06:53 969 2

原创 程序员必备面试技巧

作为前端开发者,面试是获取心仪工作岗位的必经之路。在面试过程中,除了展示你的技术能力和项目经验,掌握一些面试技巧也能让你脱颖而出。本文将为你揭示一些实用的面试技巧,帮助你顺利通过面试,赢得理想的工作机会。

2024-01-08 13:40:35 585 2

原创 React router

react-rouer-dom是在react项目中使用的路由管理工具。它主要的作用是把路由与对应的组件建立映射,当我们访问一个路由时,就渲染对应的组件。

2024-01-06 18:09:43 1309 1

原创 生成式AI如何重塑开发流程和开发工具

生成式AI是指利用机器学习、深度学习等技术,从大量数据中学习和提取知识,进而生成全新的、真实的、有用的数据。在软件开发领域,生成式AI可以用于自动生成代码、测试用例、部署配置等,从而极大地提高开发效率和质量。

2024-01-04 11:46:13 636 1

原创 使用GO开发的IDE简介

Goland是由JetBrains公司开发的商业IDE,专门为Go语言开发设计。JetBrains是一家知名的软件开发公司,以其强大的IDE产品如IntelliJ IDEA而闻名。Sublime Text是一款流行的文本编辑器,由于其高效的用户界面和强大的插件系统而受到赞誉。GoClipse是一款基于Eclipse IDE的插件,为Eclipse IDE提供了对Go语言的支持。LiteIDE是一款轻量级的、专门为Go语言开发设计的IDE。它是由一位中国开发者为了更好的Go语言开发体验而创建的。

2024-01-03 09:32:42 936

原创 HarmonyOS UI框架简介

HarmonyOSUI框架是一个用于构建跨设备应用的开发框架,它属于HarmonyOS系统架构的上层框架。该框架通过提供一系列的开发模型、声明式UI范式、系统API等,帮助开发者更高效地构建用户界面。在HarmonyOSUI框架中,开发语言目前主要支持arkts/TS语言。该框架通过自研的声明式UI范式,使开发者能够描述用户界面的状态和变化,而无需关注具体的实现细节。这种范式降低了学习成本,提高了开发效率。

2024-01-02 12:06:35 1968 1

原创 HarmonyOS开发环境配置

安装编辑器的时候需要下载SDK、ohpm依赖确保网络畅通。

2024-01-02 11:53:03 786

原创 HarmonyOS简介

HarmonyOS的诞生可以追溯到华为对物联网时代的探索和布局。随着物联网技术的快速发展,华为看到了一个更加互联互通的世界的潜力,并决定开发一个全新的分布式操作系统来满足物联网设备的需求。因此,HarmonyOS在2019年由华为正式发布,作为其布局物联网领域的重要战略产品。HarmonyOS是一款由华为开发的分布式操作系统,它旨在实现多设备之间的协同工作。

2024-01-02 11:41:26 1224

原创 编程新手IDE

Atom的特点是高度可定制,你可以按照自己的喜好来调整编辑器的外观和功能。对于新手来说,Atom是一个很好的选择,因为它不仅提供了基本的文本编辑功能,还可以通过插件来支持各种编程语言和工具。对于新手来说,我建议从VS Code开始尝试,因为它不仅免费开源,而且具有丰富的插件支持和良好的扩展性。它提供了丰富的代码提示、自动完成和重构工具,可以帮助你更快地编写高质量的代码。当然,不同的项目和不同的开发者可能会有不同的偏好,选择一款适合自己的IDE可以让编程更加高效愉悦。

2023-12-30 17:57:38 1787 2

原创 HarmonOS开发前景

随着科技的不断发展,我们正处在一个数字化、智能化的时代。在这个时代中,操作系统作为连接硬件与软件的桥梁,其重要性不言而喻。而鸿蒙操作系统(HarmonyOS)作为华为推出的分布式操作系统,其开发前景备受关注。作为一名前端开发者,我认为鸿蒙开发具有广阔的前景,以下是我的观点。

2023-12-29 14:30:52 615

原创 编程语言的未来:JavaScript

当我们思考编程语言的未来时,我们不能忽视JavaScript的重要性。作为前端开发者,我们深知JavaScript在开发中的重要性。它不仅改变了我们与网页的交互方式,还推动了整个前端开发领域的发展。那么,从当前的趋势和技术发展来看,JavaScript的未来将如何呢?

2023-12-28 15:06:28 622 1

原创 我的2023

同时,它还具有简洁的界面和快速的响应速度,让我在工作中更加高效和舒适。在学习过程中,我不仅掌握了它们的基本语法和特性,还深入了解了它们的原理和实现机制。同时,我也意识到技术行业是一个不断学习和进步的过程,只有不断地学习和探索才能保持竞争力和创造力。因此,我在工作中不仅注重技能的学习和实践,还注重团队协作和沟通能力的提升。我不仅详细地记录了自己在学习新技术过程中遇到的问题和解决方案,还分享了一些实用的开发技巧和工具。通过不断地学习和实践,我不仅取得了工作上的成绩和进步,也收获了个人成长和快乐。

2023-12-28 08:43:10 481

原创 Vite与Webpack对比

总的来说,Vite和Webpack都是优秀的前端构建工具,各自具有独特的优点和适用场景。如果你需要一个快速的开发环境并且对打包结果有较高的要求,那么Vite可能是一个更好的选择。而如果你需要更广泛的跨平台支持和更丰富的插件生态系统来满足复杂的前端项目需求,那么Webpack可能更适合你。对于Webpack,添加一个新的插件或加载器可能需要配置多个文件,并可能需要深入了解Webpack的内部工作原理。文件中,你可以通过导入相应的插件和使用插件的实例来添加新的插件或加载器。Vite的配置相对简单。

2023-12-21 18:17:07 908 1

原创 前端视角看待在百模大战中AI行业发展有何新趋势?

随着科技的飞速发展,人工智能(AI)行业正经历着前所未有的变革。在百模大战这一独特的竞技场中,AI行业的各种新趋势更是得到了充分展示。本文将从技术进步、应用拓展、行业变革和人才竞争四个方面,探讨AI行业在百模大战中的新趋势。

2023-12-21 08:59:34 454

原创 前端:git介绍和使用

Git是一个分布式版本控制系统,用于跟踪和管理代码的变更。它是由Linux之父Linus Torvalds于2005年创建的,并被广泛用于软件开发、版本控制和协作开发。

2023-12-20 17:36:56 531

原创 前端:NPM的介绍和使用

总的来说,NPM的实现原理是基于Node.js的模块系统和包管理器,通过注册中心、包下载、包存储、依赖解析、版本管理和缓存机制等功能,为前端开发者提供了一个方便、高效的管理Node.js包的工具。NPM的实现原理基于Node.js的模块系统。它的核心功能是管理Node.js的包,包括安装、更新、卸载等操作。这将从NPM注册中心下载并安装指定的包及其依赖项。命令时,NPM会从NPM注册中心下载包的源代码,并将其存储在。如果安装正确,将显示Node.js和NPM的版本号。的目录来存储安装的包和它们的依赖项。

2023-12-20 17:19:13 1468

原创 前端视角看待低代码

在当今的软件开发领域,低代码开发平台(Low-Code Development Platforms,LCDP)正逐渐成为热点话题。这些平台通过提供可视化界面和预构建组件,让非专业开发人员也能快速构建应用程序。然而,对于低代码的看法却褒贬不一。有人认为它是美味膳食,为开发者带来了福音;也有人将其视为垃圾食品,质疑其长期影响。本文将从前端视角出发,探讨低代码的优缺点,以及它对整个开发社区的影响。

2023-12-20 13:45:46 379

原创 前端视角看待IT圈茶余饭后的鄙视链

在IT职业圈中,鄙视链是一个普遍存在的现象。虽然这种关系并不合理,但它确实存在。作为前端开发者,我们需要正视鄙视链的存在,不断提高自己的技能和能力水平,同时积极与其他领域的人进行合作和交流。只有这样,我们才能打破鄙视链的束缚,实现自己的职业发展和价值创造。同时,我们也应该认识到每个领域都有其独特的价值和作用,只有相互尊重、相互合作才能创造出更好的产品和服务。

2023-12-20 13:40:22 410

原创 前端视角看待前端已死论

前端开发领域的技术更新换代非常迅速,新的框架、库和工具层出不穷。这使得前端开发者需要不断学习新的技术,以保持竞争力。然而,这种快速的技术更新也给开发者带来了巨大的压力,导致一些人认为前端开发已经没有未来。根据W3Techs的统计数据,截至2023年,全球网站中有85.5%使用前端技术进行开发。这个数据表明,前端开发仍然是网站开发的主流技术之一。尽管前端技术不断更新换代,但新的技术也为前端开发者提供了更多的工具和解决方案,使得前端开发更加高效和便捷。

2023-12-20 13:34:07 797

原创 我的创作纪念日

在我过去创作的历程中,有许多值得我自豪的成就。其中最让我骄傲的,莫过于我在JavaScript中实现的一个复杂的交互效果——一个动态的轮播图。当时的我,正处于对IT技术强烈兴趣的驱动下,希望通过写作来梳理自己的学习思路,分享自己的经验。同时,我也希望能够通过我的创作,激发更多人对技术的热爱和追求。我相信,只要我们保持对技术的热爱和追求,就能在这个领域创造出更多的可能。在成为创作者的这1460天里,我取得了许多成就,也收获了许多宝贵的经验。

2023-12-20 11:21:41 385

原创 前端:你见过哪些令你膛目结舌的代码技巧?

在JavaScript的世界里,有着许多令人膛目结舌的代码技巧。这些技巧可以使你的代码更加简洁、高效,甚至在某些情况下,能够解决一些看似无解的问题。下面,我们就来聊聊那些让你目瞪口呆的JavaScript代码技巧。

2023-12-19 17:04:31 454

原创 工具:Edge问题解决教程

随着移动互联网的普及,越来越多的用户开始使用Edge浏览器。Edge是Windows 10自带的浏览器,具有快速、稳定、安全的特点。然而,在使用过程中,用户可能会遇到一些问题,如浏览器崩溃、页面无法加载、广告拦截等问题。本篇文章将为您解决这些问题提供一些解决方案。四、Edge浏览器无法正常播放视频或音频。五、Edge浏览器无法正常下载文件或图片。

2023-12-19 13:59:21 780

原创 工具:Copilot实战经验分享

Copilot是一个基于代码生成器的AI助手,它可以自动生成代码、提供代码建议和完成代码片段。它利用了大量的开源代码和GPT-3模型来学习和生成代码。通过与开发者的交互,Copilot能够理解开发者的意图,并提供相应的代码建议和自动完成。

2023-12-19 13:49:02 1128

原创 前端技术的新趋势:React、Vue与Angular的比较

本文将比较当前最流行的前端框架React、Vue和Angular,探讨它们各自的优缺点,并分析它们在未来的发展趋势。

2023-12-18 17:45:47 1620 1

原创 支付方式收录

支付功能是一个很常用且很重要的功能。可以用于支付的支付平台也有很多,比较常见的有微信支付、支付宝支付以及各大银行的支付方式。本篇文章仅说明微信支付和支付宝支付在前端方面需要做的一些常见的工作。在支付功能的实现过程中,前端需要做的工作比后端来说要少一些。支付功能的具体业务实现的重点在后端,前端需要做的就是把后端处理后的数据通过各大支付平台的api发送请求即可。本文所介绍的支付功能都需要在对应的支付开放平台申请之后才能使用具体请看对应的平台的说明。

2023-12-06 17:29:52 940

原创 程序员养生指南:护腰护颈+保持精力

通过正确的坐姿和使用电脑姿势、定期伸展、健康饮食、规律作息、适当运动和保持好心情等方法,可以有效缓解身体疲劳和提高工作效率。作为程序员,长时间坐在电脑前,保持一种姿势,不仅会让你的身体感到僵硬和疼痛,还会影响你的效率和心情。此外,使用电脑支架可以将电脑屏幕提高到适当的高度,减少颈椎的负担,预防颈椎病的发生。定期伸展,缓解肌肉疲劳:每小时至少起身活动5-10分钟,做一些腰部和颈部的伸展运动,可以缓解肌肉的疲劳和紧张。适当运动,增强身体素质:适当的运动可以增强身体素质,提高免疫力,同时有助于缓解压力和焦虑。

2023-12-06 10:51:59 541

原创 CICD:使用docker+ jenkins + gitlab搭建cicd服务

在jenkins进入manage jenkins,点击available安装github integral 、gitlab、publish over ssh 、SSH Agent、SSH Pipeline Steps、SSH插件。对于一个成熟的CICD管到来说,最后的阶段就是持续部署。集成,就是一些孤立的事物或元素通过某种方式集中在一起,产生联系,从而构建一个有机整体的过程。进入configure global security,添加用户组,创建权限。在服务器新建java目录,在java目录中创建。

2023-10-14 11:17:41 1047

原创 CICD:github actions 实现CICD

根据测试结果,我们可以确定新代码和原有代码能否正确地集成在一起。对于一个成熟的CICD管到来说,最后的阶段就是持续部署。在github项目仓库中点击actions查看工作流是否工作,如果没有工作点击,右边的按钮选中。集成,就是一些孤立的事物或元素通过某种方式集中在一起,产生联系,从而构建一个有机整体的过程。错误,在当前项目仓库的settings页面中点击actions,选中general,在。配置项中选中第一个,且在yml配置文件中不能再次设置权限。持续,就是指长期的对项目代码进行集成。

2023-10-14 10:11:42 477

原创 CICD:Circle CI 实现CICD

登录circleci网站后,点击首页右上角的go to application,会进入下面的页面,在该页面中点击左边菜单的projects,然后在选择需要使用circleci的项目后点击右边的set up project。如果需要通过github pages访问项目,需要在github的项目仓库中点击设置,在设置页面中选中左边的菜单栏中的pages,在Build and deployment"选项中,选择要部署的分支。请注意,在将更改推送到GitHub后,发布对网站的更改可能需要长达10分钟的时间。

2023-10-14 10:06:12 873

原创 H5实现扫描二维码

扫描二维码是app常用的一种基础功能,该功能使用户能够方便地登录、浏览网站、获取信息等操作,鉴于此,把该功能引入H5,利用H5实现扫描二维码功能在把扫描二维码功能引入H5的过程中,通过对比5中工具库找到了两种比较好用的第三方库。接下来就对这两种库进行记录。

2023-10-07 19:52:54 8180 19

原创 React Redux

整个应用只能有一个store,store是整个Redux的统一操作入口。它是需要在整个应用程序中使用的状态的集中存储,规则确保状态只能以可预测的方式更新。useSelector是React Redux封装的一个Hooks,用于从Redux中的store对象中提取数据,并且返回的state对象是响应式的。store收到action之后,必须给出一个新的状态,这样视图才会发生变化,这种状态的计算过程就是Reducer。reducer是一个纯函数,接收旧的state和action,返回一个新的state。

2023-10-06 10:00:00 271

原创 React Hooks—— context hooks

Hooks从语法上来说是一些函数。这些函数可以用于在函数组件中引入状态管理和生命周期方法。

2023-10-05 19:05:32 542 1

原创 React Hooks ——性能优化Hooks

Hooks从语法上来说是一些函数。这些函数可以用于在函数组件中引入状态管理和生命周期方法。自定义Hooks最重要的作用是逻辑复用,并非数据的复用,也不是UI的复用。自定义Hooks就是声明一个函数,函数名根据命名规范以use作为开头,在函数内部可以使用任意内置Hooks。},[]);return;使用自定义Hooks时,在需要使用的组件中导入Hooks。

2023-10-05 19:00:26 971 1

原创 React Hooks —— ref hooks

Hooks从语法上来说是一些函数。这些函数可以用于在函数组件中引入状态管理和生命周期方法。

2023-10-05 18:58:45 896

原创 React Hooks —— Effect Hooks

Hooks从语法上来说是一些函数。这些函数可以用于在函数组件中引入状态管理和生命周期方法。

2023-10-05 18:56:51 266

原创 React Hooks——state hooks

Hooks从语法上来说是一些函数。这些函数可以用于在函数组件中引入状态管理和生命周期方法。

2023-10-05 18:53:49 397

原创 react的组件

组件是用来实现局部功能的代码和资源的集合(html/css/js),用来复用代码。react中分为函数式组件和类式组件。函数式组件就是一个函数,函数的返回值就是组件的视图内容。类式组件就是通过class关键字创建的类,类式组件通过render函数返回视图内容。

2023-10-01 16:27:52 448

前端+微信小程序+本地生活服务+开源

本地生活服务商城微信小程序项目。主要模块存在商品信息模块,购物车模块,个人中心模块,收藏模块,个人地址管理模块。 基本功能有商品展示功能,加入取消购物车功能,筛选订单订单功能,收藏的取消和添加功能,更改收货地址功能等功能。

2023-02-18

前端+微信小程序+商城项目+开源

品优购微信小程序商城项目

2023-02-18

qrcode.rar,微信小程序使用upng-js、jsqr识别二维码

微信小程序识别二维码使用第三方库

2022-10-24

js中几种循环的区别.md

改文章介绍js中的几种常见循环的语法和使用以及作用,并讲解其在执行流程、循环的内容、循环的方式之间的区别

2020-08-15

空空如也

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

TA关注的人

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