7/21 上午收到笔试邀约，下午进行笔试。   由于之前做项目都有代码自动补全，所以做题中好多属性忘记咋拼了，以至于最后结果......   说到底还是基本共不太扎实呀，也有第一次笔试有点小紧张的原因，最后问还有啥想问的楞了好长时间   题目一共有5道，选出3道。时间30分钟。    斐波那契第50项  函数高频调用时只执行最后一次  深拷贝  CSS布局（水平竖直）  图片缩放居中

前言 本文主要记录大三学习笔记，加之自己对知识的理解。可供复习和学习使用，助同学们在知识的道路上披荆斩棘，一路向前。如有不足还望留言或 小窗 进行提醒补充。本文主要涉及科目有：《数据库原理与SQL Server 2012》、《微机原理与接口技术》、《物联网与短距离无线通信技术》、《***思想和中国特色社会主义理论体系概论》文章开始前首先要感谢老师的认真指导以及同学们的支持鼓励  更新列表  数据库第二章 （2019/9/28） 数据库第一章 （2019/9/26）   《数据库原理与SQL Server 2012》  第一章 数据库系统概述 第二章 数据模型 第三章 数据库设计《微机原理与接口...

事件 HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等 事件流 "DOM2事件流"规定的事件流包括三个阶段：  事件捕获阶段 处于目标阶段 事件冒泡阶段  事件绑定 可采用 addEventListener(事件名,事件处理函数,处理方式)  事件名：String 事件处理函数：function 事件处理方式：bool  false 事件冒泡 true 事件捕获    事件冒泡 从当前元素开始向上查找其父元素，祖先元素…直到html为止  阻止冒泡： 用函数e.stopPropagation()即可阻止事件冒泡...

小游戏 demo 持续更新中...    布局优化 1.采用网格+响应式可根据设备尺寸调整每行元素个数 2.用圆角属性来对new,hot,活动显示 3.增加信息多行省略 交互优化 1.增加交互性，可自动生成游戏 代码解析： 内容超出显示省略号 单行：  .game-info { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行：  .game-info { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; display: -w...

小游戏 demo 持续更新中...    布局优化 1.采用网格+响应式可根据设备尺寸调整每行元素个数 2.用圆角属性来对new,hot,活动显示 3.增加信息多行省略 交互优化 1.增加交互性，可自动生成游戏 代码解析： 内容超出显示省略号 单行：  .game-info { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行：  .game-info { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; display: -w...

js 小游戏 点击demo即可开始 代码：gitHub  ## 知识点 - javascript JavaScript 是轻量级解释型语言 - 定义：是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画... - api 通常分为两类 - 浏览器 API 内建于 web 浏览器中 - 文档对象模型 API（DOM（Document Object Model）API） - 地理位置 API（Geolocation API） - 画布(Canvas) - 影音类 API - 第三方 API - 浏览器安全 - 脚本调用策略 - 内部：<br> ```HTML 文档体加载...

js 小游戏   点击demo即可开始   代码：gitHub    ## 知识点   - javascript   JavaScript 是轻量级解释型语言   - 定义：是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画...   - api 通常分为两类   - 浏览器 API 内建于 web 浏览器中   - 文档对象模型 API（DOM（Document Object Model）API）   - 地理位置 API（Geolocation API）   - 画布(Canvas)   - 影音类 API   - 第三方 API   - 浏览器安全   - 脚本调用策略...

css动画 CSS animations 使得可以将从一个CSS样式配置转换到另一个CSS样式配置。 动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。 动画配置 创建动画序列，需要使用animation属性或其子属性 动画的实际表现是由@keyframes规则实现 animation属性：  animation-name 指定由@keyframes描述的关键帧名称。 animation-delay 设置延时，即从元素加载完成之后到动画序列开始执行的这段时间。 animation-direction 设置动画在每次运行完后是反向运行还是重新回到开始位置重复运行...

css动画 CSS animations 使得可以将从一个CSS样式配置转换到另一个CSS样式配置。 动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。 动画配置 创建动画序列，需要使用animation属性或其子属性 动画的实际表现是由@keyframes规则实现 animation属性：  animation-name 指定由@keyframes描述的关键帧名称。 animation-delay 设置延时，即从元素加载完成之后到动画序列开始执行的这段时间。 animation-direction 设置动画在每次运行完后是反向运行还是重新回到开始位置重复运行...

css布局 本文针对多种css布局进行解析 在线demo 代码：gitHub  布局：  浮动布局 定位 弹性盒子 表格 网格  - 浮动(float) - left 将元素浮动到左侧。 - right 将元素浮动到右侧 - none(默认) 不浮动 - inherit 继承父元素的浮动属性 - 定位(position) - static(默认) 静态定位: 将元素放在文档布局流的默认位置 - relative 相对定位: 允许我们相对元素在正常的文档流中的位置移动它 - absolute 绝对定位: 将元素完全从页面的正常布局流中移出 - fixed 固定定位: 与绝对定位非常类似，除了它是...

css布局 本文针对多种css布局进行解析 在线demo 代码：gitHub  布局：  浮动布局 定位 弹性盒子 表格 网格  - 浮动(float) - left 将元素浮动到左侧。 - right 将元素浮动到右侧 - none(默认) 不浮动 - inherit 继承父元素的浮动属性 - 定位(position) - static(默认) 静态定位: 将元素放在文档布局流的默认位置 - relative 相对定位: 允许我们相对元素在正常的文档流中的位置移动它 - absolute 绝对定位: 将元素完全从页面的正常布局流中移出 - fixed 固定定位: 与绝对定位非常类似，除了它是...

md文件编辑 在线Markdown文件编辑  目录 md文件编辑 一.标题： 二.列表： 1.有序列表： 2.无序列表： 三.引用： 四.分割线： 五.链接： 超链接： 图片： 六.代码框： 七.强调与删除： 八.转义字符  一.标题： 方式一：  # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 其分别对应 html 中 h1-h6标签   方式二：  一级标题 === 二级标题 --- 符号最少3个 二.列表： 1.有序列表： 单个列表：  1. 内容一 2. 内容二 3. 内容三 列表嵌套：  1. 内容一 1. 内容一 2...

md文件编辑 在线Markdown文件编辑  目录 md文件编辑 一.标题： 二.列表： 1.有序列表： 2.无序列表： 三.引用： 四.分割线： 五.链接： 超链接： 图片： 六.代码框： 七.强调与删除： 八.转义字符  一.标题： 方式一：  # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 其分别对应 html 中 h1-h6标签   方式二：  一级标题 === 二级标题 --- 符号最少3个 二.列表： 1.有序列表： 单个列表：  1. 内容一 2. 内容二 3. 内容三 列表嵌套：  1. 内容一 1. 内容一 2...