前端必备技能
文章平均质量分 81
前端必备技能学习专栏
天下无贼!
纯人类,没有任何套路,单纯做做学习笔记分享给大家
展开
-
2024年最新版TypeScript学习笔记——泛型、接口、枚举、自定义类型等知识点
TypeScript支持基础类型如布尔值、数字、字符串、数组、元组、枚举等,以及高级类型如交叉类型、联合类型、类型别名和条件类型。它引入了接口来定义对象结构,支持类和面向对象编程,包括构造函数、方法和装饰器。函数在TypeScript中可以定义输入输出类型,增强了代码的可读性。泛型允许创建可重用的代码组件,支持多种数据类型。模块和命名空间特性使得代码组织和封装更加有效,避免了全局命名冲突。装饰器为类和成员提供元数据,混入允许合并构造函数和工厂方法,而类型声明文件(.d.ts)则提供必要的类型信息。原创 2024-09-18 14:27:48 · 1447 阅读 · 0 评论 -
HTML+CSS进阶用法 (下)——移动端适配、媒体查询和响应式布局
欢迎来到移动端适配方案的介绍!随着移动互联网的快速发展,越来越多的用户通过手机和平板电脑访问网站。为了确保网站能够在各种设备上呈现出最佳的视觉效果和用户体验,我们需要采取有效的适配策略。本篇文章将带你了解几种常用的适配方法,包括宽度适配、等比适配、媒体查询以及使用 flexible.js 和 vw 布局。让我们一起探索如何构建响应式网页,使其能够完美适应不同屏幕尺寸!原创 2024-08-16 08:15:00 · 1226 阅读 · 0 评论 -
HTML+CSS进阶用法(中) ——CSS动画
/使用 from 和 to 关键字:@keyframes 动画名称{from{} //开始状态to{} //结束状态//使用百分比:@keyframes 动画名称{0% {}10% {}.....100% {}原创 2024-08-15 08:45:00 · 513 阅读 · 0 评论 -
HTML+CSS进阶用法(上)——平面转换、渐变、空间转换
在这篇博客中,我们将深入探讨CSS中的变换属性`transform`,它为网页设计带来了无限的可能性。从基础的位移、旋转和缩放,到复杂的3D转换和动画效果,`transform`属性都能轻松实现。让我们开始这段视觉与技术的旅程,探索如何使用这些强大的工具来创造令人惊叹的网页效果。---欢迎来到CSS变换的世界,这里充满了创意和可能性。在本篇博客中,我们将一起学习如何使用`transform`属性来实现各种平面和空间转换效果,包括位移、旋转、缩放,以及如何通过渐变和动画来增强我们的网页设计。无论你是初原创 2024-08-14 17:39:22 · 937 阅读 · 0 评论 -
【小技巧】前端HTML项目开发创建流程!
项目目录base.css/* 去除常见标签默认的 margin 和 padding */* { margin: 0; padding: 0; box-sizing: border-box;}/* 设置网页统一的字体大小、行高、字体系列相关属性 */body { font: 16px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; c原创 2024-08-14 10:00:00 · 248 阅读 · 0 评论 -
超级简单的路由懒加载实现方法!!!
如上,如果我们需要导入这些组件,但是还没有被需要使用的时候,就会非常的占用资源。懒加载就配置好啦🥳。甚至还可以直接在路由当中。原创 2024-08-12 14:47:44 · 207 阅读 · 0 评论 -
前端面试常考的CSS定位和CSS高级应用,你会多少鸭?
CSS定位:静态定位、相对定位、固定定位、层级效果、粘性定位、绝对定位CSS高级应用:CSS精灵图(雪碧图)、字体图标、透明度opacity、光标类型cursor、显示和隐藏属性,BFC块级上下文、表格样式、文字溢出效果、文字溢出显示省略号、渐变色的使用原创 2024-08-10 17:17:34 · 690 阅读 · 0 评论 -
前端面试常问的CSS盒子模型和flex布局
内边距:padding(出现在内容与盒子边缘之间)边框线:border外边距:margin(出现在盒子之外)盒子尺寸=内容尺寸+边框尺寸+内边距尺寸,所以给盒子加上border/padding会撑大盒子。还有flex布局原创 2024-08-11 18:00:00 · 815 阅读 · 0 评论 -
前端面试常考的CSS样式问题!!!
公式:通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式原创 2024-08-11 11:15:00 · 887 阅读 · 0 评论 -
前端面试常考的HTML标签知识!!!
article | 网页文章 | 网页的独立文章区域 |作用:在网页中显示预留的字符。原创 2024-08-10 17:06:53 · 308 阅读 · 0 评论 -
一天搞定前端开发必备技能(5)——json、json-server搭建接口数据
前端也能配置接口数据啦!!!,实习生是不是还在忧愁项目提供的接口关闭了,开发者是不是还在等待后端接口写的太慢了,测试是不是还看不懂前端的json数据呢?现在学习了这篇文章,看看能不能解君愁🌹。原创 2024-08-10 17:04:46 · 778 阅读 · 0 评论 -
一天搞定前端必备开发技能(4)—— Webpack最热门构建工具
随着Web应用的日益复杂化,相关开发技术如同春日里的百花争艳,竞相绽放。这一趋势对前端构建工具提出了更为严苛的要求。在众多构建工具中,Webpack以其卓越的性能和灵活性脱颖而出,成为当前最为流行且不可或缺的前端构建工具之一。它几乎已经成为每一位追求前沿技术的前端工程师必备的技能之一。因此,紧跟行业步伐的前端工程师们,掌握Webpack已成为提升工作效率、优化项目开发的必修课。原创 2024-07-16 15:58:29 · 1050 阅读 · 0 评论 -
一天搞定前端必备开发技能 (3)——自动化构建工具gulp
gulp 是一个自动化构建工具,它使用 Node.js 编写,主要用于前端开发过程中的自动化任务。gulp 的核心功能是能够快速地执行常见的任务,如压缩 JavaScript 代码、编译 Sass 样式表、合并文件、优化图片等。接下来让我们开启gulp的学习之旅吧🥳!!!原创 2024-07-15 13:13:22 · 1023 阅读 · 0 评论 -
一天搞定前端必备开发技能 (2)——less和Sass预处理器的使用
Less(LeanerStyleSheets的缩写)是一门向后兼容的CSS扩展语言。 因为LesS和CSS非常像,因此很容易学习。而且Less仅对CSS样式增加了少许方便的扩展,这就是Less如此易学的原因之一。原创 2024-07-15 10:40:17 · 854 阅读 · 0 评论 -
一天搞定前端必备开发技能(1)——Chrome Dev Tools调试工具的使用
今天给大家带来是Chrome Dev Tools的学习视频课程笔记,这是一个非常棒的调试工具对于前端开发者来说,入门也不难,大家可以观摩观摩参考参考!以下👇出原视频连接🔗,这个博主教的也非常的棒🥳原创 2024-07-11 16:09:21 · 1232 阅读 · 0 评论