- 博客(115)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 【超详细】vue项目：Tinymce富文本使用教程以及踩坑总结+业务需要功能扩展
在Vue项目的开发过程中，经常需要使用富文本编辑器来处理用户的输入内容。 是一个功能强大且易于使用的富文本编辑器，它支持大多数常见的文本编辑功能，并且可以通过插件进行扩展。本文将详细介绍如何在Vue项目中使用Tinymce富文本编辑器
2023-12-01 17:02:03
14059
16
原创 【做牛马第一步】从零开始配置前端环境以及安装必备的软件及其插件
前端开发是一个快速发展的领域，作为一名前端开发人员，需要掌握各种技术和工具。刚入职，在开始前端开发之前，首先需要配置好前端开发环境，包括安装必备的软件和插件。本文将介绍如何从零开始配置前端环境以及安装必备的软件及其插件，以及一些平时工作可以帮助到我们的工具，之后遇到好用的会一直更新的。从零开始配置前端环境需要安装一些必备的软件和插件，包括 Node.js、编辑器、Git、Chrome 浏览器、包管理工具和 VS Code 插件等。
2023-08-11 14:20:15
3847
原创 【uni-app】基于vite3+vue3.2+pinia+typeScript手写电商微信小程序（ 微信开发者工具）【踩的那些坑】
该项目技术栈：vite3 + vue3.2 + pinia + typeScript2、`v-html`在微信开发者工具显示的是`rich-text`组件，导致样式不适用：`图片大小不自适应`，比如图片太大，只展示了一半3、uni-app组件里的`checkbox-group`和`checkbox`写的样式在微信开发者工具里不匹配4、蓝湖UI上的图片链接在微信开发者工具上不可用5、问题： 元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型 “Object“。
2023-04-03 11:05:06
1190
4
原创 【 javascript】用一篇文章让你搞清楚var、let、const声明变量和不用var声明变量的区别
如果你是故意重新定义greeter，这段代码是没有问题的，但是当你不知道之前已经定义了变量greeter时，这将成为产生问题，就会存在 变量污染的风险，为了降低这种风险，在。
2022-08-30 17:45:49
2647
6
原创 el-table的复选框勾选整行变色
在rowClassName方法中，我们通过判断当前行的数据是否在选中的行数组中，来决定是否添加selected-row类名。当行的数据在选中的行数组中时，我们返回’selected-row’，这样就能为该行添加自定义的样式。在handleSelectionChange方法中，我们监听复选框的选择事件，并将选中的行数据保存在selectedRows数组中，以便在rowClassName方法中使用。在这个方法中，你可以根据你的业务逻辑来判断当前行是否被选中，并返回一个自定义的类名。// 更新选中的行数组。
2024-04-02 14:29:51
804
原创 前端jd要求：了解一门后端开发语言优先 解决方案之Node.js
作为前端开发者，了解一门后端开发语言可以为我们提供更多的职业机会和技术优势。在当今的技术领域中，前后端分离的开发模式已经成为主流，前端和后端的协作和沟通变得越来越紧密。因此，作为前端开发者，学习一门后端语言已经成为提高自己技能的重要途径。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，可以让 JavaScript 运行在服务器端。Node.js 可以用来开发 Web 应用、命令行工具等，它提供了一系列的模块和工具，使得开发者可以更加方便地编写高性能的服务器端应用。
2023-08-16 19:26:35
1754
原创 用一篇文章让你了解学会微前端
微前端是一种新兴的前端架构模式，它可以将一个大型的前端应用拆分成多个小型的子应用，每个子应用都可以独立开发、测试、部署和运行。微前端的出现，使得前端开发变得更加灵活、高效和可维护，同时也能够满足不同团队之间的协作需求。本文将从各个方面介绍微前端，并且说明如何使用。假设有两个应用程序，一个是React应用程序，另一个是Vue应用程序。它们可以独立开发、测试、部署和运行。假设 React 应用程序需要调用 Vue 应用程序的功能。可以使用 事件总线// 在 React 应用程序中。
2023-08-15 17:37:06
303
原创 高级前端开发工程师的爬虫实战指南
前端爬虫是指在前端环境中使用JavaScript等前端技术实现的网络爬虫。与后端爬虫相比，前端爬虫更侧重于从网页中抽取数据、处理数据和展示数据。前端爬虫作为一项有趣且实用的技能，有助于我们从互联网上获取数据并进行有效的数据分析。通过本文的讲解和真实应用案例的介绍，读者可以掌握前端爬虫的基本原理、常用工具和技巧，并了解其在不同领域的应用。同时，请务必牢记合法合规和道德准则，以保护网络生态的健康发展。
2023-06-30 16:09:58
2106
原创 探索2023年大厂前端面试的挑战与应对策略
作为一名前端开发工程师，参加大厂面试是实现职业发展的关键一环。本篇博客将带领读者深入探讨2023年大厂前端面试的挑战，提供一系列应对策略，并解析一些高频前端面试题，以帮助读者在竞争激烈的面试中脱颖而出。
2023-06-29 15:33:45
645
原创 一步步教你修改Windows本地hosts文件，轻松修改域名指向！
在前端开发过程中，我们经常需要修改本地hosts文件来修改域名指向，方便本地调试和开发。本文将为大家详细介绍如何使用Windows系统来修改hosts文件，实现域名指向的修改。hosts文件是一个没有扩展名的纯文本文件，可以用来将域名映射到IP地址。当我们在浏览器中访问一个域名时，操作系统会首先检查hosts文件，如果存在对应的映射关系，就会将域名解析到相应的IP地址上。
2023-06-29 10:39:05
39540
2
原创 前端工程师的成长之路：技术探索与职业发展
前端工程师的成长之路是一个不断学习、探索和挑战的过程。通过打造稳固的技术基础，持续学习和探索新技术，培养良好的沟通和团队合作能力，以及持续发展和职业规划，我们可以在前端工程师的职业生涯中不断成长和迈向成功的道路上取得突破。在这个过程中，我们要时刻保持对自己的挑战和追求卓越的动力。
2023-06-28 18:04:31
588
原创 【前端进阶】跨平台开发与原生应用：技术融合的未来
跨平台开发是指使用一套通用的代码库，可以在多个平台上构建原生应用。提高开发效率：使用跨平台开发工具和框架，我们可以共享大部分代码，节省开发时间和成本。一致的用户体验：跨平台开发使应用程序在不同平台上具有一致的外观和操作方式，提供更好的用户体验。更广泛的覆盖范围：通过跨平台开发，我们可以同时发布应用程序到多个平台，覆盖更广泛的用户群体。简化维护和更新：使用一套代码库进行开发，可以简化应用程序的维护和更新，减少出错的可能性。跨平台开发为前端开发人员提供了开发高效、一致性强的原生应用的能力。
2023-06-28 17:44:38
681
原创 探索现代前端开发中的关键技术和最佳实践
作为一名前端高级开发工程师，我们不能止步于掌握基础知识，而应不断学习和适应行业的变化。本文介绍了现代前端开发中的关键技术和最佳实践，包括响应式设计与移动优先、组件化开发与前端框架、前端性能优化以及跨平台开发等。希望这些内容能够帮助您在前端开发领域迈出更大的步伐，并取得更多的成功！
2023-06-28 17:14:10
503
原创 【前端进阶】前端安全：从入门到实践
Web应用程序的广泛使用，使得Web安全变得越来越重要。随着Web技术的不断发展和Web应用程序的复杂性增加，越来越多的前端安全漏洞受到广泛关注。为了保护Web应用程序和用户数据，我们需要了解和掌握前端安全的知识和实践。在本文中，我们将介绍前端安全的基本概念，涉及到一些常见的前端安全问题以及如何保护Web应用程序和用户数据的方法。最后，我们将深入探讨前端安全的实践方案，以帮助您实现更安全的Web应用程序。在日益复杂和高风险的网络世界中，保护Web应用程序和用户数据至关重要。
2023-06-27 16:49:55
1444
原创 【前端进阶】如何编写可扩展的前端代码
在当今前端开发领域的大环境下，以及日益增长的业务需求，代码的可扩展性显得尤为重要。它可以使得代码更加易于维护和扩展，提高团队的工作效率，也能够减少代码的错误和缺陷。本文将详细介绍如何编写可扩展的前端代码。编写可扩展性的前端代码可以提高代码质量和效率，同时也方便团队协作，是前端开发过程中的一项重要任务。实现这个目标需要拆分代码，使用模块化编程，使用设计模式，提高代码的可维护性，测试和调试代码，以及结合团队合作等多个方面的配合。只有这样，才能为用户提供最佳的前端开发体验。
2023-06-27 14:28:44
380
原创 【前端进阶】前端工作流程详解，如何构建高效、可靠的前端工作流程
随着Web技术的不断发展，前端开发越来越受到关注和重视。然而，前端开发本身就十分复杂，如果没有一个规范的工作流程和有效的工具支持，就会导致项目的延期、出现重复的错误以及代码难以维护等问题。本文将分享如何构建一个高效、可靠的前端工作流程，帮助前端开发者在开发中提高效率和代码质量，并适应快速迭代和高质量代码交付的要求。前端工作流程可以解释为一系列从需求分析到代码上线的标准化流程。前端开发者需要遵循这些流程，并且遵守团队内部的规范，来确保代码的质量和项目的交付质量。
2023-06-27 11:30:59
3132
原创 【前端进阶】从HTML、CSS、JS到框架和性能优化，一篇全面的前端开发指南
前端开发已成为当前互联网行业中最为热门的职业之一，同时也是一项十分复杂的工作。为了构建出高效、易于维护、易于扩展的前端应用程序，前端开发者必须掌握HTMLCSSJavaScript等基本技术，同时还需要熟悉一些常用的前端框架，并能够进行性能优化和安全防护。本文将为大家介绍从 HTML、CSS、JS 到框架和性能优化等方面的前端开发技术。希望能为初学者以及正在进一步学习的前端开发者们提供有用的参考。定义全局变量可以减少代码的重复，同时还能够提高代码的可维护性，增加样式表的可读性。
2023-06-27 10:50:28
272
原创 【前端性能优化】前端优化解锁技巧，助力提高页面性能和用户交互体验
随着 Web 应用的不断发展，前端性能优化逐渐成为移动端和PC 端开发的必修课，而在真实的业务场景中，优化把控在毫秒之间，不同维度的优化需要不同专业领域和技术功底的结合，才能真正做到精益求精，不断提升页面性能。那么，前端性能优化有哪些层面的优化点？又可以从哪些方面做进一步提升呢？前端性能优化是Web开发中一个重要的方面。它的目标是提升页面响应速度加快页面加载速度减少页面操作所需的时间和提高用户体验。在优化效果不明显可以逐一排除的情况下，最优的方法是。
2023-06-21 16:52:07
1307
原创 【javascript】学习Lodash：让你的JS代码更具优雅和易读性
随着JavaScript语言的不断发展，越来越多的开发人员依赖它的强大特性和适应性来构建现代Web应用程序和网站。但是，随着代码库变得越来越大和复杂，我们可能会遇到一些处理不同数据结构的问题。这时，我们可以使用 Lodash工具包来让我们的JS代码更加优雅和易于阅读。Lodash是一个很流行的JavaScript实用工具库，提供了很多有用的函数方法来简化我们的日常任务。Lodash提供了很多高效实用的函数，如lodash.map等，可以我们简单地对数组，对象，字符串等常用数据类型进行操作。
2023-06-20 10:58:46
788
4
原创 【JavaScript】探索ES6中的数组API：简洁高效的操作方式
ES6 中的数组 API 带来了很多变化，让我们操作数组的效率更高，代码变得更简洁。在日常开发过程中，可以多加使用这些 API，提高代码的工作效率和开发质量。
2023-06-14 17:19:31
1026
原创 【HTML】【一文全解Canvas】从初学到实战，彻底掌握前端绘图神器！
前言一、Canvas 概述二、在 HTML 中使用 Canvas三、Canvas 绘制图形1、绘制矩形2、绘制圆形a. 绘制实心圆形b. 绘制空心圆形四、Canvas 绘制文本五、Canvas 绘制图片六、Canvas 动画效果1、setInterval() 实现动画2、requestAnimationFrame() 实现动画七、Canvas 使用注意事项八、利用Canvas绘制挂钟（原理-绘制弧形）- 简单练习1、 还原坐标系2、 绘制背景3、 绘制时钟指针4、循环绘制。
2023-06-09 11:35:33
9288
2
原创 【HTML】深入全掌握 iframe：了解 its 技术原理、优缺点、最佳应用场景及实战指南
Web 应用开发中，包含其他网页的框架是很常见的需求。HTML 标签iframe提供了一个容器，可以用来嵌入其他页面，并且它自带了一些有用的特性，如调整大小、滚动等。本文将深入介绍iframe技术原理、优缺点、最佳应用场景及实战指南，希望能帮助您更好地运用 iframe，提升 Web 应用开发效率。（内嵌框架）元素是一种HTML常用元素，用于在一个HTML文档中嵌入另一个HTML文档。其实际效果是将一个文档嵌入到另一个文档中，用户在浏览器中正常浏览父文档的同时，可以看到和与子文档交互。
2023-06-08 15:30:11
4390
原创 【Vue】笔记六：webpack底层深入讲解，从初识到精通，真正实现从0到1的过程
Webpack是一个非常强大的打包工具，广泛用于前端项目的构建。Webpack 的功能十分强大，但也十分复杂，光是配置就有一堆参数。本篇文章将从基础部分到深入层次逐步讲解 webpack 的应用，帮助您了解 webpack 配置文件和各个组成部分的作用，以及如何优化 webpack 性能。经过上面的讲解，我们应该对 Webpack 有了更深入的了解。Webpack 提供了很多便捷的功能和插件，可以帮助我们进行配置和优化，使我们的项目开发变得更容易。
2023-06-07 16:49:03
819
原创 详细介绍HTML5的离线储存（工作原理+使用场景+真实使用步骤）
HTML5提供了一种称为离线储存(offline storage)的功能，它允许Web应用程序在浏览器离线时继续访问相关资源，以提高Web应用程序的性能和用户体验。离线储存是通过在客户端(浏览器)中缓存Web应用程序的数据和文件来实现的。一旦缓存，Web应用程序将像普通应用程序一样在离线状态下继续运行。
2023-06-05 16:00:56
4601
3
原创 【Vue】笔记五：详细介绍MVVM模型，并说明其在Vue中的应用
一、什么是MVVM二、MVVM在Vue有哪些应用1. Model：数据模型2. View：视图3. ViewModel：Vue 组件实例三、MVVM 模式的工作原理MVVM是的缩写，是一种软件架构模式，旨在通过有效的分离应用程序的UI表示层和非UI表示层来简化UI的设计和开发。MVVM模式将UI表示层分为View和ViewModel两个部分，通过ViewModel将View与Model进行解耦，从而实现应用程序的可维护性和可扩展性。Model层表示应用程序的数据和业务逻辑。View。
2023-05-29 17:42:33
2371
原创 【vue】笔记三：Vue基础语法以及数据绑定
在Vue中，如果我们需要将一个变量绑定到视图中，并且在变量发生改变时自动更新视图，我们需要使用Vue提供的响应式数据特性。使用v-model指令实现，当视图中的数据变化时，模型中的数据也随之更新；指令是Vue中用来扩展HTML元素功能的特殊属性，通过指令我们可以动态地操作DOM，绑定事件、控制元素显示/隐藏等。v-model指令：实现表单输入元素的双向绑定，代表模板中表单控件的值与组件实例中的数据之间的关系。可以是一个变量，也可以是一个表达式，都可通过Vue的数据绑定机制进行双向数据绑定。
2023-05-29 17:13:01
2433
原创 【Vue】笔记一：vue技术栈详解
Nuxt.js是一个基于Vue.js的轻量级应用框架，可用于创建SPA、静态站点或服务端渲染站点，它提供了很多快捷方法和配置项来帮助开发者使用Vue.js开发Web应用，还提供了预渲染、处理异步数据、服务器端渲染等功能。综上所述，Vue技术栈包括Vue框架、Vue Router、Vuex、Axios、Element UI、Nuxt.js和TypeScript等技术，这些技术可以帮助我们快速构建高性能、美观实用的Web应用。Vue技术栈主要包含Vue框架本身以及一些常用的Vue生态技术，下面一一进行介绍。
2023-05-29 16:08:22
2217
原创 【Vue】笔记二：Vue详解以及从Vue2.0到Vue3.0的技术栈梳理及操作步骤
Vue是一个流行的JavaScript框架，用于构建用户界面和单页面应用程序（SPA）。Vue的特点是易于学习、易于使用，同时简化了DOM操纵和数据管理的复杂性。综上，Vue2和Vue3都是优秀的JavaScript框架，各有其独特的特点和优势，开发者需要根据具体需求来选择使用。同时，Vue3相对于Vue2具有更高的性能和更丰富的功能特性，建议开发者在新项目中直接选择使用Vue3。
2023-05-29 16:06:39
2004
原创 【h5】实现语音转文字
按住录音，松开发送。有两个录音按钮。上移到特定区域取消。略微上移是asr和展示为文字。查看历史消息。需求是：可以h5开发，即：可以网页版，也打包为apk的安卓包。
2023-05-29 07:00:00
5256
1
原创 基于vue-cli配置lib-flexible + rem实现移动端自适应
移动端项目需要进行自适应设计，其核心就在于使用 rem 单位进行布局。而要使用 rem 单位，就需要在项目中引入 lib-flexible组件，使 用lib-flexible 会根据设备的尺寸动态计算出HTML标签的 font-size 值,从而使得 rem 的计算能够自适应的进行调整。
2023-05-26 17:56:04
1356
原创 【前端】实现系统1分钟没动（无任何操作）则自动退出登录功能
如果用户在相应时间内的操作，则会更新最后的操作时间，并重新启动计时器。如果用户在相应的时间内没有操作，则会执行相应的处理逻辑，例如执行退出登录等操作。需要注意的是，该方案中可能存在一些特殊的场景，例如用户在打开多个标签页时，只有当前标签页被标记为非闲置状态时计时器才会被重置，因此需要根据实际情况进行调整。事件，一些没有点击行为的情况是检测不到的。如果需要检测其他事件，可以使用类似的方式监听其他事件以更新最后操作的时间戳。同时，为了避免用户在操作时，倒计时被重新计算，需要在页面上记录用户最后一次的操作时间。
2023-05-26 10:25:09
2642
原创 【uniapp微信小程序】如何将uni目录下static里的txt文件内容展示在页面上？
在uniapp框架中，可以通过使用vue的方式将static下的txt文件内容展示在页面上。
2023-05-25 18:14:07
2207
3
原创 【面试题】中高级前端工程师都需要熟悉的技能--前端缓存
前端缓存是Web开发中一个非常重要的领域，它可以有效地提高页面的加载速度和用户体验，减轻后端服务器的负载。在面试中，中高级前端工程师往往需要展示对前端缓存的深入了解和实践经验。下面我来详细介绍一下前端缓存的相关知识点。
2023-05-25 16:44:07
1121
原创 【uni-app微信小程序】实现支付功能
实现微信支付功能需要在小程序后台配置支付相关信息，并且在前端代码中调用微信支付API进行支付操作。uni-app微信小程序实现支付功能整体流程大致如下：
2023-05-24 10:39:24
14444
10
原创 实现微信小程序web-view内嵌H5中的下载功能(大文件切片下载)
微信小程序的开发框架是uniapp，使用uniapp脚手架搭建，其中有页面是展示另一个小程序，在这个页面主体内容使用了标签将H5的页面内容展示，H5中有页面存放了下载的路径。点击下载按钮下载文件，或者预览文件让用户手动保存。
2023-04-28 16:51:28
7682
4
原创 uni-app微信小程序分享微信好友与分享到朋友圈功能【vue3+ts+uni-app+vite】
这样配置结束之后整个小程序所有页面点击右上角转发分享都走的这个文件，如果需要单个页面可以转发，可以看第三点。
2023-04-28 10:49:44
2006
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人