基于鲲鹏DevKit便捷开发高性能应用，助力开发效率提升15%

评论 7号小助手：打字这么辛苦都不算???

- id: daydaygo --- 第一章数据类型 01-计算机基础导读 02-编程语言 03-计算机基础 04~ JavaScrip初识导读 05-初始 JavaScript 06-浏览器执行JS过程 07-Js三部分组成 08-s三种书写位置 09-JS注释 10-JS输入输出语句 11-变量导读 什么是变量 13-变量的使 变量案例 15-变量案例弹出用户名 16-变量语法扩展 17-变量的命名规范 18-交换2个变量的值 19-变量小结 20-数据类型导读 21-数据类型简介 22-数字型 Number 23-isNaN 24-字符串型 String 25-弹出网页警示框 26-字符串长度以及拼接 27-字符串拼接加强 28-显示年龄案例 29- boolean以及 undefined 30- typeof检测变量数据类型 31-字面量 32-转换为字符串类型 33-转换为数字型 parseInt和 34-转换为数字型Nmbe和 35-计算年龄案例 36-简单加法器案例 37-转换为布尔型 38-拓展阅读之编译和解释 39-拓展阅读之标识符关键

- id: daydaygo ## 浮动 1、什么叫浮动 浮动是指将元素脱离文档流向左或者向右布局 使用 dfloat属性来设置元素的浮动 默认值为none,也就是不浮动 还可设置为left,表示向左浮动;或设置为 iright,表示向右浮动 2、浮动的特点 一旦对元素设置浮动后,不论之前元素是内联元素还是块级元素,都会被当作块级元素处理 一旦对元素设置浮动之后,该元素便会脱离标准流,会造成其父元素的内容塌陷 ## 清除浮动 1、为什么要清除浮动 元素设置为浮动时引起的父元素内容塌陷,影响布局效果 2、 clear属性 clear属性用于设置元素哪一侧不允许浮动 默认值为none,表示不进行控制 当设置为left时,表示左侧不允许浮动 当设置为right时,表示右侧不允许浮动 当设置为both时,表示两侧都不允许浮动 3、 overflow属性 overflow属性用于设置元素不够容纳内容时的显示方式 默认值为 visible 当值为auto时,自动添加滚动条 当值为 Hidden时,会用匿藏掉超出的内容 当值为scro时,会一直显示滚动条 ## 常用技巧 1、企业级应用中清除浮动的最佳方法 clearfix方案 使用伪元素 after在父元素尾部添加一个元素 对这个添加的伪元素应用清除浮动的样式 必备三大样式: content、 clear、 display 可选三大样式: height、 font-size、 isibility ## 实战案例 1、如何实现一个三列布局 实现一个左中右布局 左右两侧宽度固定 中间内容区宽度能够自适应 2、**翼布局 第一步:使用foat属性让左中右三列浮动 第二步:使用负 margin属性让左右两列与中间列处于同一水平线上 第三步:在中间列中增加一个div内容元素,设置 margin值为左右两列的宽度 最后,别忘了清除浮动,让父元素高度正常显示 3、优点 中间内容列宽度自适应 中间内容区域先加载 使用浮动布局 巧妙使用负 margIn属性保持三列水平 方法简单直接 浏览器兼容性好 Classroom-教学平台

- id: daydaygo # 笔记内容 ## 字体 1、字体 >使用 ifont-family/属性来定义文字的字体 属性值为字体的名称,可以设置多个字体名称,浏览器会按照顺序使用它第一个支持的 字体 >字体优先级列表 2、字体尺寸 >使用font-size属性来定义文字的尺寸 >属性值为长度值,例如:30pX,也可以使用百分比,例如:50% 3、字体样式 使用 font-style属性设置文字为斜体 默认属性值为 norma显示标准效果 >当属性值为aic时显示倾斜效果 4、字体粗细 使用 font-weight属性设置文字的粗细 >默认值为 norma|,相当于400,显示效果为正常粗细 >当属性值为bold时,相当于700,显示为粗体 当属性值为 bolder时,显示更粗 >当属性值为 lighter时,显示更细 也可设置属性值为一个具体数值100/200/300/400/500/600/700/800/900 5、简写属性 使用font属性来定义所有文字的样式 各个属性值用空格分隔 font= font-family font-size font-style font-weight 例如 p{ font: monospace 50px bold italic} ## 文本 1、颜色 使用 color属性来设置文本的颜色 属性值可以是颜色名、十六进制颜色值、RGB颜色值 2、行高 >使用ine- height属性来设置文本行高 >默认值为: norma 其它属性值为长度值、百分比 3、对齐方式 >使用 gtext-align属性来设置文本的对齐方式 属性值有:left(左)、 right(右)、 center(中) 4、方向 使用 direction属性设置文本的方向 属性值有:[tr(左)、rtl(右) >注意与对齐方式属性的区别 5、缩进 使用 dtext-indent,属性设置段落的首行缩进 默认值为0,其它属性值有:长度值、百分比 6、装饰线 使用text- decoration属性设置文本的装饰线 >属性值有: underline(下画线)、 overline(上画线)、 line-through(中画线 默认值为none,表示没有线 7、问隔 >使用 letter- spacing属性设置文本字符间隔的大小 属性值为长度值,可为负值 8、阴影 使用text- shadow属性来设置文本的阴影 属性值为:X轴偏移量+Y轴偏移量+模糊距离+颜色 >例如: text-shadow:10p×10pX5 px gray

本来前端只需要学习一个 js 即可, 但是随着「大前端」的爆发, js 下衍生的生态越来越多, 越来越复杂, js 本身的问题和瓶颈也越来越明显, typescript / deno 等语言崛起, 势必又有一番前端的混战~

#HDZ，我来了#我很期待这次大会，祝大会圆满成功！

- id: daydaygo ## 笔记 - 表单元素 ●使用标签定义表单,表单有两个最重要的属性 action和 Method action属性定义了表单提交的地址, method属性定义了表单提交的方式 ●表单提交有两种方式,一种是get,另—种是post ●其它的表单控件元素必须放在form标签的内部。 - 表格元素 ● input是一个单标签元素,其属性tpe代表了nput的表单类型, input标签 就是通过type属性的不同取值来定义不同的表单控件。 单文本框:可以输入一行文本的表单控件 例如: 单选按钮:具有相同name属性的单选按钮只能选择一个 例如: 多选按钮:可以选中多个的选择框 例如: 按钮:普通按钮 例如: 提交按钮:会触发将表单数据提交到服务器的功能 例如: 重置按钮:会清楚表单中的所有数据,恢复表单中的原始值 例如: 文件上传按钮:用于文件上传 例如: - select元素 用来定义列表,用来定义列表项。 - textarea标签 ●用来表示多行文本域

- id: daydaygo - 课程打卡 

## id: daydaygo - 1.3打卡  - 1.4 打卡  - 作业1打卡  - 作业2打卡