- 博客(34)
- 收藏
- 关注
RSS订阅原创 javascript考点高级 —— 异步
一、什么是单线程，和异步的关系单线程，只有一个线程，只能做一件事 原因，避免DOM渲染的冲突 解决方案异步1、看如下单线程例子：//循环运行期间，JS执行和DOM渲染暂时卡顿var i, sum = 0;for(i = 0; i < 1000000000; i++){ sum += i}console.log(sum)//alert不处理，JS执行和DOM...
2018-08-31 17:32:50
277
原创 javascript考点高级 —— 原型
一、jquery和zepto的简单使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body&
2018-08-30 17:59:07
117
原创 ES6考点 —— ES6常用功能
一、let/consthttps://blog.csdn.net/zhanghuali0210/article/details/81058493二、多行字符串/模板变量https://blog.csdn.net/zhanghuali0210/article/details/81160154三、解构赋值https://blog.csdn.net/zhanghuali0210/ar...
2018-08-30 15:25:36
492
原创 ES6考点 —— Promise
一、Callback HellES6的出现就是为了取代Callback Hell。CallBack Hell:function loadImg(src, callback, fail) { var img = document.createElement('img') img.onload = function() { callback(img) ...
2018-08-30 15:02:35
189
原创 ES6考点 —— Class
一、JS构造函数function MathHandle(x, y) { this.x = x this.y = y}MathHandle.prototype.add = function() { return this.x + this.y}var m = new MathHandle(1, 2)console.log(m.add())二、Class基本...
2018-08-30 14:08:39
190
原创 ES6考点 —— 模块化
一、模块化的基本语法1、import语法util1.js：//util1.jsexport default{ a:100}util2.js：//util2.jsexport function fn1() { alert('fn1')}export function fn2() { alert('fn2')}在index.js中使用：...
2018-08-29 23:37:46
134
原创 javascript考点 —— 安全性
一、XSS跨站请求攻击新浪博客写一篇文章，同时偷偷插入一段<script> 攻击代码中，获取cookie，发送自己的服务器（cookie中一般有账户信息） 发布博客，有人查看博客 会把查看者的cookie发送到攻击者的服务器如何预防：前端替换关键字，例如替换<为&lt；>为&gt (转义字符) 后端替换二、XSRF跨站请求伪造...
2018-08-29 16:27:33
768
原创 javascript考点 —— 性能优化
一、原则多使用内存、缓存或者其他方法 减少CPU计算、较少网络二、加载资源优化静态资源的压缩合并 静态资源缓存 使用CDN让资源加载更快 使用SSR后端渲染，数据直接输出到HTML中三、渲染优化CSS放前面，JS放后面 懒加载（图片懒加载，下拉加载更多） 减少DOM查询，对DOM查询做缓存 减少DOM操作，多个操作尽量合并在一起 事件节流 今早执行操作（如DOMC...
2018-08-29 16:06:29
124
原创 javascript考点 —— 页面加载过程
一、加载资源的形式输入url加载html（http://coding.m.imooc.com） 加载html中的静态资源（<script src="static/js/jquery.js"></script>）二、加载一个资源的过程浏览器根据DNS服务器得到域名的IP地址 向这个IP的机器发送http请求 服务器收到，处理并返回http请求 浏览器得到返回...
2018-08-29 15:29:21
147
原创 javascript考点 —— 模块化
一、不使用模块化遇到的问题util.js getFormatDate函数//util.jsfunction getFormatDate(date, type){ //type === 1 返回2017-06-15 //type === 2 返回2017年6月15日}a-util.js aGetFormatDate函数 使用getFormatDate//...
2018-08-29 14:27:34
129
原创 javascript考点 —— 存储
一、cookie本来用于客户端和服务端通信的 但是它有本地存储的功能，于是被‘借用’ 使用document.cookie=......获取和修改即可 cookie存储量太小，只有4KB（缺点） 所有http请求都带着，会影响获取资源效率（缺点） API简单，需要封装才能用document.cookie=.....(缺点)二、localStorage和sessionStorage...
2018-08-28 23:33:18
100
原创 javascript考点 —— Ajax
一、XMLHttpRequestvar xhr = new XMLHttpRequest()xhr.open("GET", "/api", false)xhr.onreadystatechange = function() { //这里的函数是异步执行的 if(xhr.readyState == 4) { if(xhr.status == 200){ ...
2018-08-28 23:11:34
101
原创 javascript考点 —— 事件
一、通用事件绑定var btn = document.getElementById('btn1')btn.addEventListener('click', function(event){ console.log('clicked')})function bindEvent(elem, type, fn){ elem.addEventListener(type, fn...
2018-08-28 22:14:29
164
原创 javascript考点 —— BOM操作
一、navigator var ua = navigator.userAgent var isChrome = ua.indexOf('Chrome') console.log(isChrome)二、screenconsole.log(screen.width)console.log(screen.height)三、location cons...
2018-08-28 21:07:28
125
原创 javascript考点 —— DOM操作
一、什么是DOM?DOM（Document、Object、Model）文档对象模型。1、DOM的本质它的数据结构就是树。HTML是XML的一种特殊类型。DOM的本质就是将HTML进行了结构化，结构化成了JS可识别的东西和浏览器可识别的东西。二、DOM节点操作DOM可以理解为：浏览器把拿到的html代码，结构化一个浏览器能识别并且js可操作的一个模型而已。1、获取DOM节...
2018-08-28 20:20:45
173
原创 javascript考点 —— 从基础知识到JS-Web-API
一、回顾JS基础知识变量类型和计算 原型和原型链 闭包和作用域 异步和单线程 其他（日期、Math、常用API）二、JS-Web-APIJS基础知识：ECMA 262标准（规定基础语法） JS-Web-API：W3C标准（浏览器遵循ECMA的规定也要遵循W3C标准）1、W3C标准中关于JS的规定有：DOM操作 BOM操作 事件绑定 ajax请求（包括HTTP协议）...
2018-08-28 17:04:03
226
原创 javascript考点 —— 日期和Math、数组和对象API
一、日期Date()是日期的构造函数，然后看如下例子：Date.now() //获取当前时间毫秒数，从1970年到现在的毫秒数var dt = new Date()dt.getTime() //获取毫秒数dt.getFullYear() //年dt.getMonth() //月(0-11)dt.getDate() //日(1-31)d...
2018-08-28 15:40:40
174
原创 javascript考点 —— 异步和单线程
一、什么是异步？如下就是一个简单的异步：console.log(100)setTimeout(function() { console.log(200)}, 1000)console.log(300)//打印顺序100 300 200异步和同步最大的区别在于有没有阻塞程序的进行：上面这种情况就没有阻塞程序的进行，程序也没有出现卡顿。如果是同步的，那么就会打印完100...
2018-08-28 13:57:35
111
原创 javascript考点 —— 作用域和闭包
一、执行上下文范围：一段<script>或者一个函数 全局：变量定义、函数声明 函数：变量定义、函数声明、this、argumentsconsole.log(a) //undefinedvar a = 100fn('zhangsan')function fn(name){ age = 20 console.log(name, age) //'...
2018-08-28 12:41:12
158
原创 javascript考点 —— 原型和原型链
一、构造函数构造函数的函数名第一个字母必须大写。构造函数创建对象的过程：先传参数，构造函数中的this变为空对象，然后进行赋值，将this返回，将this赋值给f。function Foo(name, age){ this.name = name this.age = age this.class = 'class-1' //return this ...
2018-08-27 20:00:18
239
原创 javascript考点 —— 变量类型和变量计算（代码演示）
一、值类型他们之间的值不会相互干预//值类型var a = 100;var b = a;a = 200;console.log(b); //100var c = bb = 300console.log(c) //100二、引用类型这里的a,b,c都是指针，指向了一个对象var a = {age:20}var b = aconsole.log(a) ...
2018-08-27 15:22:09
256
原创 javascript考点 —— 变量类型和变量计算
一、变量类型1、值类型和引用类型引用类型：数组、对象、函数值类型：number、string、boolean、undefinedv//值类型var a = 20;var b = a;a = 21;console.log(b); //20 这里的a和b是两个存储空间//引用类型var a = {age:20}var b = ab.age = 21conso...
2018-08-27 14:36:31
359
原创 HTTP(十一）—— https解析
http是不安全的，https它有私钥和公钥。公钥放在互联网上，私钥放在服务器上，数据传输时，公钥加密，到达服务器时必须私钥解密，这样保证了数据的安全性，私钥公钥主要用在三次握手的过程中，下面我们来看一下握手过程：...
2018-08-27 11:01:49
2079
原创 HTTP(十）—— Content-Security-Policy
作用：限制资源获取 报告资源获取越权限制方式：default-scr限制全局 指定资源类型资源类型：connect-src img-src mainfest-src font-src style-src media-src frame-src script-src测试：servre.js:const http = require('http')con...
2018-08-27 10:52:34
2954
原创 HTTP(Ⅸ）—— 数据协商
在客户端向服务器发送请求的时候，会告诉服务器我想要拿到的数据格式，以及数据相关的限制，服务端会根据他的请求，做出判断，然后决定要返回什么样子的数据。这就是数据协商上。请求的AcceptAccept：表示的是我想要什么类型的数据 Accept-Encoding：表示我想要数据的编码方式 Accept-Language：返回数据数据语言 User-Agent：表示浏览器的相关信息，来判断...
2018-08-26 23:17:26
223
原创 HTTP(Ⅷ）—— 长连接
HTTP连接分为长连接和短连接，因为HTTP发送请求之前客户端和服务器要进行连接。目前基本上都是保持长连接。接下来进行测试：server.jsconst http = require('http')const fs = require('fs')http.createServer(function(request, response) { console.log('req...
2018-08-26 22:30:24
278
原创 HTTP(Ⅶ）—— cookie和session
一、什么是cookie？cookie是从服务端返回的时候设置Set-Cookie设置到浏览器里面，浏览器保存的这个内容，为我们就叫做cookie。浏览器保存了cookie,在浏览器下一次同域请求当中，就会带上这个cookie，通过cookie一直传输的这个内容，可以保证这个数据一直是这个用户的。可以设置多个cookie.二、Cookie属性max-age和expires设置过期时间 ...
2018-08-26 18:19:57
146
原创 HTTP(Ⅵ）—— 缓存验证Last-Modified和Etag的使用
一、先看一张图浏览器创建一个请求，然后请求到达本地缓存，如果找到了则直接返回给浏览器，如果没有，可能会经过代理服务，然后去代理缓存中去找，如果命中，则直接返回，如果没有，才会到源服务器进行请求。二、数据如何进行验证，有两个头。1、Last-Modified上次修改时间，它配合If-modified-Since和If-Unmodified-Since使用。如果我们请求一个资源，这个资...
2018-08-26 16:25:52
1910
原创 HTTP(V）—— 缓存头Cache-Control的含义和使用
一、Cache-Control的可缓存性public：在HTTP请求返回的内容经过的所有路径中，都可以对返回内容进行一个缓存的操作。 private：只有发起请求的浏览器才可以进行缓存 no-cache：可以在本地进行缓存，但是每次发起请求都需要到服务器去验证一下，如果服务器返回告诉你可以使用本地缓存，你才可以去使用本地的缓存。二、Cache-Control到期(混村什么时间到期)m...
2018-08-26 15:18:48
1747
原创 HTTP(Ⅳ）—— CORS跨域限制以及预请求验证
一、首先我们不能通过设置Access-Control-Allow-Origin来解决是所有的跨域问题。来看如下例子；server.js:const http = require('http')const fs = require('fs')http.createServer(function(request, response) { console.log('request com...
2018-08-26 14:17:06
1709
原创 HTTP(III）—— CORS跨域请求的限制与解决
一、首先添加一个html：test.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><bo
2018-08-26 13:35:15
1012
原创 HTTP(Ⅱ）—— 用node创建一个简单的WEB服务
我们首先安装node.js。用git bash查看node是否安装好，用node -v查看一下node 版本即可。编写一个简单的web服务，取名server.jsconst http = require('http')http.createServer(function(request, response) { console.log('request come', request....
2018-08-26 11:03:36
163
原创 HTTP(Ⅰ）—— http报文形式
一、HTTP的报文形式如下： 二、HTTP的首行1、在请求报文里面，首行包含：method(请求方式get、post、put、delete)。 url（请求的资源地址，只存放路由相关的东西，因为在发送报文的时候连接已经建立了，只需要告诉服务器请求资源的地址就好） 协议版本（http1.1、http2）2、在响应报文里面，首行包含协议版本 code(请求处于什么状态) ...
2018-08-26 10:41:29
414
原创 music_app(1)——环境搭建
一、安装必要的环境。(1)打开cmd命令行，进入到所要存放项目的盘，然后输入vue install webapck music_app，这时稍微等一会，然后就会从github上面去下载vue，以及webpack相应的包。(2)Project name如果不填写直接回车，默认music_app。(3)Project description就是对项目的描述，然后你可以写一下对这个项目的描述...
2018-08-12 17:01:29
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人