- 博客(185)
- 收藏
- 关注
RSS订阅
原创 前端开发怎么编写出优质高性能的代码
编写优质高性能的前端代码是前端开发人员的重要任务，它不仅关乎用户体验，也影响着网站的加载速度和运行效率。以下是一些编写优质高性能前端代码的通用建议： 理解性能指标：了解如何衡量性能，比如页面加载时间、
2024-05-12 15:34:31
262
1
原创 前端开发--命名规范-非常值得大家停留脚步看看
自定义事件应始终使用 kebab-case 的事件名。不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。不同于组件和 prop，事件名不会被用作一个 JavaScript 变量名或 property 名，所以就没有理由使用 camelCase 或 PascalCase 了。并且v-on事件监听器在 DOM 模板中会被自动转换为全小写 (因为 HTML 是大小写不敏感的)，所以将会变成——导致myEvent不可能被监听到。原生事件参考列表。
2024-04-18 17:24:20
2443
原创 基于jenkins+k8s(container)实现CI/CD
利用 Jenkins、SonarQube、Harbor、Container、Kubernetes技术，搭建一个完整的 CI/CD 管道，模拟实际生产环境项目开发部署流程，实现持续集成、持续交付和持续部署。通过自动化构建、测试、代码质量检查和容器化部署，将开发人员从繁琐的手动操作中解放出来，提高团队的开发效率、软件质量和安全性，实现持续更新迭代和持续部署交付。不同项目可能使用不同的编程语言、框架或库，这导致了每个Slave的配置环境各不相同。
2024-05-31 10:30:28
492
原创 走上管理岗才发现：能力强的人会使用这20个管理工具
走上管理岗位后，除了要掌握：招聘、培训、考核这3项基本功以外，你会发现身边一些能力强、效率高的管理者们，都掌握了以下这20个管理工具。今天整理了一下，与大家一起探讨。WIG至关重要的目标（Wildly Important Goals）是一种由哈维·麦克唐纳（Harvey Mackay）提出的目标制定方法。WIG至关重要的目标通常用于制定长期目标或战略目标。SMART原则是一种用于制定目标的常见原则。SMART原则通常用于制定短期目标或行动计划。
2024-05-31 10:28:06
439
原创 前端Api文档地址相当齐全也有我自己收藏的干货，有哪些缺漏大伙可以找我加上！！！
只整理了一部分，也是为了方便我自己查看，不喜欢看的小伙伴勿喷！！！
2024-05-30 09:24:26
691
转载 uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
在main.js页面定义js全局变量// 背景图片路径。
2024-05-30 09:20:31
3048
原创 vue+jenkins+nginx+node+koa搭建一整套案例和原理
搭建一个使用 Vue、Jenkins、Nginx、Node.js（Koa框架）的全栈应用涉及到前端界面、持续集成/持续部署（CI/CD）、后端服务以及Web服务器的配置。下面是一个基础的项目搭建案例，以及一些关键概念的原理解释。
2024-05-30 09:17:46
855
1
原创 uniapp跨多端搭建一整套详细案例和详细发布到iOS、Android、Web、小程序和原理
通过上述架构和发布流程，你可以使用 uni-app 搭建跨 iOS、Android、Web 和小程序平台的应用。这需要开发者对 uni-app 框架有深入的理解，以及对不同平台的开发和发布流程有所了解。
2024-05-30 09:14:13
1100
原创 MongoDB从基础到进阶
MongoDB是一个灵活且功能强大的NoSQL数据库，连接到MongoDB可以通过多种方式实现。本文介绍了使用Mongo Shell、MongoDB驱动程序（如PyMongo）、连接字符串等方法来连接MongoDB，并提供了基本的Mongo Shell命令进行数据库操作。通过这些方法，你可以轻松地连接MongoDB并开始进行数据的增删改查操作，为你的应用程序提供可靠的数据存储解决方案。我的博客只写前端博文，点击我去看更多喜欢的前端博文，欢迎大家一起讨论学习！
2024-05-30 09:13:10
674
转载 uni-app开发实战：利用Vue混入(mixin)实现微信小程序全局分享功能，一键发送给朋友、分享到朋友圈、复制链接
data() {return {}},//1.发送给朋友//2.分享到朋友圈123456789注：onShareAppMessage() 和 onShareTimeline() 方法是和 onLoad , methods 等方法同级的。
2024-05-30 09:09:19
967
原创 工作中7 个常用的 JS 代码片段
日常开发中，我们经常会用到很多通用的 JS 代码，比如：复制内容、从 URL 中获取指定参数 等这些代码通常有固定实现，即：代码片段。所以，为了方便大家的开发，今天咱们就来看看常用的 7 种代码片段。
2024-05-29 10:47:09
420
1
原创 赶快收藏！全网最佳websocket封装：完美支持断网重连、自动心跳！
这篇文章封装了weboskect，完美支持了断网重连、自动心跳的功能，且完全兼容原生写法，无任何学习负担，开箱即用！但美中不足的是，断网重连时间、心跳数据内容目前都是写死的，大家可以根据自己的情况做一些更改，让它更灵活！我的博客只写前端博文，点击我去看更多喜欢的前端博文，欢迎大家一起讨论学习！
2024-05-29 10:43:02
517
1
原创 vue+jenkins+nginx+node+express+redis+mongodb搭建一整套完整案例和原理
搭建一个使用 Vue、Jenkins、Nginx、Node.js（Express框架）、Redis 和 MongoDB 的全栈应用是一个复杂的过程，涉及到前端界面、持续集成/持续部署（CI/CD）、后端服务、Web服务器、缓存数据库和文档数据库的配置。以下是一个基础的项目搭建案例，以及一些关键概念的原理解释。
2024-05-28 09:02:56
931
原创 vue+jenkins+nginx+node+koa+redis+mongodb搭建一整套完整案例和原理
搭建一个使用 Vue、Jenkins、Nginx、Node.js（Koa框架）、Redis 和 MongoDB 的全栈应用是一个涉及前端、后端、持续集成/持续部署（CI/CD）、Web服务器、缓存和数据库的复杂过程。以下是一个基础的项目搭建案例，以及一些关键概念的原理解释。
2024-05-28 09:01:00
505
原创 在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
基本的思路是这样的，你也可以根据自己的业务需要，自己修改。比如抽离上面的方法或逻辑，单独封装。你也可以添加接口失败重连的逻辑。你也可以使用数据加密传输，例如sm4等。
2024-05-27 09:14:16
534
原创 nodejs+vue+koa+mongodb搭建一整套案例和原理
搭建一个使用 Node.js、Vue、Koa 和 MongoDB 的全栈应用涉及到前端界面、后端服务以及数据库的整合。以下是一个基础的项目搭建案例，以及一些关键概念的原理解释。后端 (Koa + MongoDB)初始化项目在 目录中初始化 Node.js 项目并安装依赖。设置 Koa 服务器创建 MongoDB 模型定义路由控制器前端 (Vue)初始化项目在 目录中初始化 Vue 项目并安装依赖。修改 Vue 配置创建 Vue 组件原理Node.js：提供了一
2024-05-27 09:13:01
421
转载 npx与npm的差异解析，以及包管理器yarn与Node版本管理工具nvm的使用方法详解
平时安装node模块的时候，经常使用的命令是npm。其实还有另外一个命令，叫做npx。网上的说法都是：npx是npm命令的升级版本，功能非常强大。Yarn是一个流行的JavaScript包管理器，它提供了方便的方式来安装、管理、更新和删除JavaScript库和框架。Yarn可以与npm（Node Package Manager）互操作，并且具有更高的性能和更可靠的网络连接。nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看等等，与npm不同的是，npm是依赖包的管理工具。
2024-05-27 09:08:02
468
转载 HarmonyOS开始玩耍：Scroll组件结合属性动画实现导航背景色切换效果（十六）
支持的属性包括width、height、backgroundColor、opacity、scale、rotate、translate等。可滚动容器组件的控制器，可以将此组件绑定至容器组件，然后通过它控制容器组件的滚动，同一个控制器不可以控制多个容器组件，目前支持绑定到List、Scroll、ScrollBar、Grid、WaterFlow上。1、滚动组件触发滚动时触发，支持键鼠操作等其他触发滚动的输入设置。的布局尺寸超过父组件的尺寸时，内容可以滚动。2、通过滚动控制器API接口调用。可滚动的容器组件，当。
2024-05-27 09:01:55
588
转载 HarmonyOS开始玩耍：Grid网格组件结合Swiper组件实现微信朋友圈布局及图片预览效果（十五）
参数为动画结束后的index值，多列Swiper时，index为最左侧组件的索引。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。通常，在一些应用首页显示推荐的内容时，需要用到轮播显示的能力。参数为动画开始前的index值（不是最终结束动画的index值），多列Swiper时，index为最左侧组件的索引。网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。当前显示的子组件索引变化时触发该事件,返回值为当前显示的子组件的索引值。
2024-05-27 09:00:37
426
原创 HarmonyOS开始玩耍：tabs结合tabContent实现底部tabBar导航栏页面布局（十四）
Tabs组件的页面组成包含两个部分，分别是TabContent和TabBar。TabContent是内容页，TabBar是导航页签栏，页面结构如下图所示，根据不同的导航类型，布局会有区别，可以分为底部导航、顶部导航、侧边导航，其导航栏分别位于底部、顶部和侧边。对于底部导航栏，一般作为应用主页面功能区分，为了更好的用户体验，会组合文字以及对应语义图标表示页签内容，这种情况下，需要自定义导航页签的样式。
2024-05-27 08:59:53
376
原创 HarmonyOS开始玩耍：状态管理@State、@Prop、@Link、@Provide、@Consume @Watch详解（十三）
我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。在声明式UI编程框架中，UI是程序状态的运行结果，用户构建了一个UI模型，其中应用的运行时的状态是参数。当参数改变时，UI作为返回结果，也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。自定义组件拥有变量，变量必须被装饰器装饰才可以成为状态变量，状态变量的改变会引起UI的渲染刷新。如果不使用状态变量，UI只能在初始化时渲染，后续将不会再刷新。
2024-05-27 08:58:39
383
转载 HarmonyOS开始玩耍：@Builder装饰器，自定义构建函数（十二）
ArkUI还提供了一种更轻量的UI元素复用机制@Builder，@Builder所装饰的函数遵循build()函数语法规则，开发者可以将重复使用的UI元素抽象成一个方法，在build方法里调用。为了简化语言，我们将@Builder装饰的函数也称为“自定义构建函数”。11允许在自定义组件内定义一个或多个@Builder方法，该方法被认为是该组件的私有、特殊类型的成员函数。自定义构建函数可以在所属组件的build方法和其他自定义构建函数中调用，但不允许在组件外调用。
2024-05-27 08:57:02
1008
原创 HarmonyOS开始玩耍：@Styles装饰器，定义组件重用样式（十一）
如果每个组件的样式都需要单独设置，在开发过程中会出现大量代码在进行重复样式设置，虽然可以复制粘贴，但为了代码简洁性和后续方便维护，我们推出了可以提炼公共样式进行复用的装饰器@Styles。@Styles装饰器可以将多条样式设置提炼成一个方法，直接在组件声明的位置调用。通过@Styles装饰器可以快速定义并复用自定义样式。用于快速定义并复用自定义样式。当前@Styles仅支持通用属性和通用事件。@Styles方法不支持参数。
2024-05-27 08:52:56
511
转载 HarmonyOS开始玩耍：List组件结合Badge、swipeAction实现微信消息列表侧滑删除效果（十）
HarmonyOS开始玩耍：List组件结合Badge、swipeAction实现微信消息列表侧滑删除效果（十）
2024-05-27 08:51:19
404
转载 HarmonyOS开始玩耍：List列表组件的使用详解及案例演示（九）
在我们常用的手机应用中，经常会见到一些[数据列表](https://so.csdn.net/so/search?q=%E6%95%B0%E6%8D%AE%E5%88%97%E8%A1%A8&spm=1001.2101.3001.7020)，如设置页面、通讯录、商品列表等。下图中两个页面都包含列表，“首页”页面中包含两个网格布局，“商城”页面中包含一个商品列表。
2024-05-27 08:49:53
395
原创 Koa框架项目开发实例（二）
Koa 是一个基于 Node.js 平台的 Web 框架，它旨在提供更简洁的异步 Web 应用开发体验。以下是一些使用 Koa 框架进行项目开发的实例，这些实例可以帮助你理解如何使用 Koa 创建不同类型的 Web 应用。
2024-05-24 17:32:09
387
原创 Koa框架项目开发实例（一）
在这个项目中，我们将使用Koa框架来开发一个简单的任务管理应用。用户可以注册账号，登录后可以创建任务、标记任务完成，并查看任务列表。
2024-05-24 17:30:20
265
原创 nodejs+koa 深入开发和开发案例代码
Node.js 与 Koa 是构建现代 Web 应用的流行组合。Node.js 提供了高效的服务器端 JavaScript 运行环境，而 Koa 是一个由 Express 原班人马打造的轻量级 Web 框架，它摒弃了回调函数，通过异步函数带来了更好的开发体验。
2024-05-24 11:35:39
342
原创 前端服务端React（Next.js）、Vue（Nuxt.js）、Angular（Universal）渲染搭建和开发案例
前端服务端渲染（Server-Side Rendering，简称SSR）是一种Web开发技术，它允许服务器动态生成HTML内容，然后将其发送到客户端，客户端再将这些HTML内容渲染成页面。这种方式可以提高首屏加载速度，改善SEO，以及提供更好的用户体验。
2024-05-24 11:22:09
942
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人