06 2020 档案
摘要：[A] 服务器入门与安装 服务器知识 1. 软件架构： C/S(客户端->服务端) B/S(浏览器->服务端) 2. 哪些技术可以开发网站？ php, jsp, asp, ruby, python, nodejs, c/c++等 3. WAMP架构解读 windows + apache + mysq
阅读全文
摘要：[A] 移动端之viewpoint视口 在移动端viewpoint视口就是浏览器显示页面内容的屏幕区域。 在viewpoint中有两种视口，分别为visual viewpoint(可视视口)和layout viewpoint(布局视口)。 viewpoint固定大小跟屏幕大小相同，在上层；而layo
阅读全文
摘要：[A] flex弹性布局 flex弹性盒模型 2009年。W3C提出一种新的方案 flex布局，可以简便，完整，响应式的实现各种布局。 目前他已经得到了所有的浏览器的支持，这意味着，这项功能可以被安全使用 作用在flex容器上的属性 作用在flex子元素上的属性 flex-direction ord
阅读全文
摘要：[A] CSS Hack CSS Hack是用来解决浏览器的兼容性问题，为不同版本的浏览器定制编写不同的CSS效果，使用每个浏览器识别的样式代码，来控制浏览器的显示样式 Hack分类： 1. CSS属性前缀法 属性前缀法即在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，已达到预期效
阅读全文
摘要：[A] 背景拓展 background-size: 设置背景图的尺寸大小 参数： a, b 用数字设置长和宽(px) contain 包含，即背景图以最大尺寸呈现在父元素中 cover 覆盖，即背景图的局部充满整个父元素 background-origin: 设置背景图的填充位置 参数： paddi
阅读全文
摘要：[A] 浏览器前缀 CSS去兼容不同的浏览器，这主要是这对于旧的浏览器做兼容，新的浏览器基本不需要添加前缀了 浏览器 内核 前缀 IE Trident -ms- Firefox Gecko -moz- Opera Preto -o- Chrome Webkit -webkit- Safari Web
阅读全文
摘要：[A] 认识运动 原理：人眼能够识别的最小的时间间隔是18帧 动画：只需要将动画的切换时间间隔大于18帧，即可实现动画效果，一般电影院放映的电影都是24帧。 通过改变div的坐标，使其实现动画效果 问题： 1. 停不下来， 2. 当速度去某些值时，停不下来 3. 到达目的地之后点击按钮，依然会继续运
阅读全文
摘要：[A] ECMA6的class语法 class: ECMA6中用来创建类的方法，可以替代传统的构造函数创建类的方法。 1. 创建类： a. 类属性: 通过constructor添加 b. 类方法: 直接添加 案例: class Person{ // constructor添加类属性 construc
阅读全文
摘要：git分布式版本控制系统 1. git的意义 在开发过程中可以进行阶段是我呢见保存，便于在有时候开发时，代码出现bug，无法修复时，可以恢复到前一个版本重新这一阶段的开发 2. git下载 官网：https://git-scm.com/ 下载地址：https://git-scm.com/downlo
阅读全文
摘要：[A] 解构 解构两大类： 中括号解构 大括号解构 1. 中括号解构可用于变量批量赋值 [x, y, z] = [23,56,78]; 按位置对应赋值 [x, [a, b], z] = [23,[45,43],78]; 按位置对应赋值 2. 大括号结构用于对象赋值 {name, age, sex,
阅读全文
摘要：[A] 正则表达式 1. 正则表达式(super string, regular expression): 【功能】用于检查用户输入或者准备提交的数据是否符合要求 2. 正则表达式的创建： a. 通过new方法声明正则表达式 var a = new RegExp("hellow", "ig"); 第
阅读全文
摘要：[A] 认识事件 事件基础：Javascript事件是由访问web页面的用户引起的一系列操作； 当用户执行某些操作的时候，再去执行一些列代码； 或者获取事件的详细信息，如鼠标位置，键盘按键等。 1. javascript可以处理的事件类型为： A.鼠标事件 click: 单击鼠标的键钮。 dblcl
阅读全文
摘要：[A] 快速找到点击按钮的下标 案例：通过循环，给三个按钮进行事件赋值 <script> window.onload = function(){ var oBtns = document.getElementsByTagName("button"); for(var i = 0; i < oBtns
阅读全文
摘要：[A] 认识BOM BOM(Browser Object Model):浏览器对象模型 浏览器可以调用系统的对话框，向用户展示信息 【注】window下的函数可以直接调用，省略window. 系统对话框 警告框: alert("展示的内容"); 【作用】直接演出警告框 【参数】警告框上上显示的内容
阅读全文
摘要：[A] 认识对象 1. 编程语言： a. 面向过程语言：汇编，c语言 b. 面向对象语言：Java，JavaScript，Object-C，Python 2. 编程思想： 面向过程编程思想：只考虑数学逻辑，即不关注问题本身，只考虑抽象数学模型 面向对象编程思想： a. 分析有哪些实体 b. 涉及实体
阅读全文
摘要：[A] 认识字符串 创建字符串三种方法: 1. 通过new声明： var str = new String("hello"); 2. 省略new进行声明： var str = String("hello"); 3. 字符串常量赋值： var str = "hello"; 2. ASCII对应的字符组
阅读全文
摘要：[A] 认识函数 1. 函数声明： function 函数名(形参1，形参2，......){ 函数体; return 表达式; } 【注】函数名最好要见名思意 整个函数在运行时，遇到return会终止函数运行，跳出函数 2. arguments讲解 【注】每一个函数内都有一个arguments，这
阅读全文
摘要：[A] Javascript 的组成 1. ECMAScript 2. DOM 文档 3. BOM 浏览器 【注】 1. 所有的JS代码均在<javascript></javascript>内部进行编写，该标签放在html的head标签中 2. 可以书写多个jascript标签，代码将自上而下运行
阅读全文
摘要：[A] link 标签拓展 1. 引入外部 CSS 样式文件(前面已学过) <link rel = "stylesheet" type = "text/css" href = "theme.css"> 引入外部一个名叫 theme.css 的css文件 2. 给网页名添加一个小图标 <link re
阅读全文
摘要：[A] strong 和 b，em 和 i strong 和 em 都表示强调的标签，表现形态分别为文本加粗和斜体 em 和 i 同样表示文本加粗和斜体 区别在于： 1. strong 和 em 是具备语义化的，而 b 和 i 是不具备语义化的，意思是 b 和 i 只具备表现形态，而没有实际含义，s
阅读全文
