自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

会思想的苇草i的博客

关注最新最前沿的web前端开发技术,分享前端工作经验,同时记录个人生活

  • 博客(133)
  • 收藏
  • 关注

原创 玩转压力管理,轻松高效编程

本文从工作与休息的平衡、心理健康与自我关怀、社交与网络建设三个方向,探讨程序员如何有效缓解工作压力。

2024-04-22 16:05:35 340

原创 HTML代码规范

永远遵循同一套编码规范 —— 可以参考其他规范,也可以是自己总结制定的。不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。本文主要介绍HTML代码规范。

2024-04-08 11:28:58 783

原创 React快速入门(四)ReactHooks

React是由Facebook开发的一款JavaScript库,用于构建用户界面。它采用组件化的方式进行开发,支持虚拟DOM技术,能够有效提高页面渲染性能。React具有易于学习、灵活、高效等特点,被广泛应用于Web应用和移动应用的开发中。本文对React的hooks进行了概括说明。

2024-03-12 10:03:55 906

原创 React快速入门(三)动画、状态与路由

React是由Facebook开发的一款JavaScript库,用于构建用户界面。它采用组件化的方式进行开发,支持虚拟DOM技术,能够有效提高页面渲染性能。React具有易于学习、灵活、高效等特点,被广泛应用于Web应用和移动应用的开发中。本文对React的动画、状态与路由进行了简要概括。

2024-03-08 09:43:28 710

原创 React快速入门(二)组件与函数

React是由Facebook开发的一款JavaScript库,用于构建用户界面。它采用组件化的方式进行开发,支持虚拟DOM技术,能够有效提高页面渲染性能。React具有易于学习、灵活、高效等特点,被广泛应用于Web应用和移动应用的开发中。本文对React的组件与函数进行了简要概括。

2024-02-22 14:06:02 863

原创 React快速入门(一)基础与语法

React是由Facebook开发的一款JavaScript库,用于构建用户界面。它采用组件化的方式进行开发,支持虚拟DOM技术,能够有效提高页面渲染性能。React具有易于学习、灵活、高效等特点,被广泛应用于Web应用和移动应用的开发中。本文对React的基础语法进行了简要概括。

2024-01-18 19:38:12 846

原创 玩转Mock.js:构建模拟数据的利器

在本篇文章中,介绍了Mock的基础知识和语法规范,并探讨了它在前端开发中的重要性。此外还分享了如何结合Axios和Mock快速进行接口测试和开发,以提高前端开发效率。最后对常见的mock方案进行简要概述和对比,分析利弊,希望能在日常开发中帮助到大家。

2024-01-18 19:35:06 1083

原创 Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘

Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘

2023-12-12 10:53:22 929

原创 逆水行舟!浅谈24届双非本科秋招

本文主要记录了笔者作为24届双非本科的秋招经历,贯穿从实习到秋招,分享自己实习的一点感悟和参加完秋招的一些想法,记录生活!

2023-12-05 12:44:49 1342 1

原创 前端开发新趋势:UnoCSS快速入门

UnoCSS 是一个即时、按需的原子级 CSS 引擎。它提供了一系列易于使用和高度可定制的组件和布局,可以帮助开发者快速创建现代化的用户界面。UnoCSS具有轻量级和高性能的特点,同时支持模块化和按需加载,使得代码更加易于管理和优化。通过整合UnoCSS,开发者可以在前端开发中节省大量时间和精力,从而更专注于业务逻辑和核心功能的实现。

2023-10-26 10:13:27 8393

原创 简洁高效的样式编写:揭秘Tailwind CSS

Tailwind CSS是一种实用的CSS框架,通过提供一组原子类,使得构建用户界面更加高效。它不同于传统的CSS框架,可以让你直接在HTML中使用类来定义样式,而无需编写自定义的CSS。Tailwind CSS提倡快速开发和一致的UI设计,同时也支持自定义主题和扩展性。这使得它成为许多开发者喜爱的工具,特别是对于快速原型设计和快速迭代的项目。

2023-10-08 10:41:03 1390

原创 前端开发实用技巧:mixin提高代码复用率

混入 (Mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

2023-09-11 19:21:16 571

原创 掌握SEO核心技巧:深入了解搜索引擎优化

前端SEO是指通过优化前端代码和内容,提高网页在搜索引擎中的排名和可见性。它包括合理的HTML结构、语义化标签、良好的页面加载速度、响应式设计等方面的优化。通过使用合适的关键字、优化页面标题和描述,以及创建友好的URL等方法,可以提高网页在搜索结果中的排名。

2023-09-01 09:08:31 539

原创 细谈Vue中插槽Slots

元素是一个插槽出口 (slot outlet),标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。Vue 组件的插槽机制是受原生 Web Component 元素的启发而诞生,同时还做了一些功能拓展。vue的slot主要分三种,默认插槽,具名插槽,作用域插槽;使用插槽是在存在父子关系的组件中使用,我们可以在子组件中决定插槽的位置,同时子组件也可以给这些插槽的默认信息,当父组件中没有需要给子组件插槽插入信息时,显示的是子组件插槽定义的默认信息

2023-08-22 09:36:34 572

原创 打造高效开发环境:Typescript进阶指南

TypeScript是一种开源的编程语言,是JavaScript的超集。它添加了静态类型检查和更强大的面向对象特性,使得JavaScript代码更可靠、易于维护。TypeScript支持最新的ECMAScript标准,并提供了额外的类型注解、接口、泛型等功能。通过在开发过程中捕获错误和提供智能代码提示,TypeScript可以帮助开发者减少bug并提高代码质量。掌握TypeScript全面解析可以让开发者更好地利用这个强大的语言来开发现代化的Web应用。

2023-08-16 11:14:23 340

原创 Nuxt.js快速上手

Nuxt.js是一个基于Vue.js的应用框架,用于创建通用、可扩展的Web应用程序。它提供了预设的配置和约定,使得开发者可以更快速地构建高性能的前端应用。Nuxt.js支持服务端渲染(SSR)和静态站点生成(SSG),具有优化SEO和首屏加载速度的特点。通过集成许多常用插件和功能,如路由、状态管理和代码拆分,Nuxt.js大大简化了前端开发流程。它适用于各种规模的项目,从简单的静态网页到复杂的企业级应用。

2023-08-14 14:09:57 228

原创 计算机体系结构概述

计算机体系结构概述涵盖了计算机硬件和软件之间的组织关系和交互方式。它包括指令集架构、处理器结构、存储器层次结构、输入输出系统等内容。计算机体系结构的设计直接影响着计算机的性能、功耗和可扩展性。了解计算机体系结构可以帮助人们理解计算机的工作原理,优化程序的执行效率,并进行计算机系统的设计与优化。

2023-08-02 09:47:11 1192

原创 el-tree数据渲染超出省略

记录el-tree数据渲染设置超出省略问题

2023-07-27 11:22:31 632

原创 信息安全概论

计算机信息安全概论是对计算机系统和网络中的安全问题进行综合性的介绍和分析。它涵盖了信息安全的基本概念、威胁与攻击类型、安全防护措施等内容。计算机信息安全概论旨在帮助人们理解和应对计算机系统和网络中的安全风险,保护敏感信息免受未经授权的访问、篡改和破坏。了解计算机信息安全概论可以帮助个人和组织制定有效的安全策略,提高信息安全意识,确保计算机系统和网络的安全运行。

2023-07-24 09:40:45 432

原创 TypeError: Cannot read property ‘length’ of undefined

el-checkbox控制台报错TypeError: Cannot read property ‘length’ of undefined

2023-05-14 09:45:50 1313 1

原创 el-drawer组件内数据不及时更新

针对el-drawer组件内数据不及时更新问题进行了基本讲解

2023-05-04 20:11:11 1161

原创 快速上手Moment.js:掌握常用方法实例

Moment.js是一个轻量级的JavaScript时间库,以前我们转化时间,都会进行很复杂的操作,而Moment.js的出现,简化了我们开发中对时间的处理,提高了开发效率。

2023-04-25 12:36:47 140

原创 layout布局input框输入中文出现撑开/换行

在使用 el-col 布局时,输入中文时出现撑开或换行,可能是因为中文字符的宽度与英文字符不同,导致布局出现问题。此时需要更灵活的布局方式,可以使用flexbox或grid布局来实现。

2023-04-20 09:43:54 1211

原创 微信小程序运行原理揭秘:高效的更新机制

本文介绍了小程序运行和更新的机制,基于微信小程序官方文档,进行拓展延伸,并结合自身实际,编写代码和手动操作,进行验证,在文中给出了可行的代码和方案,仅供参考。

2023-04-03 15:55:41 3019 3

原创 快速上手微信小程序:开发进阶

微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。本文主要介绍了小程序的自定义组件、全局数据共享和分包等知识点。

2023-03-25 09:15:36 509

原创 快速上手微信小程序:视图与逻辑

微信小程序是一种可以在微信平台上运行的应用程序。它不需要下载和安装,用户可以直接通过微信扫码或搜索进入使用。微信小程序具有轻量、快速、跨平台等特点,开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。

2023-03-11 09:45:00 1786 6

原创 快速搭建微信小程序:模板和配置详细介绍

微信小程序是一种可以在微信平台上运行的应用程序。它不需要下载和安装,用户可以直接通过微信扫码或搜索进入使用。微信小程序具有轻量、快速、跨平台等特点,开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。

2023-03-06 09:07:29 1839

原创 快速上手微信小程序:简介与开发技巧

微信小程序是一种可以在微信平台上运行的应用程序。它不需要下载和安装,用户可以直接通过微信扫码或搜索进入使用。微信小程序具有轻量、快速、跨平台等特点,开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。微信小程序可以提供丰富的功能和服务,如在线购物、社交娱乐、工具助手等。它在移动应用领域具有广泛的应用和发展前景,为用户提供了更便捷的移动应用体验。

2023-02-25 09:22:07 655

原创 前端初学者必读:TypeScript入门指南

TypeScript是一种由微软开发的JavaScript超集,可用于构建大规模和复杂的应用程序。使用TypeScript能够提高代码的可读性和可维护性,减少出错率。它支持静态类型检查、面向对象编程、接口定义等功能。TypeScript可以与现有的JavaScript库和框架无缝集成,并且易于学习和上手。

2023-02-13 09:45:38 412 4

原创 数据库原理及应用概述

数据库原理是指数据库系统的基本概念和工作原理。它包括数据模型、数据结构、数据操作和数据管理等方面。常见的数据库模型包括层次模型、网络模型和关系模型,其中关系模型是最常用和广泛应用的。数据库原理还涉及索引技术、事务管理、并发控制和数据备份等内容。了解数据库原理可以帮助开发者设计和优化数据库结构,提高数据访问效率和数据安全性。

2023-02-10 12:36:13 2364

原创 软件工程概述

软件工程知识点总结,期末考试重点解析以及例题分享~

2023-02-07 11:52:14 4120

原创 计算机网络概述

计算机网络基础知识包括IP地址、子网掩码、网关、DNS、HTTP等关键概念。IP地址是计算机在网络中的唯一标识,子网掩码用于划分网络和主机部分,网关连接不同网络,实现数据转发。DNS解析域名为IP地址,HTTP是应用层协议,用于传输和接收网页等资源。这些基础知识是理解和构建计算机网络的基础,对于网络工程师和前端开发者都至关重要。

2023-02-02 10:13:39 837

原创 Axios进阶指南:构建可靠的前端网络请求

Axios是一种基于Promise的HTTP客户端,主要用于在前端开发中进行网络请求。它提供了简洁、直观的API接口,支持异步请求、拦截器、取消请求等功能。通过使用Axios,前端开发者可以轻松地与后端进行数据交互,获取和发送数据。Axios还具有跨浏览器的兼容性,并且易于集成到各种前端框架中。掌握Axios能够提高前端开发效率,实现更可靠的网络请求处理。

2023-01-31 09:25:07 4502

原创 从回调地狱到Promise天堂:前端异步革命

在前端开发中,Promise是一种用于处理异步操作的对象,可简化回调函数嵌套,有效管理复杂的异步代码。通过Promise,可以更清晰地表达和处理异步操作的结果,避免回调地狱问题,提高代码的可读性和可维护性。掌握Promise能够改善前端开发中的异步编程体验,实现更流畅的代码逻辑。

2023-01-28 08:56:24 1219

原创 Node.js入门指南

Node.js是建立在Chrome V8引擎之上的JavaScript运行时环境,可用于快速构建可伸缩的网络应用。它采用事件驱动、非阻塞I/O模型,适用于实时数据处理。Node.js还拥有丰富的包管理工具,如npm,使得前端开发者能够方便地共享和重复使用代码。掌握Node.js能够丰富前端开发技能,提升项目的性能和效率。

2023-01-26 08:36:42 2527 3

原创 Git版本控制:提升开发效率的利器

Git是一种分布式版本控制系统,广泛应用于软件开发中。它可以记录和管理项目的历史修改,并支持多人协作开发。通过Git,开发者可以轻松地跟踪代码变更、合并分支、回退版本等操作,保证代码的稳定性和可追溯性。作为前端开发人员,熟练掌握Git能够提高团队协作效率,有效管理代码库,保证项目的质量和可维护性。

2023-01-17 10:06:29 3635 1

原创 Ajax实战指南:快速入门

前端开发中,Ajax是一种用于异步请求和更新网页内容的技术。通过Ajax,可以在不刷新整个页面的情况下,与服务器进行数据交互。这种技术使得用户能够更加流畅地浏览网页,并实现实时更新数据的功能。在前端开发中,掌握Ajax技术对于实现动态交互和提升用户体验非常重要。

2023-01-15 09:38:59 1159

原创 提高开发效率:ES6技巧大全

ES6引入了箭头函数、模板字符串等特性,ES7加入了Array.prototype.includes()方法,ES8推出了async/await语法,ES9引入了Asynchronous Iteration,ES10增加了Array.flat()和Array.flatMap()方法,ES11则新增了可选链操作符和空值合并操作符。掌握这些语法能够提升前端开发效率和代码质量。

2023-01-12 08:36:22 725

原创 前端进阶:探索JavaScript高级语法

JavaScript高级语法包括闭包、原型链、对象高级、线程与执行机制等。掌握这些高级语法可以提升代码的可维护性和性能,实现更复杂的功能和逻辑。在前端开发中,熟练应用JavaScript高级语法能够编写出结构清晰、功能强大的代码,为用户提供更流畅的交互体验。

2023-01-07 13:22:11 929 4

原创 JavaScript高级开发必备:Bom和Dom全解析

JavaScript BOM(浏览器对象模型)和DOM(文档对象模型)是前端开发中的两个重要概念。BOM是用于操作浏览器窗口、浏览器历史记录和浏览器位置等的API,而DOM则是用于操作HTML和XML文档中的元素和属性的API。通过使用BOM和DOM,开发人员可以创建交互性更强的网页,实现动态效果和用户交互功能。

2022-12-23 21:17:23 743

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除