- 博客(58)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 国产游戏技术的崛起：引领全球的潜力与挑战
随着中国游戏行业的蓬勃发展，国产游戏技术水平不断提升，已在国际舞台上展现出强大的竞争力。从高清细腻的画面渲染到逼真的物理引擎，再到日益智能化的AI技术和高效稳定的服务器架构，中国游戏开发者在技术的各个维度都取得了显著的进步。然而，在全球市场的竞争中，国产游戏技术既面临挑战也蕴含着巨大的机遇。本文将探讨这些挑战与机遇，并分析IT技术创新如何推动行业进一步发展。
2024-08-26 18:31:07
311
原创 Vue3 插件封装
实际开发项目的时候，有些组件需要再项目的很多地方调用，比如弹框、loading组件，这个时候我们可以封装一个全局插件，然后直接在项目的入口文件（main.js或main.ts）中进行引入、注册，就可以在项目的各个地方使用了。创建一个 vuePlugin 文件夹，在该文件夹下创建一个 index.vue 文件和一个 index.ts 文件。
2024-08-26 11:18:15
294
原创 Vue3 v-model 指令用法详解
注：在 Vue3 中 v-model 是破坏性更新的，v-model 其实是一个语法糖，通过 props 和 emit 组合而成。
2024-08-23 13:16:08
514
原创 Vue3 自动引入 api 插件 unplugin-auto-import
以上配置完成后重启，就可以无需 import 导入，直接使用 ref、watch、reactive、computed 等 api 了。
2024-08-23 12:22:35
180
原创 平衡编码与学习：程序员的自我提升之道
在这个快速迭代的编程世界里，程序员面临着双重挑战：一方面需要高效地完成日常编码任务，另一方面又必须不断学习新技术和深化专业知识以应对日益复杂的项目需求。如何在繁忙的工作和个人成长之间找到平衡点，是许多程序员共同面临的难题。本文将探讨在保证工作效率的同时如何实现个人技术的持续提升，并讨论日常编码工作与自我提升之间的互利关系。
2024-08-22 18:41:30
203
原创 提升应急响应能力：开发团队在技术风暴中的应对策略
在数字化时代，软件服务的稳定性对于企业运营至关重要。然而，即便是网易云音乐这样的大型平台，也难免会遭遇意外的技术故障，正如8月19日下午发生的服务器故障事件所示。这类事件不仅严重影响用户体验，还可能对企业的声誉和经济状况造成损害。因此，开发团队必须建立有效的危机应对机制，并在日常中培养应对突发事件的能力。本文将探讨如何快速响应和解决技术问题，及如何提升团队的应急处理能力。
2024-08-22 18:31:51
227
原创 克服编程挫折：从Bug的迷宫中寻找出口与面对算法保持冷静的策略
在编程学习的道路上，挫折感无疑是每个学习者都必须面对的挑战之一。它们仿佛是一座座高墙，阻挡我们前进的步伐。然而，正如许多有经验的编程高手所证明的那样，挫折并不是终点，而是成长和进步的催化剂。本文将分享一些有效的策略，帮助大家在遇到Bug和复杂算法时找到解决问题的方法，并保持心态的平和，最终在编程的路上取得突破。
2024-08-22 18:28:23
631
原创 Vue3 组件通信
允许组件通过发送和接收事件来传递数据，而不需要直接相互引用。（事件总线）是一种常见的跨组件通信方式。以上就实现了兄弟之间的组件通信。在 Vue3 中，使用。
2024-08-15 14:36:40
126
原创 Vue3 依赖注入Provide / Inject
在实际开发中，我们经常需要从父组件向子组件传递数据，一般情况下，我们使用 props。但有时候会遇到深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦，代码可维护性差。Vue3 提供的 provide 可以在祖先组件中指定我们想要提供给后代组件的数据或方法，而在任何后代组件中，我们都可以使用 inject 来接收 provide 提供的数据或方法。：组件深层嵌套的情况下，祖先组件需要给后代组件传值。
2024-08-13 18:29:45
717
原创 Vue3 v-bind 指令用法
指令用于将表达式的值绑定到 DOM 元素的属性上。这个指令的语法与 Vue 2 相同，但有一些细微的变化和改进。表示默认的作用域插槽，你可以在该插槽内访问所有传入的数据。: 你可以创建自己的自定义指令来扩展Vue的功能。钩子函数，并在模板中使用自定义指令的名称和绑定的值。是一个布尔值，当它为真时，按钮会添加一个名为。是一个字符串或对象，它决定了当前显示的组件。在这个例子中，你需要在自定义指令的定义中提供。是动态计算的属性名，它们对应的值分别存储在。然后在模板中使用这个自定义指令。在 Vue 3 中，
2024-08-13 17:39:37
584
原创 Vue3 Suspense 和 defineAsyncComponent 结合使用方法
定义一个异步组件，它在运行时是懒加载的。参数可以是一个异步加载函数，或是对加载行为进行更具体定制的一个选项对象。用于协调对组件树中嵌套的异步依赖的处理。上述案例可以实现大型项目的骨架屏效果。
2024-08-13 11:12:51
292
原创 CSS 的 BFC（块级格式化上下文）
常见的可以创建BFC的元素包括：根元素、floats（浮动元素）、positioned elements（定位元素）、table-cell、table-caption、in-flow（在文档流中的元素）、overflowing elements（溢出当前包含块的元素）。：在传统的布局技术中，为了解决浮动元素引起的父元素高度塌陷问题，通常使用清除浮动的技术来确保父元素能够正确接收子元素的高度。BFC是一个独立的容器，它内部的元素不会受到外部容器的影响，同时它也会影响其内部元素的表现。
2024-08-12 21:44:12
325
原创 打造个人编程知识宝库：高效笔记系统建立指南
在编程学习的浩瀚海洋中，掌握有效的笔记记录和整理方法极其关键，这就像是拥有一张精确的航海图，指引我们在知识的海洋中航行。本文旨在探讨如何打造一个既方便快速记录又能轻松回顾的笔记系统，并分享如何在紧凑的学习计划中维护笔记的条理性和可检索性，从而构建一个个性化的编程学习“知识宝库”。
2024-08-12 21:12:28
355
原创 Vue3 插槽用法详解
你可以把插槽想象成是预留给父组件填充内容的占位符。这样一来，父组件就可以根据需要插入HTML结构或者其他组件了。插槽分为：匿名插槽、具名插槽、作用域插槽。
2024-08-12 18:49:52
587
原创 Vue3 中全局组件、基本组件、递归组件的用法详解
因为 B 组件只能在 A 组件内使用，所以是局部组件；在 main.ts 中引入组件 A ，然后使用 app 调用 component，第一个参数是组件名称，第二个参数是组件实例（原理跟我们写 js 递归是一样的，自己调用自己，通过一个条件来结束递归，否则会导致内存泄漏。有些组件使用频率非常高，几乎每个页面都在使用，这时候我们可以把它封装成全局组件。其实就是在一个组件内（A）通过 import 去引入别的组件(B)。注意：切记不能放到mount 后面，这是一个链式调用。
2024-08-12 16:11:21
428
原创 Vue2.X和Vue3的区别
Vue2 使用选项式 api，逻辑比较分散、可读性差、可维护性差；Vue3 使用组合式 api，逻辑分明、可维护性高；他也可以向下兼容支持使用选项式 api；Vue2 基于 Object.defineProperties() 方法实现；Vue3 基于 proxy 实现；Vue2 每次更新 diff，都是全量对比；Vue3 则是对动态属性和动态文本打了标记，这个标记就叫做 patch flag（补丁标记），只对比带有标记的，这样大大减少了非动态内容的对比消耗；
2024-08-10 12:46:42
312
原创 Vue 项目性能优化
对于大型应用或页面中包含大量组件的情况，可以使用懒加载来按需加载组件。：使用Webpack或其他构建工具进行代码分割，将不同功能模块打包成单独的文件，实现按需加载。：在使用列表渲染时，为每个列表项提供一个唯一的key值，以便Vue可以高效地跟踪和管理节点。：避免在模板中使用复杂的表达式或过多的计算属性，尽量将计算逻辑放在组件的方法中处理。：通过设置HTTP响应头中的缓存策略，可以让浏览器缓存静态资源，减少重复请求。：将静态资源托管到CDN上，可以加快资源的加载速度，减轻服务器压力。
2024-08-09 22:56:45
387
原创 AI时代下的编程趋势：程序员如何提升核心竞争力
随着人工智能和机器学习技术的飞速发展，大型语言模型和AI生成代码（AIGC）工具如ChatGPT、Midjourney、Claude等层出不穷，AI辅助编程逐渐成为现实。在这一变革的浪潮中，程序员群体面临着前所未有的挑战和机遇。一些人担忧AI可能在未来取代编程工作的某些方面，而另一些人则看好AI作为提升工作效率的有力工具。面对这样的趋势，程序员们应如何维持并增强自己的竞争力？本文将探讨在AI时代，程序员可以采取的策略来适应和领先于技术发展的潮流。
2024-08-09 20:36:07
761
原创 低代码开发：机遇与挑战的双重探索
无疑，这一创新技术正在颠覆传统的软件开发模式，并激发了IT行业的热烈讨论。随着技术的不断成熟和市场的逐步验证，低代码开发必将在全球软件开发实践中扮演越来越重要的角色，同时也会推动开发者不断进步，最终实现更高效、更创新的软件解决方案。低代码平台的核心魅力在于其简化了编程的复杂性，用户可以通过图形化的界面和预制的模块来快速构建应用，大大提升了开发速度。此外，低代码平台通过模板和自动化功能，减少了传统编码中的重复工作，为企业提供了试错和快速迭代的空间，这在竞争激烈的商业环境中是一个不容小觑的优势。
2024-08-09 20:29:21
518
原创 大学新生的编程入门指南：选择语言、规划学习与避免陷阱
无论是计算机科学专业的学生，还是其他领域的求学者，掌握编程知识都能在未来的学习和工作中发挥重要作用。本文旨在为大学新生提供一份实用的编程入门指南，帮助他们选择适合自己的编程语言，制定高效的学习计划，并规避常见的学习障碍。总之，大学新生在学习编程的过程中应该选择合适的编程语言，制定合理的学习计划，并注意避免学习过程中的常见陷阱。通过这些方法，可以为大学生活和未来的职业生涯打下坚实的基础，并在编程的道路上不断前进。2. 忽视基础：急于求成可能会导致忽视基础知识的学习，而扎实的基础是进阶学习的基石。
2024-08-09 20:25:10
501
原创 js 深拷贝、浅拷贝深度解析
因此，浅拷贝后的对象和原对象共享相同的引用类型的属性值，修改其中一个对象的这些属性值会影响到另一个对象。深拷贝其实就是在堆内存中重新开辟了一块内存，创建了一个新的对象，这个对象和被拷贝的对象用于相同的属性和值，他们两个在栈内存中的引用地址也不一样，是相互独立的，因此修改任何一个对象的值，另一个都不会跟着变化。将一个对象赋值给一个变量，其实就是将这个对象在栈内存中的引用地址复制给了这个变量，这两个对象指向堆内存中的同一个数据引用，所以，其中一个对象的值发生变化，另一个都会跟着变化。2. 封装深拷贝函数。
2024-08-09 16:40:15
382
原创 解码程序员面试中的“八股文”现象：助力还是阻力？
此外，掌握常见的设计模式和架构原则能够帮助程序员更好地理解项目结构和代码组织，这在实际工作中是非常有价值的。一些程序员可能会过分专注于记忆这些标准问题的答案，而忽视了实际的编程实践和问题解决能力。面试过程中应当结合具体的编程测试和案例分析，考察应聘者的实际编码能力、团队合作精神和解决问题的方法。总的来说，“八股文”有其存在的价值，但更重要的是要平衡理论与实践，确保选拔出既懂原理又能动手的优秀程序员。这样，我们才能确保“八股文”成为助力而非阻力，让它在正确的地方发挥应有的作用。
2024-08-09 14:38:38
424
原创 Vue 路由的hash模式和history模式有什么区别
综上所述，hash模式和history模式各有优劣，选择哪种模式取决于具体的应用场景、用户需求和项目的资源。hash模式简单、兼容性强，但URL美观性和SEO较差；history模式则提供了更自然的URL和更好的SEO优化，但需要更多的配置工作和服务器支持。在Vue.js框架中，路由管理是单页面应用（SPA）不可或缺的功能。Vue 路由提供了两种模式：hash模式和history模式，这两种模式主要负责处理URL的变更而无需重新加载整个页面，实现前端路由的功能。尽管它们的基本职责相同，但两者在。
2024-08-08 19:00:29
476
原创 element ui 的 el-date-picker 日期选择组件设置可选日期范围
【代码】element ui 的 el-date-picker 日期选择组件设置可选日期范围。
2024-06-28 11:55:21
528
原创 redux状态管理用法详解
1.通常集中状态管理的部分都会单独创建一个单独的 store’目录2.应用通常会有很多个子store模块，所以创建一个modules’目录，在内部编写业务分类的子store3.store中的入口文件index,js 的作用是组合modules中所有的子模块，并导出store。
2024-05-30 18:30:07
536
原创 如何使用AES128位进行视频解密
上述代码中，通过fetch获取视频数据，其中在 Headers 中配置了 'Range': `bytes=${start}-${end}` 是准备做视频分段加载播放的，经过调研，目前只有 fmp4 格式的视频才支持视频分段播放，所以，如果需要进行分段播放需要后端将视频转码成 fmp4 格式的视频。要实现AES128加解密，可以使用JavaScript的。
2024-05-30 11:52:07
537
原创 React项目中，Antdesign的Tab组件，状态更新，视图没有更新问题
属性接收的是一个状态变量 content 的引用，而 content 本身并没有发生变化。为了解决这个问题，可以在 setContent 中使用函数式更新来确保每次更新。状态变量的值发生变化，但视图没有更新。这可能是因为在渲染组件时，子组件。变化时更新 content 的值，以确保视图能够正确更新。时，content 也会重新计算。在修改后的代码中，我们使用。
2024-04-22 18:48:08
678
1
原创 前端常用 js 库
Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。可以生成唯一的随机数，可用于在 Vue、React 中生成唯一的key值。常用于 React 中，解决动态 className 拼接字符串问题。常用于格式化日期，可以运行在浏览器和 Node.js 中。
2024-04-22 18:21:47
213
1
原创 js 监听H5页面的可见性变化
等元素中监听文档可见性的变化。当这些元素的文档从可见状态变为隐藏状态，或者从隐藏状态变为可见状态时，就会触发该事件。属性可以判断当前页面是否处于隐藏状态。如果页面隐藏，则停止计时器；如果页面可见，则开启定时器。事件，可以实现对页面可见性的响应，从而进行相应的操作。是一个事件，用于在 HTML5 的。
2024-04-19 16:37:41
598
原创 前端发请求headers请求头中包含中文报错问题
类型错误:未能在 “XMLHttpRequest” 上执行 “setRequestHeader”:字符串包含非ISO-8859-1代码点。前端向后台发送请求时，请求头headers中添加了中文，所以会出现编码格式问题。
2024-01-18 11:44:17
1148
原创 Vue+webpack 项目不同环境，环境变量配置
如果这两个文件是空的，那么运行 npm run dev 时，process.env.NODE_ENV 的值默认就是 development；运行 npm run build 时，process.env.NODE_ENV 的值默认就是 production；.env.development 是开发环境下的配置文件。.env.production 是生产环境下的配置文件。第二步，在vue.config.js文件中打印输入。除了默认配置文件，我们也可以自定义配置文件。综上，打包的时候，可以自定义环境变量。
2023-12-19 18:20:12
1066
原创 Vue3+Vite+TypeScript 搭建Vue3项目笔记
现在 Vue3+Vite+TypeScript 搭建的项目越来越受到公司的欢迎，今天也来搭建一下，为了兼容老项目，这里只能用现有版本的 node，目前我的node 版本是 v14.19.3。
2023-12-19 16:20:56
504
原创 npm run dev启动项目后，修改代码，项目会自动重新编译，但是eslint会报错：No type errors found Version: typescript 3.7.5 Time...
【代码】npm run dev启动项目后，修改代码，项目会自动重新编译，但是eslint会报错：No type errors found Version: typescript 3.7.5 Time...
2023-12-14 18:18:37
589
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人