- 博客(20)
- 收藏
- 关注
RSS订阅原创 初识微前端
微前端是一种软件架构模式，旨在解决大型前端应用程序开发和维护中的复杂性问题。它将前端应用程序拆分成更小的、独立的部分，每个部分可以由不同的团队开发、测试、部署和维护。这些独立的部分可以是单独的应用程序或者功能模块，它们可以独立开发和部署，但最终集成到一个统一的用户界面中。
2024-05-06 15:43:03
1214
1
原创 Vuex 和 Pinia 两个状态管理模式的区别
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。（实际项目中千万不要即用Vuex又用Pinia，不然你会被同事‘’请去喝茶的‘’
2024-05-06 12:39:04
900
2
原创 解决 Pytorch 和 Cuda 版本不兼容问题
CUDA和PyTorch不兼容的问题通常出现在两个方面：CUDA版本与PyTorch要求的版本不匹配，或者系统环境配置出现了问题。【检查CUDA和PyTorch版本】【更新CUDA驱动程序】等
2024-04-29 09:52:24
4039
3
原创 Event Loop中的 microtask 与 macrotask
JavaScript事件循环的主要概念是事件队列和事件循环机制。当异步操作完成或触发事件时，会将相应的事件加入事件队列中。然后，事件循环会不断地检查事件队列，并按照特定的顺序将事件推送到执行栈中执行。
2024-04-28 15:00:15
1375
6
原创 Vue 组件通信的几种方式
组件间通信可以通过props、$emit、事件总线、Vuex以及Provide/Inject等方式来实现，总的来说，组件通信是现代前端开发中不可或缺的一部分，它可以帮助开发者构建更加模块化、可维护和可扩展的应用。
2024-04-19 10:28:56
1103
3
原创 iframe嵌入Vue页面实现免登方法
实现一个功能需要使用iframe嵌入其它系统内部的一个页面，但嵌入后出现一个问题，就是一打开这个页面就会自动跳转到登录页，原因是被嵌入系统没有登录(没有token)肯定不让访问内部页面的，本文就是解决这个问题的。
2024-04-11 08:52:24
1826
1
原创 vueRouter动态路由(实现菜单权限控制)
对于企业级的项目, 我们可能需要对项目做权限控制管理, 实现不同角色的用户登录项目根据所拥有的权限访问不同的页面内容，此时就需要使用到动态路由来对权限页面做限制。
2024-04-10 09:15:11
3637
5
原创 WebSocket
WebSocket是一种在客户端和服务器之间实现双向通信的网络协议。它通过在单个TCP连接上提供全双工通信功能，使得服务器可以主动向客户端推送数据，而不需要客户端发起请求
2024-04-07 10:55:47
1253
2
原创 Git 常用命令
Git是一种分布式版本控制系统，用于跟踪文件和项目的变化，涉及到拉取、提交、推送、回滚切换分支等多种命令，以便多个开发者可以协同工作。
2024-03-29 09:42:11
978
3
原创 Vue响应式原理
Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题。
2024-03-26 15:40:09
1193
2
原创 React Hooks 技术重点
React 一直都提倡使用函数组件，但是有时候需要使用 state 或者其他一些功能时，只能使用类组件，因为函数组件没有实例，没有生命周期函数，只有类组件才有
2024-03-15 14:50:42
1301
2
原创 Vue + ECharts大屏可视化
大屏可视化构建工具：【阿里云的DataV】、【蚂蚁体验技术部 AntV 数据可视化】、【D3】、【G2】、【Vega】、【Vega-lite】以及常用于项目的【ECharts】
2024-03-12 10:36:06
8423
14
原创 Vue2和Vue3的主要区别及版本的过渡历史变迁
Vue.js 3 引入了 Composition API，这是一个新的 API 风格，允许开发者更好地组织和重用组件逻辑。相比 Vue.js 2 中的选项式 API，Composition API 更灵活，使得代码更易于维护。
2024-03-08 11:25:04
3610
4
原创 Web-前端微信小程序开发核心问题及解决方案
微信在2017年1月9日推出了小程序，在前端开发小程序时，可能会遇到一些经典难题。以下是一些常见的问题以及相应的解决方法，包含了代码示例，做了个笔记收集，希望对码友们有所帮助~
2024-03-07 16:06:04
1074
2
原创 华为鸿蒙HarmonyOS开发基础入门及实例代码运用
鸿蒙简介：鸿蒙系统（HarmonyOS）是由华为推出的一种分布式操作系统。并不是为了替代或兼容Android系统而设计的。实际上，HarmonyOS 和 Android 是两个独立的操作系统。
2024-03-06 16:00:20
2047
5
原创 前端“八股文“之模块化开发实例及运用场景
模块化：一种软件设计和组织代码的方式，每个模块负责特定的功能，可以被独立开发、测试和维护。模块化的目的是提高代码的可维护性、可读性和重用性。
2024-03-05 17:07:46
1156
3
原创 ES6+重点四大模块
ES6（ECMAScript 2015）是 JavaScript 语言的一个重大升级，引入了许多新的语法和特性，为开发者提供了更强大、更灵活的工具。let是声明变量的关键字。与 var不同，使用let声明的变量具有块级作用域，。这有助于解决 var变量提升和作用域问题。const用于声明常量。常量是一种不可变的变量，一旦赋值就不能再被修改。与 let不同，const声明的变量，并且。
2024-03-04 10:20:25
986
4
原创 前端跨站脚本攻击（XSS）如何防止？
这可以通过使用特定的编码函数，如HTML编码、JavaScript编码等来防止浏览器执行注入的脚本。是一种常见的网络安全漏洞，攻击者通过在网页中注入恶意脚本，使得用户在浏览器中执行这些脚本，导致执行其他危险操作。使用CSP来定义白名单，指定浏览器只能加载特定来源的资源，从而减少XSS攻击的风险。攻击利用了文档对象模型（DOM）中的漏洞，通过修改页面的DOM结构来执行恶意脚本。恶意脚本通过用户提供的输入，被服务器返回并嵌入到页面中，用户访问页面时被执行。等容易受到攻击的方法，尽量使用安全的API和框架。
2024-03-04 09:28:22
1059
3
原创 解决Vue组件element-ui中Calendar 日历绑定点击事件问题
【总所周知，ui组件并未提供每个日历格子的点击事件，所以为了拿到每个格子的日历事件，有些人通过手写日历来绑定，虽说可以解决问题，但比较繁琐写样式，因此不易采纳。来绑定解决，点击每个日历格子拿到点击事件。2.为组件添加cellRender。日历组件的cell-click。
2024-02-29 10:30:13
3061
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人