WEB前端
文章平均质量分 86
分享Web前端开发技术知识和经验的平台。该专栏的目标是为读者提供有关HTML、CSS、JavaScript等前端技术的深入理解和实践指导,掌握前端开发的技能,并提高在Web开发领域的专业水平。
是程序喵呀
代码尽头谁为峰,一见秃头道成空。编程修真路破折,一步一劫渡飞升。
展开
-
CSS 选择器 – 类、名称、子选择器
请记住,元素的 ID 在文档中应该是唯一的,这意味着应该只有一个 HTML 元素具有给定的 ID 值。您不能在该元素之外的其他元素上使用相同的 ID 值。例如,您可以使用伪元素对元素的第一个字母或第一行进行不同的样式。使用类选择器,您可以一次选择多个元素并以相同的方式设置它们的样式,而无需分别为每个元素复制和粘贴相同的样式。本质上,您首先提到父元素,留一个空格,然后提到第一个元素的后代,即父元素的子元素。如果您有一些编写 CSS 代码的经验,那么简单的选择器通常是您最常使用的选择器,也是您最熟悉的选择器。原创 2024-04-07 14:36:52 · 589 阅读 · 9 评论 -
react基本使用
this.state={ //定义一个stateconunt:1render(){return (不可变数据是函数式编程的重要概念,就是我们对已经初始化的数据不进行更改,每次更改都是创建新的对象来承载新的数据状态状态类型值类型:string、number、boolean、null、undefined数组类型对象// 1.状态的类型是值类型count:1,name:'zs',show:true})// 2.状态的类型是数组// 或})// 2.状态的类型是对象。原创 2024-03-23 16:04:16 · 1060 阅读 · 1 评论 -
搭建React环境
模版引擎语言Angular和vue中template的语法,js模版的作用就是输入模版的字符串+数据,经过渲染得到渲染过的字符串;jsx不是这样的模版引擎,它是带语法糖的ATX,其实是抽象的语法树,语法糖放到了构建阶段,所以运行的时候不需要解析。当react元素作为自定义组件,将jsx所接受的属性转换成单个对象传递给组件,这个对象被称为“props”(就是父组件传递给子组件的对象)当前组件如果是纯展示组件,可以用函数组件,函数组件是一个纯函数,用函数组件可以得到性能的提升。prettier 格式化代码。原创 2024-03-23 15:52:07 · 857 阅读 · 0 评论 -
前端页面可视化大屏适配方案
无论窗口缩放,屏幕放大缩小,我们的可视化界面都可以按照设计图比例正常展示,不会出现字体模块爆出,或者拉伸问题。这就是我想要的适配方案。原创 2024-02-25 15:53:39 · 521 阅读 · 0 评论 -
JavaScript 基础 - 第5天
对象是 JavaScript 数据类型的一种,之前已经学习了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。原创 2024-02-06 12:03:17 · 499 阅读 · 0 评论 -
JavaScript 基础 - 第4天
声明(定义)一个完整函数包括关键字、函数名、形式参数、函数体、返回值5个部分。原创 2024-02-04 09:06:22 · 898 阅读 · 0 评论 -
JavaScript 基础 - 第3天
script>// 1. 语法,使用 [] 来定义一个空数组// 定义一个空数组,然后赋值给变量 classes// 2. 定义非空数组let classes = ['小明', '小刚', '小红', '小丽', '小米']通过[]定义数组,数据中可以存放真正的数据,如小明、小刚、小红等这些都是数组中的数据,我们这些数据称为数组单元,数组单元之间使用英文逗号分隔。原创 2024-02-04 09:03:49 · 969 阅读 · 0 评论 -
JavaScript 基础 - 第2天
数字是用来计算的,比如:乘法 * 、除法 / 、加法 + 、减法 - 等等,所以经常和算术运算符一起。算术运算符:也叫数学运算符,主要包括加、减、乘、除、取余(求模)等注意:在计算失败时,显示的结果是 NaN (not a number)原创 2024-02-03 15:25:59 · 810 阅读 · 0 评论 -
JavaScript 基础 - 第1天
掌握 JavaScript 的引入方式,初步认识 JavaScript 的作用。原创 2024-02-03 15:18:26 · 905 阅读 · 0 评论 -
day07-CSS高级
作用:灵活的改变盒子在网页中的位置实现:1.定位模式:position2.边偏移:设置盒子的位置leftrighttopbottom。原创 2024-02-02 12:00:11 · 1113 阅读 · 0 评论 -
day06-Flex布局
Flex 布局也叫弹性布局,是浏览器提倡的布局模型,非常适合结构化布局,提供了强大的空间分布和对齐能力。Flex 模型不会产生浮动布局中脱标现象,布局网页更简单、更灵活。原创 2024-02-02 11:53:27 · 1167 阅读 · 0 评论 -
day05-盒子模型
伪类选择器的作用:根据元素的查找元素。原创 2024-01-26 15:50:29 · 934 阅读 · 0 评论 -
day04-CSS进阶
定义:由两个或多个基础选择器,通过不同的方式组合而成。作用:更准确、更高效的选择目标元素(标签)。原创 2024-01-24 14:14:06 · 1116 阅读 · 0 评论 -
day03-CSS基础
层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 <a href="#">样式表</a> 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。CSS 是开放网络的核心语言之一原创 2024-01-20 16:44:20 · 1067 阅读 · 0 评论 -
day02:列表、表格、表单
列表标题列表描述 / 详情……原创 2024-01-20 11:47:15 · 757 阅读 · 0 评论 -
day01:HTML 基础
Vue.js</a>的作者,<a href="#">HTML5原创 2024-01-19 15:18:59 · 1273 阅读 · 0 评论