摘要: ##### 12 CSS 的float属性 - 流动布局 流动模型(Flow),即文档流,浏览器打开HTML网页时,从上往下,从左往右,逐一加载。 在正常情况下,HTML元素都会根据文档流来分布网页内容的。 文档流有2大特征: ① 块状元素会随着浏览器读取文档的顺序,自上而下垂直分布,一行一个的形式 阅读全文
posted @ 2023-08-23 08:47 生而自由爱而无畏 阅读(48) 评论(0) 推荐(0) 编辑
摘要: ##### 11 CSS盒子模型(重点) 盒模型是CSS的核心知识点之一,它指定元素如何显示以及如何相互交互。HTML页面上的每个元素都可以看成一个个方盒子,这些盒子由元素的content(内容)、padding(内边距)、border(边框)、margin(外边距)组成。 ![image](htt 阅读全文
posted @ 2023-08-22 17:36 生而自由爱而无畏 阅读(69) 评论(0) 推荐(0) 编辑
摘要: ##### 10 CSS边框属性 1. border-style(边框风格) 定义边框的风格,值可以有: ``` /* none:没有边框,当border的值为none的时候,系统将会忽略[border-color] hidden:隐藏边框,低版本浏览器不支持。 dotted:点状边框。 dashe 阅读全文
posted @ 2023-08-22 16:17 生而自由爱而无畏 阅读(64) 评论(0) 推荐(0) 编辑
摘要: ##### 15 JavaScript ES6中的箭头函数 1. 什么是箭头函数 ES6中允许使用=>来定义函数。箭头函数相当于匿名函数,并简化了函数定义。 2. 基本语法 ```js // 箭头函数 let fn = (name) => { // 函数体 return `Hello ${name} 阅读全文
posted @ 2023-08-22 16:06 生而自由爱而无畏 阅读(105) 评论(0) 推荐(0) 编辑
摘要: ##### 14 神奇的windows window对象是一个很神奇的东西. 你可以把这东西理解成javascript的全局. 如果我们默认不用任何东西访问一个标识符. 那么默认认为是在用window对象. 例如: ``` eval window.eval // true setInterval w 阅读全文
posted @ 2023-08-22 12:56 生而自由爱而无畏 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 13 JavaScript关于prototype(超重点) prototype是js里面给类增加功能扩展的一种模式. 写个面向对象来看看. ```js function People(name, age){ this.name = name; this.age = age; this.run = f 阅读全文
posted @ 2023-08-22 11:31 生而自由爱而无畏 阅读(79) 评论(0) 推荐(0) 编辑
摘要: ##### 12 eval函数 eval本身在js里面正常情况下使用的并不多. 但是很多网站会利用eval的特性来完成反爬操作. 我们来看看eval是个什么鬼? 从功能上讲, eval非常简单. 它和python里面的eval是一样的. 它可以动态的把字符串当成js代码进行运行. ```js s = 阅读全文
posted @ 2023-08-22 10:25 生而自由爱而无畏 阅读(56) 评论(0) 推荐(0) 编辑
摘要: ##### CSS 背景属性 ##### 1. background-color(背景颜色) 页面的背景颜色有四种属性值表示,分别是transparent(透明),RGB十进制颜色表示,十六进制颜色表示和颜色单词表示。 属性使用: ``` /* background-color: transpare 阅读全文
posted @ 2023-08-21 18:35 生而自由爱而无畏 阅读(56) 评论(0) 推荐(0) 编辑
摘要: ##### 8 文本属性 font-style(字体样式风格) ``` /* 属性值: normal:设置字体样式为正体。默认值。 italic:设置字体样式为斜体。这是选择字体库中的斜体字。 oblique:设置字体样式为斜体。人为的使文字倾斜,而不是去使用字体库的斜体字。 */ ``` font 阅读全文
posted @ 2023-08-21 17:33 生而自由爱而无畏 阅读(64) 评论(0) 推荐(0) 编辑
摘要: ##### 11 JavaScript关于时间 获取js的时间使用内置的Date函数完成 ```js var d = new Date(); // 获取系统时间 // var d = new Date('2023-08-15 14:11:48'); // 得到一个具体时间 console.log(d 阅读全文
posted @ 2023-08-21 17:18 生而自由爱而无畏 阅读(17) 评论(0) 推荐(0) 编辑