javascript
文章平均质量分 52
zhanghuali2019
这个作者很懒,什么都没留下…
展开
-
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 · 118 阅读 · 0 评论 -
javascript考点 —— 存储
一、cookie本来用于客户端和服务端通信的 但是它有本地存储的功能,于是被‘借用’ 使用document.cookie=......获取和修改即可 cookie存储量太小,只有4KB(缺点) 所有http请求都带着,会影响获取资源效率(缺点) API简单,需要封装才能用document.cookie=.....(缺点)二、localStorage和sessionStorage...原创 2018-08-28 23:33:18 · 111 阅读 · 0 评论 -
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 · 139 阅读 · 0 评论 -
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 · 171 阅读 · 0 评论 -
javascript考点 —— 性能优化
一、原则多使用内存、缓存或者其他方法 减少CPU计算、较少网络二、加载资源优化静态资源的压缩合并 静态资源缓存 使用CDN让资源加载更快 使用SSR后端渲染,数据直接输出到HTML中三、渲染优化CSS放前面,JS放后面 懒加载(图片懒加载,下拉加载更多) 减少DOM查询,对DOM查询做缓存 减少DOM操作,多个操作尽量合并在一起 事件节流 今早执行操作(如DOMC...原创 2018-08-29 16:06:29 · 134 阅读 · 0 评论 -
javascript考点 —— 安全性
一、XSS跨站请求攻击新浪博客写一篇文章,同时偷偷插入一段<script> 攻击代码中,获取cookie,发送自己的服务器(cookie中一般有账户信息) 发布博客,有人查看博客 会把查看者的cookie发送到攻击者的服务器如何预防:前端替换关键字,例如替换<为&lt;>为&gt (转义字符) 后端替换二、XSRF跨站请求伪造...原创 2018-08-29 16:27:33 · 794 阅读 · 0 评论 -
javascript考点 —— DOM事件
一、基本概念:DOM事件级别DOM0 element.onclick = function(){}DOM2 element.addEventListener('click',function(){},false)DOM3 element.addEventListener('keyup',function(){},false)二、DOM事件模型捕获和冒泡,捕获是...原创 2018-09-04 11:21:49 · 144 阅读 · 0 评论 -
javascript考点 —— 类型转换
一、数据类型最新的ECMAScript标准定义了7种数据类型基本数据类型:Boolean、Null、Undefined、Number、String、Symbol引用数据类型:Object二、显式类型转换显示调用:Number函数、String函数、Boolean函数。1、Number函数数值:转换后还是原来的值。字符串:如果可以被解析,则转换为相应的数值,否则得到N...原创 2018-09-04 13:45:51 · 213 阅读 · 0 评论 -
javascript考点 —— 原型链
一、创建对象有几种方法//方式一:字面量var o1 = {name: 'o1'};var o11 = new Object({name:'o11'})//方式二:通过构造函数var M = function(name){this.name = name}var o2 = new M('o2');//方式三:var P = {name: 'o3'};var o3 = Ob...原创 2018-09-04 15:21:36 · 156 阅读 · 0 评论 -
javascript考点 —— 面向对象
一、类与实例1、类的声明 function Animal(name){ this.name = name } class Animal1{ constructor(name){ this.name = name } }...原创 2018-09-04 16:42:06 · 146 阅读 · 0 评论 -
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 · 178 阅读 · 0 评论 -
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 · 136 阅读 · 0 评论 -
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 · 418 阅读 · 0 评论 -
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 · 270 阅读 · 0 评论 -
javascript考点高级 —— 原型
一、jquery和zepto的简单使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body&原创 2018-08-30 17:59:07 · 127 阅读 · 0 评论 -
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 · 251 阅读 · 0 评论 -
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 · 318 阅读 · 0 评论 -
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 · 180 阅读 · 0 评论 -
javascript考点 —— 异步和单线程
一、什么是异步?如下就是一个简单的异步:console.log(100)setTimeout(function() { console.log(200)}, 1000)console.log(300)//打印顺序100 300 200异步和同步最大的区别在于有没有阻塞程序的进行:上面这种情况就没有阻塞程序的进行,程序也没有出现卡顿。如果是同步的,那么就会打印完100...原创 2018-08-28 13:57:35 · 124 阅读 · 0 评论 -
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 · 190 阅读 · 0 评论 -
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 · 246 阅读 · 0 评论 -
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 · 184 阅读 · 0 评论