- 博客(145)
- 收藏
- 关注
RSS订阅原创 CSS秘籍-高效样式技巧
本文汇集了众多实用且高效的CSS编写技巧，旨在帮助前端开发者简化代码结构，提升页面开发速度。从选择器优化到动画性能提升，再到响应式设计的最佳实践，将一步步探讨如何利用CSS构建出既美观又高性能的网页。
2024-10-30 15:17:30
786
1
原创 CSS Grid实战-构建灵活高效的网格系统
CSS Grid 布局是一种强大的二维布局系统，允许开发者轻松创建复杂的网页布局。通过定义行和列，Grid 可以精确控制元素的位置和大小，提供响应式设计的灵活性，简化了传统浮动和定位的复杂性，极大地提升了开发效率和用户体验。
2024-10-17 10:44:07
1164
原创 CSS Flexbox 全面解析
本文旨在深入探讨CSS中的Flexbox（弹性盒子）布局模块，这一现代Web设计不可或缺的技术。我们将从Flexbox的基本概念出发，详细介绍其核心属性，包括容器属性如display: flex;、flex-direction;以及项目属性如flex-grow;、flex-shrink;和flex-basis;等。通过实例演示如何利用Flexbox轻松实现复杂的响应式布局，无论是在流体网格设计还是导航菜单创建上，都能让开发者体验到前所未有的灵活性与控制力。
2024-10-08 10:54:18
1054
原创 CSS选择器的全面解析与实战应用
本文全面介绍了CSS选择器的种类与应用技巧，从基本的选择器如类型、类和ID选择器，到复合选择器如后代、相邻及通用兄弟选择器等，再到伪类和伪元素的选择器使用方法。通过详细的示例和最佳实践，帮助读者理解和掌握如何精确地定位页面元素，从而更高效地管理和优化CSS样式表，实现复杂的设计布局需求。
2024-09-27 11:01:06
1185
1
原创 CSS渐变设计指南
本文将引领读者探索CSS渐变的无限可能，不仅涵盖如何利用线性与径向渐变创建吸引眼球的背景效果，还将展示如何实现文字渐变，让页面上的文字跳跃出传统单一色彩的限制。此外，还会介绍如何运用SVG定义更复杂、更细腻的渐变样式，从而为Web设计增添一抹亮色。
2024-09-19 16:37:46
1328
原创 HTML深度探索 ：video应用与实践
本文系统地介绍了HTML5中 元素的基础定义及应用，探讨了其核心属性如 src、controls 和 autoplay 的使用方法，同时深入讲解了关键事件如 play、pause 和 ended 的监听与处理技巧。此外，针对现代网络环境，文章还特别分析了 元素的懒加载 (lazy) 与预加载 (preload) 策略，帮助开发者优化视频加载性能，提升用户体验，确保内容在各种设备上都能流畅播放。
2024-09-12 09:38:59
423
原创 HTML深度探索 ：img应用与实践
本文系统地介绍了HTML 标签的基础知识，包括其定义、属性以及如何在网页中正确嵌入图像。进一步探讨了在实际项目中如何运用懒加载（Lazy Loading）来提高页面加载速度，以及如何采用预加载（Preloading）技术来确保关键图像能够即时显示。通过具体的代码实例和最佳实践，帮助读者掌握 标签的高效使用方法，从而优化用户体验。
2024-09-09 15:51:29
679
原创 HTML元素拓展：data-*属性的应用与实践
本文深入探讨了HTML5中data-*属性的功能与使用方法，通过实例展示如何利用data-*属性增强网页元素的语义化，以及在JavaScript与CSS中的数据存储和获取技巧。学习如何合理应用data-*属性，可以提升网页的可维护性与用户体验，是每一个前端开发者不可错过的实用指南。
2024-09-06 10:21:02
1298
原创 「深入理解」HTML Meta标签：网页元信息的配置
本文旨在详尽解析HTML中的Meta标签作用及其配置方法，帮助前端开发者更好地控制网页的元信息，包括搜索引擎优化（SEO）、视口设置、字符集定义以及社交媒体卡片的呈现。通过实例展示如何正确使用Meta标签来提升用户体验和网站的可访问性，使网站在不同的设备和平台上都能表现出色。
2024-09-03 09:58:06
1117
原创 项目搭建规范：打造可维护、高效的代码规范
在构建一个健壮且可维护的项目时，遵循一套严谨的开发规范至关重要。本文描述关于如何通过使用EditorConfig、Prettier、ESLint、Husky以及Git commit规范来打造高效且整洁的代码库～
2024-08-06 11:03:28
736
原创 JavaScript编写规范
永远遵循同一套编码规范 —— 可以参考其他规范，也可以是自己总结制定的。不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。本文主要介绍JavaScript代码规范。
2024-07-02 09:55:49
757
原创 CSS代码规范
永远遵循同一套编码规范 —— 可以参考其他规范，也可以是自己总结制定的。不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。本文主要介绍CSS代码规范。
2024-05-07 16:47:52
705
原创 HTML代码规范
永远遵循同一套编码规范 —— 可以参考其他规范，也可以是自己总结制定的。不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。本文主要介绍HTML代码规范。
2024-04-08 11:28:58
839
原创 React快速入门（四）ReactHooks
React是由Facebook开发的一款JavaScript库，用于构建用户界面。它采用组件化的方式进行开发，支持虚拟DOM技术，能够有效提高页面渲染性能。React具有易于学习、灵活、高效等特点，被广泛应用于Web应用和移动应用的开发中。本文对React的hooks进行了概括说明。
2024-03-12 10:03:55
1026
原创 React快速入门（三）动画、状态与路由
React是由Facebook开发的一款JavaScript库，用于构建用户界面。它采用组件化的方式进行开发，支持虚拟DOM技术，能够有效提高页面渲染性能。React具有易于学习、灵活、高效等特点，被广泛应用于Web应用和移动应用的开发中。本文对React的动画、状态与路由进行了简要概括。
2024-03-08 09:43:28
865
原创 React快速入门（二）组件与函数
React是由Facebook开发的一款JavaScript库，用于构建用户界面。它采用组件化的方式进行开发，支持虚拟DOM技术，能够有效提高页面渲染性能。React具有易于学习、灵活、高效等特点，被广泛应用于Web应用和移动应用的开发中。本文对React的组件与函数进行了简要概括。
2024-02-22 14:06:02
948
原创 React快速入门（一）基础与语法
React是由Facebook开发的一款JavaScript库，用于构建用户界面。它采用组件化的方式进行开发，支持虚拟DOM技术，能够有效提高页面渲染性能。React具有易于学习、灵活、高效等特点，被广泛应用于Web应用和移动应用的开发中。本文对React的基础语法进行了简要概括。
2024-01-18 19:38:12
948
原创 玩转Mock.js：构建模拟数据的利器
在本篇文章中，介绍了Mock的基础知识和语法规范，并探讨了它在前端开发中的重要性。此外还分享了如何结合Axios和Mock快速进行接口测试和开发，以提高前端开发效率。最后对常见的mock方案进行简要概述和对比，分析利弊，希望能在日常开发中帮助到大家。
2024-01-18 19:35:06
2999
原创 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
1917
原创 逆水行舟！浅谈24届双非本科秋招
本文主要记录了笔者作为24届双非本科的秋招经历，贯穿从实习到秋招，分享自己实习的一点感悟和参加完秋招的一些想法，记录生活！
2023-12-05 12:44:49
1731
1
原创 前端开发新趋势：UnoCSS快速入门
UnoCSS 是一个即时、按需的原子级 CSS 引擎。它提供了一系列易于使用和高度可定制的组件和布局，可以帮助开发者快速创建现代化的用户界面。UnoCSS具有轻量级和高性能的特点，同时支持模块化和按需加载，使得代码更加易于管理和优化。通过整合UnoCSS，开发者可以在前端开发中节省大量时间和精力，从而更专注于业务逻辑和核心功能的实现。
2023-10-26 10:13:27
19466
原创 简洁高效的样式编写：揭秘Tailwind CSS
Tailwind CSS是一种实用的CSS框架，通过提供一组原子类，使得构建用户界面更加高效。它不同于传统的CSS框架，可以让你直接在HTML中使用类来定义样式，而无需编写自定义的CSS。Tailwind CSS提倡快速开发和一致的UI设计，同时也支持自定义主题和扩展性。这使得它成为许多开发者喜爱的工具，特别是对于快速原型设计和快速迭代的项目。
2023-10-08 10:41:03
3809
原创 前端开发实用技巧：mixin提高代码复用率
混入 (Mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
2023-09-11 19:21:16
1103
原创 掌握SEO核心技巧：深入了解搜索引擎优化
前端SEO是指通过优化前端代码和内容，提高网页在搜索引擎中的排名和可见性。它包括合理的HTML结构、语义化标签、良好的页面加载速度、响应式设计等方面的优化。通过使用合适的关键字、优化页面标题和描述，以及创建友好的URL等方法，可以提高网页在搜索结果中的排名。
2023-09-01 09:08:31
968
原创 细谈Vue中插槽Slots
元素是一个插槽出口 (slot outlet)，标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。Vue 组件的插槽机制是受原生 Web Component 元素的启发而诞生，同时还做了一些功能拓展。vue的slot主要分三种，默认插槽，具名插槽，作用域插槽；使用插槽是在存在父子关系的组件中使用，我们可以在子组件中决定插槽的位置，同时子组件也可以给这些插槽的默认信息，当父组件中没有需要给子组件插槽插入信息时，显示的是子组件插槽定义的默认信息
2023-08-22 09:36:34
906
原创 打造高效开发环境：Typescript进阶指南
TypeScript是一种开源的编程语言，是JavaScript的超集。它添加了静态类型检查和更强大的面向对象特性，使得JavaScript代码更可靠、易于维护。TypeScript支持最新的ECMAScript标准，并提供了额外的类型注解、接口、泛型等功能。通过在开发过程中捕获错误和提供智能代码提示，TypeScript可以帮助开发者减少bug并提高代码质量。掌握TypeScript全面解析可以让开发者更好地利用这个强大的语言来开发现代化的Web应用。
2023-08-16 11:14:23
655
原创 Nuxt.js快速上手
Nuxt.js是一个基于Vue.js的应用框架，用于创建通用、可扩展的Web应用程序。它提供了预设的配置和约定，使得开发者可以更快速地构建高性能的前端应用。Nuxt.js支持服务端渲染(SSR)和静态站点生成(SSG)，具有优化SEO和首屏加载速度的特点。通过集成许多常用插件和功能，如路由、状态管理和代码拆分，Nuxt.js大大简化了前端开发流程。它适用于各种规模的项目，从简单的静态网页到复杂的企业级应用。
2023-08-14 14:09:57
459
原创 计算机体系结构概述
计算机体系结构概述涵盖了计算机硬件和软件之间的组织关系和交互方式。它包括指令集架构、处理器结构、存储器层次结构、输入输出系统等内容。计算机体系结构的设计直接影响着计算机的性能、功耗和可扩展性。了解计算机体系结构可以帮助人们理解计算机的工作原理，优化程序的执行效率，并进行计算机系统的设计与优化。
2023-08-02 09:47:11
1830
原创 信息安全概论
计算机信息安全概论是对计算机系统和网络中的安全问题进行综合性的介绍和分析。它涵盖了信息安全的基本概念、威胁与攻击类型、安全防护措施等内容。计算机信息安全概论旨在帮助人们理解和应对计算机系统和网络中的安全风险，保护敏感信息免受未经授权的访问、篡改和破坏。了解计算机信息安全概论可以帮助个人和组织制定有效的安全策略，提高信息安全意识，确保计算机系统和网络的安全运行。
2023-07-24 09:40:45
655
原创 TypeError: Cannot read property ‘length’ of undefined
el-checkbox控制台报错TypeError: Cannot read property ‘length’ of undefined
2023-05-14 09:45:50
2878
1
原创 快速上手Moment.js：掌握常用方法实例
Moment.js是一个轻量级的JavaScript时间库，以前我们转化时间，都会进行很复杂的操作，而Moment.js的出现，简化了我们开发中对时间的处理，提高了开发效率。
2023-04-25 12:36:47
230
原创 layout布局input框输入中文出现撑开/换行
在使用 el-col 布局时，输入中文时出现撑开或换行，可能是因为中文字符的宽度与英文字符不同，导致布局出现问题。此时需要更灵活的布局方式，可以使用flexbox或grid布局来实现。
2023-04-20 09:43:54
1550
1
原创 微信小程序运行原理揭秘：高效的更新机制
本文介绍了小程序运行和更新的机制，基于微信小程序官方文档，进行拓展延伸，并结合自身实际，编写代码和手动操作，进行验证，在文中给出了可行的代码和方案，仅供参考。
2023-04-03 15:55:41
4562
3
原创 快速上手微信小程序：开发进阶
微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。本文主要介绍了小程序的自定义组件、全局数据共享和分包等知识点。
2023-03-25 09:15:36
787
原创 快速上手微信小程序：视图与逻辑
微信小程序是一种可以在微信平台上运行的应用程序。它不需要下载和安装，用户可以直接通过微信扫码或搜索进入使用。微信小程序具有轻量、快速、跨平台等特点，开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。
2023-03-11 09:45:00
1877
6
原创 快速搭建微信小程序：模板和配置详细介绍
微信小程序是一种可以在微信平台上运行的应用程序。它不需要下载和安装，用户可以直接通过微信扫码或搜索进入使用。微信小程序具有轻量、快速、跨平台等特点，开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。
2023-03-06 09:07:29
3805
原创 快速上手微信小程序：简介与开发技巧
微信小程序是一种可以在微信平台上运行的应用程序。它不需要下载和安装，用户可以直接通过微信扫码或搜索进入使用。微信小程序具有轻量、快速、跨平台等特点，开发者可以使用HTML、CSS、JavaScript等前端技术进行开发。微信小程序可以提供丰富的功能和服务，如在线购物、社交娱乐、工具助手等。它在移动应用领域具有广泛的应用和发展前景，为用户提供了更便捷的移动应用体验。
2023-02-25 09:22:07
799
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人