加载中
JavaScript运行机制

前言 本文要讲的是,浏览器读一个script代码的流程是什么,遇到异步代码会如何处理,宏观任务和微观任务如何处理。 开始前先来看几个概念。 栈(后进先出) 首先要说一个栈模型,函数的调用形...

2019/04/10 10:10
4
JavaScript 原型与继承

JavaScript 原型与继承 JavaScript 中函数原型是实现继承的基础。prototype、construct、原型链以及基于原型链的继承是面向对象的重要内容 prototype 原型即 prototype,是函数的一个属性,是...

2019/04/10 10:10
12
JS之ClassName属性使用

一、style与className属性的对比 在前面的style属性学习中,知道了通过style属性可以控制元素的样式,从而实现了行为层通过DOM的style属性去干预变现层显示的目地,但是这种就是不好的,而且为了...

2018/11/29 10:59
5
Js的核心:找到DOM

掌握 JavaScript 的核心之一:DOM,能够熟悉DOM相关操作,了解JavaScript事件机制 一、使用getElementById()、getElementsByTagName()、childNodes、parentNode找DOM 1 <!DOCTYPE html> ...

JS之捕获冒泡和事件委托

一、事件流(捕获,冒泡) 事件流:指从页面中接收事件的顺序,有冒泡流和捕获流。 当页面中发生某种事件(比如鼠标点击,鼠标滑过等)时,毫无疑问子元素和父元素都会接收到该事件,可具体顺...

JS实现滚动区域触底事件

效果 贴上效果展示: 实现思路 样式方面不多赘述,滚动区域是给固定高度,设置 overflow-y: auto 来实现。 接下来看看js方面的实现,其实也很简单,触发的条件是: 可视高度 + 滚动距离 >= 实...

2019/04/10 10:10
34
JS实现九九乘法表和时间问候语

编码 小练习,练习使用循环实现一个九九乘法表 第一步,最低要求:在Console中按行输出 n * m = t 然后,尝试在网页中,使用table来实现一个九九乘法表 1 <!DOCTYPE html> 2 <html> 3 ...

2018/11/27 14:35
24
《JavaScript 模式》读书笔记(4)— 函数1

  从这篇开始,我们会用很长的章节来讨论函数,这个JavaScript中最重要,也是最基本的技能。本章中,我们会区分函数表达式与函数声明,并且还会学习到局部作用域和变量声明提升的工作原理。...

2019/04/10 10:10
11
JS如何判断一个对象是否为空、是否有某个属性

一、js判断一个对象是否为空 方法一: let obj1 = {} let obj2 = {a:1} function empty(obj){ for (let key in obj){ return false; //非空 } return true; //为空 ...

2018/11/29 16:21
21
一文了解服务端推送(含JS代码示例)

常用的服务端推送技术,包括轮询、长轮询、websocket、server-sent-event(SSE) 传统的HTTP请求是由客户端发送一个request,服务端返回对应response,所以当服务端想主动给客户端发送消息时...

2019/04/10 10:10
29
javascript基础修炼(10)——VirtualDOM和基本DFS

1. Virtual-DOM是什么 Virtual-DOM,即虚拟DOM树。浏览器在解析文件时,会将html文档转换为document对象,在浏览器环境中运行的脚本文件都可以获取到它,通过操作document对象暴露的接口可以...

2018/11/29 22:26
10
Javascript十六种常用设计模式

单例模式 何为单例模式,就是无论执行多少次函数,都只会生成一个对象哈哈,看一个简单的demo function Instance(name) { this.name = name; } Instance.prototype.fire = function ()...

2019/04/10 10:10
70
js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div

点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现: 一:javascript实现方法技巧 <script> //定义stopPropagation 方法的使用,该方法将停止事件的传播...

2018/11/28 12:26
192
浏览器的渲染机制

作者:小土豆biubiubiu 博客园:www.cnblogs.com/HouJiao/ 掘金:https://juejin.im/user/58c61b4361ff4b005d9e894d 简书:https://www.jianshu.com/u/cb1c3884e6d5 微信公众号:土豆妈的碎碎...

2019/04/10 10:10
14
爬虫之chrome浏览器的使用方法

chrome浏览器使用方法介绍 1. 新建隐身窗口 1.1 为什么需要新建隐身窗口 在打开隐身窗口的时候,第一次请求某个网站是没有携带cookie的,和代码请求一个网站一样,不携带cookie。这样就能够尽...

2018/11/27 16:55
38
前端开发小知识点

1. <button></button>标签内可以放置内容,比如文本和图片,而<input type="button" value="确定">是单标签,则不可以,只能通过value属性设置按钮文字。二者均可设置文字大小和颜色。 2. A...

2018/11/27 14:35
5
DOM-XSS攻击原理与防御

XSS的中文名称叫跨站脚本,是WEB漏洞中比较常见的一种,特点就是可以将恶意HTML/JavaScript代码注入到受害用户浏览的网页上,从而达到劫持用户会话的目的。XSS根据恶意脚本的传递方式可以分为...

2019/04/10 10:10
28
setTimeout和setImmediate到底谁先执行,本文让你彻底理解Event Loop

笔者以前面试的时候经常遇到写一堆setTimeout,setImmediate来问哪个先执行。本文主要就是来讲这个问题的,但是不是简单的讲讲哪个先,哪个后。笼统的知道setImmediate比setTimeout(fn, 0)先执...

03/23 11:17
51
《前端之路》- TypeScript (三) ES5 中实现继承、类以及原理

[TOC] 这篇文章中的内容会比较的多,而且在基础中是数据相对比较复杂的基础,主要是讲到了 JS 这门语言中如何实现继承、多态,以及什么情况如何定义 私有属性、方法,共有属性、方法,被保护...

2019/04/10 10:10
24
《前端之路》 - 初试 TypeScript(一)基础数据类型

[TOC] 一、先讲讲 TypeScript 什么是 typeScript ? typeScript 是 Javascript 的超集 我们用一张图来简单介绍下 ts 和 js 清清楚楚明明白白的关系~ 为什么会出现 typeScript 在说 typeScri...

2019/04/10 10:10
18

没有更多内容

加载失败,请刷新页面

返回顶部
顶部