06 2020 档案

Node
摘要：1. Node开发概述 1.1 为什么要学习服务器端开发基础 1）能够和后端程序员更加紧密的结合 2）网站业务逻辑前置，学习前端技术需要后端技术支撑(Ajax) 3）扩展知识视野，能够站在更高的角度审视整个项目 1.2 服务器端开发要做的事情 1）实现网站的业务逻辑 2）数据的增删改查 1.3 为什 阅读全文
posted @ 2020-06-29 20:59 ccv2 阅读(228) 评论(0) 推荐(0)
ES6
摘要： ES6 简介  ES6 的新增语法  ES6 的内置对象扩展 1.ES6 简介 什么是 ES6 ? ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6 实际上是一个泛指，泛指 ES2015 及后续的版本 为什么使用 ES6 ? 阅读全文
posted @ 2020-06-29 20:58 ccv2 阅读(274) 评论(0) 推荐(0)
函数进阶
摘要： 函数的定义和调用  this  严格模式  高阶函数  闭包  递归 1. 函数的定义和调用 1.1 函数的定义方式 1. 函数声明方式 function 关键字 (命名函数) function fn() {}; 2. 函数表达式 (匿名函数) var fun = function() 阅读全文
posted @ 2020-06-25 17:49 ccv2 阅读(132) 评论(0) 推荐(0)
深拷贝和浅拷贝
摘要：深拷贝 // 深拷贝拷贝多层, 每一级别的数据都会拷贝. var obj = { id: 1, name: 'andy', msg: { age: 18 }, color: ['pink', 'red'] }; var o = {}; // 封装函数 function deepCopy(newobj 阅读全文
posted @ 2020-06-25 17:44 ccv2 阅读(133) 评论(0) 推荐(0)
构造函数和原型——ES5
摘要： 构造函数和原型  继承  ES5 中的新增方法 1. 构造函数和原型 1.1 概述 在 ES6之前， JS 中并没用引入类的概念。 ES6， 全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏 览器也支持 E 阅读全文
posted @ 2020-06-24 21:01 ccv2 阅读(789) 评论(0) 推荐(0)
JavaScript面向对象(高级）——ES6
摘要： 面向对象编程介绍  ES6 中的类和对象  类的继承  面向对象案例 1. 面向对象编程介绍 1.1 两大编程思想  面向过程：分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依 次调用就可以了。  面向对象：把事务分解成为一个个对象，然后由对象之间 阅读全文
posted @ 2020-06-24 15:56 ccv2 阅读(814) 评论(0) 推荐(1)
本地存储
摘要： window.sessionStorage  window.localStorage 1. 本地存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经 常性在本地存储大量的数据，HTML5规范提出了相关解决方案。 本地存储特性 1、数据存储在用 阅读全文
posted @ 2020-06-24 10:17 ccv2 阅读(192) 评论(0) 推荐(0)
轮播图制作
摘要：一个大盒子，装一个左箭头，一个右箭头，再装下方三个小圆圈，再装一个 ul 将所有的图片使用li标签放在一行上，注意这里的ul 的宽度要设置成 >400%（具体的看有几张图片，如果有四张，400%可能会偏小，600%足够了）,如果不设置，就会受到div宽度的限制，所有的图片即使浮动也会拍到一列上，因为 阅读全文
posted @ 2020-06-19 15:42 ccv2 阅读(723) 评论(0) 推荐(0)
BOM
摘要：1. BOM 概述 1.1 什么是 BOM BOM(Browser Object Model)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心 对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 阅读全文
posted @ 2020-06-18 09:14 ccv2 阅读(533) 评论(0) 推荐(0)
小案例总结
摘要：1. 循环精灵图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 阅读全文
posted @ 2020-06-17 12:20 ccv2 阅读(169) 评论(0) 推荐(0)
Web API——DOM
摘要： DOM 简介  获取元素  事件基础  操作元素  节点操作 1. DOM 简介 1.1 什么是 DOM 文档对象模型(Document Object Model，简称 DOM)，是 W3C 组织推荐的处理可扩展标记语言(HTML 或者XML)的标准编程接口。 W3C 已经定义了一系列的 阅读全文
posted @ 2020-06-13 21:52 ccv2 阅读(208) 评论(0) 推荐(0)
Web APIs(DOM、BOM)综述
摘要： Web APIs 和 JS 基础关联性  API 和 Web API 1. Web APIs 和 JS 基础关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 2. API 和 Web API 2.1 API API(Application Programming 阅读全文
posted @ 2020-06-07 09:41 ccv2 阅读(293) 评论(0) 推荐(0)
JavaScript——简单类型与复杂类型
摘要：1. 简单类型与复杂类型 简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。  值类型:简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型 string ，number，boolean，undefined，null 注意：null的数据类型如果使用 typeof来 阅读全文
posted @ 2020-06-06 21:34 ccv2 阅读(273) 评论(0) 推荐(0)
JavaScript——内置对象
摘要：1. 内置对象  JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象  前面两种对象是JS 基础 内容，属于 ECMAScript; 第三个浏览器对象属于我们JS 独有的， 我们JS API 讲解  内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提 阅读全文
posted @ 2020-06-06 21:16 ccv2 阅读(197) 评论(0) 推荐(0)
JavaScript——作用域、预解析、对象
摘要：1. 作用域 1.1 作用域概述 通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这 个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。 JavaScript(es6前)中的作用域有两种:  全局作用域  局部作 阅读全文
posted @ 2020-06-06 17:46 ccv2 阅读(187) 评论(0) 推荐(0)
iframe
摘要：通俗的说：是一个类似于网页上小广告的那个弹窗。也就是可以实现在本页面上显示其他页面内容的功能。 <iframe src="https://www.baidu.com" height="400" width="700" name="demo" frameborder="0" scrolling="au 阅读全文
posted @ 2020-06-05 21:00 ccv2 阅读(342) 评论(0) 推荐(0)
JavaScript——函数
摘要：1. 函数的概念 函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。 2. 函数的使用 函数在使用时分为两步:声明函数和调用函数。 2.1 声明函数 // 声明函数 function 函数名() { //函数体代码 }  function 是声明函数的关键字,必 阅读全文
posted @ 2020-06-05 17:15 ccv2 阅读(171) 评论(0) 推荐(0)
冒泡排序
摘要：function sort(arr) { for (var i = 0; i < arr.length - 1; i++) { for (var j = 0; j < arr.length - i - 1; j++) { if (arr[j] > arr[j + 1]) { var temp = a 阅读全文
posted @ 2020-06-05 17:05 ccv2 阅读(130) 评论(0) 推荐(0)
JavaScript——数组
摘要：1. 数组的概念 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一 种将一组数据存储在单个变量名下的优雅方式。 2. 创建数组 2.1 数组的创建方式 JS 中创建数组有两种方式: 利用 new 创建数组 利用数组字面量创建数组 2.2 利用 new 创建数 阅读全文
posted @ 2020-06-05 16:15 ccv2 阅读(149) 评论(0) 推荐(0)
JavaScript——流程控制
摘要：一、 流程控制 在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码 的执行顺序来实现我们要完成的功能。 简单理解: 流程控制就是来控制我们的代码按照什么结构顺序来执行 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行 阅读全文
posted @ 2020-06-05 10:53 ccv2 阅读(191) 评论(0) 推荐(0)
JavaScript——运算符
摘要：一、运算符 运算符(operator)也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中常用的运算符有:  算数运算符  递增和递减运算符  比较运算符  逻辑运算符  赋值运算符 二、算术运算符 2.1 算术运算符概述 概念:算术运算使用的符号，用于 阅读全文
posted @ 2020-06-05 10:26 ccv2 阅读(258) 评论(0) 推荐(0)
JavaScript——变量
摘要：一、初识JavaScript 脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行 JavaScript是一种运行在客户端的脚本语言，现在也可以基于node.js技术进行服务器端编程 1.5 JS 的组成 1. ECMAScript ECMAScript 是由ECMA 国际( 阅读全文
posted @ 2020-06-04 22:27 ccv2 阅读(224) 评论(0) 推荐(0)
浏览器九大缓存
摘要：目录 前言 一、http缓存 二、WebSQL 三、indexDB 四、cookie 五、localstorage 六、sessionstorage 七、application cache 八、cacheStorage 九、flash缓存 正文 回到顶部 前言 浏览器缓存是浏览器端保存数据用于快速读 阅读全文
posted @ 2020-06-04 22:00 ccv2 阅读(839) 评论(0) 推荐(0)
离线存储技术
摘要：目录 离线存储技术 什么是Application Cache 检测网络是否在线 离线存储使用方法 浏览器端.appcache文件清单使用详解 正文 webStorage分类一、客户端 H5存储： 本地存储：localStorage&SessionStorage 离线存储：ApplicationCac 阅读全文
posted @ 2020-06-04 21:58 ccv2 阅读(377) 评论(0) 推荐(0)
CDN——Content Delivery Network 内容分发网络
摘要：CDN主要功能是在不同的地点缓存内容，通过负载均衡技术，将用户的请求定向到最合适的缓存服务器上去获取内容，比如说，是北京的用户，我们让他访问北京的节点，深圳的用户，我们让他访问深圳的节点。通过就近访问，加速用户对网站的访问。解决Internet网络拥堵状况，提高用户访问网络的响应速度。 简单介绍下C 阅读全文
posted @ 2020-06-04 21:19 ccv2 阅读(241) 评论(0) 推荐(1)
JavaScript——计算机基础
摘要：一、编程语言 1.2 计算机语言 总的来说分为三类：机器语言、汇编语言、高级语言 实际上计算机最终所执行的都是 机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语 言的基础。 1.3 编程语言 如今通用的编程语言有两种形式:汇编语言和高级语言。汇编语言和机器语言实质是相同的，都是直接对硬 阅读全文
posted @ 2020-06-03 19:51 ccv2 阅读(151) 评论(0) 推荐(0)
响应式布局
摘要：一、响应式开发 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 1.2 响应式布局容器 响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。 原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大 阅读全文
posted @ 2020-06-03 17:55 ccv2 阅读(318) 评论(0) 推荐(0)
rem适配布局
摘要：一、rem基础 rem（root em）是一个相对单位，类似em，em是相对于父元素的字体大小 不同的是rem的基准是相对于HTML元素的字体大小 rem的优势:父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个页面的元 素大小 二、媒体查询 2.1 什么是媒体查询 媒体查 阅读全文
posted @ 2020-06-03 09:00 ccv2 阅读(698) 评论(0) 推荐(0)
移动布局(1)
摘要：一、移动端基础 二、视口 视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口和理想视口 2.1 布局视口（layout viewport） 2.2 视觉视口（visual viewport） 2.3 理想视口（ideal viewport） 2.4 总结 2.5 阅读全文
posted @ 2020-06-01 22:31 ccv2 阅读(152) 评论(0) 推荐(1)
flex布局
摘要：一、flex布局体验 二、flex布局原理 display:flex; 父级设置了flex布局后，子元素就算是行内元素很多浏览器可以把它当做inline-block或者block元素来用，可以直接设置它的宽高， 三、flex布局父项常见属性 3.1 常见父项属性 3.2 flex-direction 阅读全文
posted @ 2020-06-01 22:30 ccv2 阅读(207) 评论(0) 推荐(0)