技术宅小温
技术宅小温_个人页
技术宅小温
文章
22
问答
0
视频
0
个人介绍
一个正在成长路上的前端技术宅，希望大家多多沟通交流技术！ 共同进步！
擅长的技术
-
发表了文章 2024-04-24
＜ elementUi组件封装： 通过 el-tag、el-popover、vue动画等实现公告轮播 ＞
在 Vue + elementUi 开发中，遇到这么一个需求，要实现公告轮播的效果。说实话，一开始是打算通过Javascript去获取并修改对应元素来控制轮播的，但是发现这样子代码比较多，而且性能不是很好。然后…聪明的小温想到了，能不能通过vue的动画过渡，实现公告的滚动效果呢！一不做二不休，直接上手，果然是可以实现的！接下来，简单阐述下，开发中使用方法！
-
发表了文章 2024-04-23
＜ 今日小技巧：Axios封装，接口请求增加防抖功能 ＞
今天这篇文章，主要是讲述对axios封装的请求，由于部分请求可能存在延时的情况。使得接口可能存在会被持续点击（即：接口未响应的时间内，被持续请求），导致重复请求的问题，容易降低前后端服务的性能！故提出给axios封装的配置里面，新增一个防抖函数，用来限制全局请求的防抖。
-
发表了文章 2024-04-22
＜ 每日份知识快餐：axios是什么？如何在Vue中 封装 axios ？ ＞
本文介绍了前端开发中常用的HTTP客户端库Axios，它基于Promise，支持浏览器和Node.js，特点是功能强大、支持Promise API和并发请求，并能拦截请求和响应。文章强调了理解Axios的内部原理和优化使用的重要性，不仅讲解了基本的安装、导入和使用方法，还阐述了为何选择Axios，包括其丰富的配置选项和良好的浏览器支持。此外，文章探讨了封装Axios的必要性，以减少重复代码和提高代码维护性，并给出了设置接口请求前缀、请求头、超时时间以及封装请求方法和拦截器的示例。通过封装，开发者可以更高效地管理和使用Axios，适应不同项目需求。
-
发表了文章 2024-04-17
＜ 谈谈对 SPA（单页面应用）的理解 ＞
浅谈 SPA 相关知识，了解SPA相关优缺点 及 实现原理等。
-
发表了文章 2024-04-17
＜ elementUi 下拉选择框组件 树状部门选择（ 多选/单选 ）＞
在前端开发中，为解决ElementUI缺少处理树状数据选择的Select组件问题，封装了一个Vue子组件`SelectTree`。组件支持单选和多选，具备搜索功能和懒加载特性。单选示例展示了如何展示树状部门数据，而多选则增加了已选内容的取消功能。此外，还新增了根据等级限制选择的功能。文章提供了详细的代码实现和效果截图，对需要此类组件的开发者具有参考价值。
-
发表了文章 2024-04-17
＜ 知识拓展：前端代码规范 ＞
前端开发中，随着工具组件的多样化，代码的“千人千面”现象带来了管理和维护的挑战。因此，制定代码规范变得至关重要，它能提升代码质量，便于团队协作。命名规范要求文件和目录使用小写和下划线或驼峰式，HTML应合理缩进，属性用双引号，自闭合标签避免斜线。CSS代码遵循HTML缩进，空格和换行有特定规则，注释统一格式。JavaScript中，注重简洁和易读，分号使用需明确，变量命名采用小驼峰，函数调用和声明有特定空格规则。代码规范旨在提高可读性和团队协作效率，但也要避免过度规范。
-
发表了文章 2024-04-17
＜ 了解 HTTP 这一篇就够了 ：什么是 HTTP ？HTTP 和 HTTPS 有什么区别 ？ ＞
在前端开发中，是和浏览器打交道最为频繁的行业之一。但是大部分卷王们，可能仅仅是知道如何使用浏览器，只是知道 URL 跳转到浏览器变成一个完整的网页。 本篇文章将讲述 什么是HTTP、 HTTP 和 HTTPS的区别 及 URL 是如何渲染到页面。 那么到这里，肯定会有人问： 那我们为什么要学习这个呢 ？ 问得好，这个分为两方面： 一是学习上述内容，能够厚实我们的理论基础。有些内容，虽然用的不多，但是技多不压身，道理懂吧？ 二是学习这个，对我们后续的性能优化、排查浏览器上某些错误 的能力都有提升！
-
发表了文章 2024-04-17
＜ 简述 “ 尤大 ” 的 Vue3 相比 Vue 2 的区别 ＞
vue2 向 vue3 的变更！ Vue 3在2018年末开始规划，旨在利用ES6特性，解决Vue 2的性能和架构问题。Vue 3的核心改进包括：更快的速度（重写虚拟DOM，优化编译和组件初始化）、更小的体积（借助tree-shaking优化打包）、更好的维护性（引入组合式API以提高代码复用和可维护性）、拥抱TypeScript以及更接近原生的自定义渲染API。此外，Vue 3还引入了Fragments、Teleport、createRenderer等新功能，同时对全局API、模板指令、组件和渲染函数进行了调整或移除，以提高兼容性和性能。
-
发表了文章 2024-04-24
＜ 每日小技巧： 基于Vue状态的过渡动画 - Transition 和 TransitionGroup＞
Vue 的 `Transition` 和 `TransitionGroup` 是用于状态变化过渡和动画的组件。`Transition` 适用于单一元素或组件的进入和离开动画，而 `TransitionGroup` 用于 v-for 列表元素的增删改动画，支持 CSS 过渡和 JS 钩子。
-
发表了文章 2024-04-22
＜ 今日份知识点：web常见的攻击方式（网络攻击）有哪些？如何预防？如何防御呢 ？ ＞
网络安全威胁日益严重，2017年的永恒之蓝勒索病毒事件揭示了网络攻击的破坏力。为了防御Web攻击，了解攻击类型至关重要。Web攻击包括XSS、CSRF和SQL注入等，其中XSS分为存储型、反射型和DOM型，允许攻击者通过注入恶意代码窃取用户信息。防止XSS攻击的方法包括输入验证、内容转义和避免浏览器执行恶意代码。CSRF攻击则伪装成用户执行操作，防范措施包括同源策略和CSRF Token验证。SQL注入则通过恶意SQL语句获取数据，预防手段包括输入验证和使用预编译语句。面对网络威胁，加强安全意识和实施防御策略是必要的。
-
发表了文章 2024-04-17
＜ elementUi 中 树状侧边栏，机构单位 - 岗位 字典 ＞
本文介绍了如何在Vue + ElementUI环境中，利用Tree组件和Dropdown下拉菜单实现组织单位、岗位的树状数据可视化展示及操作。案例展示了包含头部搜索、节点下拉菜单功能的树形控件，支持增删改查操作。同时，提供了效果截图。注意，案例中混合使用了Vue2和Vue3语法，可能存在潜在问题，仅作参考。
暂无更多信息
-
发表了文章
2024-05-15
＜ elementUi组件封装： 通过 el-tag、el-popover、vue动画等实现公告轮播 ＞
-
发表了文章
2024-05-15
＜ 今日小技巧：Axios封装，接口请求增加防抖功能 ＞
-
发表了文章
2024-05-15
＜ 前端性能优化: 资源加载优化 ＞
-
发表了文章
2024-05-15
＜ 封装公共导出模块：配合element实现提示 ＞
-
发表了文章
2024-05-15
＜ JavaScript小技巧：如何优雅的用【一行代码 】实现Js中的常用功能 ＞
-
发表了文章
2024-05-15
＜ 性能提升 Get √ ：如何理解 “ 回流 ” 与 “ 重绘 ” ？如何合理的减少其出现呢 ？ ＞
-
发表了文章
2024-05-15
＜ 每日份知识快餐：axios是什么？如何在Vue中 封装 axios ？ ＞
-
发表了文章
2024-05-15
＜ 谈谈对 SPA（单页面应用）的理解 ＞
-
发表了文章
2024-05-15
＜ elementUi 下拉选择框组件 树状部门选择（ 多选/单选 ）＞
-
发表了文章
2024-05-15
＜ 每日小技巧：Vue常用修饰符 ＞
-
发表了文章
2024-05-15
＜Javascript技巧： Javascript 是个难泡的妞，学点技巧征服 “ 她 ” ＞
-
发表了文章
2024-05-15
＜ 知识拓展：前端代码规范 ＞
-
发表了文章
2024-05-15
＜ 了解 HTTP 这一篇就够了 ：什么是 HTTP ？HTTP 和 HTTPS 有什么区别 ？ ＞
-
发表了文章
2024-05-15
＜ 在 Js 中如何理解 ‘ 时间复杂度 ’ 和 ‘ 空间复杂度 ’ ＞
-
发表了文章
2024-05-15
＜ 简述 “ 尤大 ” 的 Vue3 相比 Vue 2 的区别 ＞
-
发表了文章
2024-05-15
＜ 每日小技巧： 基于Vue状态的过渡动画 - Transition 和 TransitionGroup＞
-
发表了文章
2024-05-15
＜ 每日算法：一文带你认识 “ 双指针算法 ” ＞
-
发表了文章
2024-05-15
＜ JavaScript技巧：如何优雅的使用 【正则】校验 ＞
-
发表了文章
2024-05-15
＜ 今日份知识点：web常见的攻击方式（网络攻击）有哪些？如何预防？如何防御呢 ？ ＞
-
发表了文章
2024-05-15
＜ 今日份知识点：Javascript本地存储的方式有哪些？区别及应用场景？ ＞
滑动查看更多
暂无更多信息
暂无更多信息