10 2019 档案

DOM 操作入门（三）----- 【完整版！】
摘要：DOM 介绍 DOM是JavaScript中操作网页的接口，称之为文档对象模型(Document Object Model)。它的作用是将网页转为一个JavaScript对象，从而可以使用脚本进行各种操作，例如增删改查等等。 浏览器通常情况下会根据DOM生成的模型，将结构化文档(比如Html或者Xm 阅读全文
posted @ 2019-10-31 14:41 牧羊狼 阅读(888) 评论(0) 推荐(0)
DOM 操作入门（二）
摘要：介绍 JavaScript 三部分当中，DOM占据了很大的一部分，当js的宿主环境为浏览器时，DOM才可以使用。DOM，即Document Object Model,也就是文档对象模型。 DOM是操作网页的基础API。通过DOM，我们可以非常方便的操作网页当中的内容。 绑定事件 我们之间学习过给一个 阅读全文
posted @ 2019-10-31 14:35 牧羊狼 阅读(219) 评论(0) 推荐(1)
DOM 操作入门（一）----- 在指定位置动态插入节点
摘要：本讲我们简单总结一下原生JS的DOM操作中：节点的类型，获取元素的方式，根据已获得的节点获取与之相关的节点，属性节点的增删改查，以及如何创建并插入节点...... 【DOM基础】： 【appendChild 和 insertBefore 区别】 appendChild()：在父节点下面的子节点列表的 阅读全文
posted @ 2019-10-31 14:27 牧羊狼 阅读(5306) 评论(0) 推荐(1)
事件流的捕获和冒泡 ---- 事件对象
摘要：浏览器最初开始支持事件时，同一个事件仅仅只有一个元素相应。后来认为仅仅支持一个单一事件是不够的，而IE4之后提出了事件流的概念，一个元素可以支持多个事件。常见的事件流有捕捉型事件和冒泡型事件。 1、事件捕获捕获型事件：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口 阅读全文
posted @ 2019-10-30 18:26 牧羊狼 阅读(183) 评论(0) 推荐(0)
call, apply, bind -----【改变this指向的三大利器】
摘要：在前面的章节中，我们有讲到过关于 ES5 和 ES6 中 this 指向的问题，那么今天我们就来聊一下在JavaScript 中，如何利用 call, apply, bind 改变 this 指向的问题 A.call( B,x,y )：B是 this 要指向的对象，x 和 y 是A方法的参数。用A的 阅读全文
posted @ 2019-10-29 10:42 牧羊狼 阅读(200) 评论(0) 推荐(0)
闭包和垃圾回收机制
摘要：闭包就是有权限访问 其他函数作用域的局部变量的 一个函数 在JS中，变量的作用域属于函数作用域，在函数执行后作用域就会被清理、内存也随之被收回，但是由于闭包时建立在一个函数内部的子函数，由于其可访问上级作用域的原因，即使上级函数执行完，作用域也不会随之销毁，这时的子函数 也就是闭包，便拥有了访问上级 阅读全文
posted @ 2019-10-28 19:04 牧羊狼 阅读(4587) 评论(0) 推荐(1)
回调函数 -----【全球化下的产业分工】
摘要：大家好，今天我们要聊的是这回调函数。那么什么是回调函数？常见的回调函数的应用有哪些？回调函数存在的意义又是什么？它又有哪几种存在的形式？怎么正确而又合理地利用回调函数以及应用时我们又应该注意哪些问题呢？接下来Edward小编就和大家一起来分享一下...... 1. 定义 A callback is 阅读全文
posted @ 2019-10-27 23:33 牧羊狼 阅读(170) 评论(0) 推荐(0)
百分比布局中，关于height和父元素的一些坑
摘要：百分比布局时，我们有时候会遇到高度 height 设置百分比后无效的情况，例如给div设置height=50%，往往没能看到效果。 这里我们就来说一说关于百分比布局时的一些坑~ 为了方便描述，我在这里写了一个简单的例子，html结构如下： 现在我们想要得到的效果是 .son1 的宽度为整个屏幕宽度的 阅读全文
posted @ 2019-10-22 20:48 牧羊狼 阅读(5668) 评论(1) 推荐(3)
ES6 中箭头函数 this 指向问题-------【附：window全局方法】
摘要：在上一讲当中，我们知道了es5 中函数的 this 指向问题，即：指向直接调用它的那个对象。那么，在es6 中，箭头函数中的 this 指向是不是会有所不同呢？答案是必然的，今天我们就来聊聊箭头函数的this指向~ 首先来简单对比一下： 【es5普通函数】 // es5: var str = 'wi 阅读全文
posted @ 2019-10-20 10:22 牧羊狼 阅读(1128) 评论(0) 推荐(1)
ES5 中 this 指向问题-----【我的附庸的附庸,不是我的附庸】
摘要：在欧洲中世纪，城堡是西欧封建社会的基层核心，但在最高王权与最底层的农奴之间，不止是有一层领主，而是有好几个层次，每个领主的领地都来源于上一级大领主的封赏，同时他可将自己的领地划成数块封给自己的属下(即他的附庸)，依次类推，直至最低一等的普通骑士。通常情况下附庸只对他的直接上一级领主负责，从而形成了所 阅读全文
posted @ 2019-10-19 23:52 牧羊狼 阅读(620) 评论(0) 推荐(0)
session, cookie, token 的应用以及发展历程
摘要：【导语】：计算机的技术日新月异，计算机的世界危机四伏......随着科技的发展，人类的进步，前端在网络安全方面，也日益发挥着它不可忽视的作用。 今天我们就一起看一看在Web 交互发展史上，对客户端记录发展的一些问题和解决办法，以及 token 在安全方面所发挥的一定的作用。 Token 在计算机身份 阅读全文
posted @ 2019-10-18 16:50 牧羊狼 阅读(563) 评论(0) 推荐(1)
axios中post请求 json 和 application/x-www-form-urlencoded
摘要：前端向后端传输数据时，如果是get传输，直接传在url后；如果是post传输，则在请求体body中传输。 在body中的数据格式又有两种，一种是 json 数据格式，另一种是 字符串。具体要用哪种格式取决于后端入参的格式。 如果后端接收json数据类型，post 的 headers 需要设置 { ‘ 阅读全文
posted @ 2019-10-17 20:30 牧羊狼 阅读(33489) 评论(0) 推荐(1)
JS数组操作API ------【那些年一不留神踩的坑】
摘要：数据处理对于我们前端工程师而言，那可谓是每天都要面对的事情，今天我们就来总结一下在处理数组时，常用到的一些数组API，以及一些易错点。。。【前方干货，Are you ready? Go!】 概览数组API： 事实上，我们可以大致把数组 api 归结为以下几种功能：分合、调序、截取、遍历（判断、筛选、 阅读全文
posted @ 2019-10-14 22:59 牧羊狼 阅读(384) 评论(0) 推荐(0)
一篇文章搞懂原型、原型链、prototype、__proto__
摘要：在上一讲中，我们简单提到过 prototype 这一抽象化概念，那么在本讲中，我们来具体看一下到底什么是prototype原型，什么是原型链以及大家经常会遇到的问题之prototype/__proto__区别......blablaba 首先，需要大家明确一个概念 : 任意一个函数（包括构造函数）都 阅读全文
posted @ 2019-10-13 14:21 牧羊狼 阅读(450) 评论(0) 推荐(0)
typeof 与 instanceof 运算符
摘要：相信很多伙伴们在刚刚入门js的时候，都会遇到 typeof 与 instanceof 在用法上的一些个困惑，今天小编就要和大家聊一聊它们各自的用法以及一些区别， 您先别急，咱下面就来分别讲解： js是一门弱语言，它在声明变量时无需确定变量的类型，js在运行时会自动判断。 typeof 用来检测一个变 阅读全文
posted @ 2019-10-13 12:04 牧羊狼 阅读(238) 评论(0) 推荐(0)
Boolean（逻辑）对象
摘要：Boolean（逻辑）对象 Boolean（逻辑）对象用于将非逻辑值转换为逻辑值（true 或者 false）。 下面的所有的代码行均会创初始值为 true 的 Boolean 对象： var myBoolean=new Boolean(1);var myBoolean=new Boolean(tr 阅读全文
posted @ 2019-10-12 17:32 牧羊狼 阅读(382) 评论(0) 推荐(0)