Abudula__的博客

javascript proxy : clear explanation and practical examplesWhat is proxyProxy enalbes us to intercept and customize operations performed on objects (such as getting ,setting properties). They are metaprogramming feature.metaProgramming:Metaprogrammin

有几种实现继承的方式，以下给予总结.1.打通原型链function Person(name,age){ this.name=name;}Person.prototype.sayName=function(){ console.log(this.name);}function Programmer(job){ this.job=job;}Programmer.protot...

首先，我们得了解一个概念，叫同源策略(same-origin policy).比如，我们在写自己公司的一个网站，然后我们需要从淘宝获取商品信息，比如: https://www.taobao.com/goods,我们肯定拿不到，因为存在这同源策略，一下是同源策略的定义.不同域的客户端脚本没有授权的情况下不能读写对方的资源。只有在同协议，同域名，同端口 下才能成为同域。比如，以上例子可以...

我们知道浏览器会把我们写的HTML，CSS等代码会渲染成页面，现在我们探讨一下浏览器怎么样会把HTML文本渲染成页面呢？渲染引擎渲染引擎包括HTML解析器，CSS解析器，布局和JS引擎，常见的渲染引擎有如下：HTML文本到页面的第一步HTMl到页面的第一步是DOM树，首先HTML是文本，就是字符串，但DOM树是对象，这个过程很复杂，但我们这里举个例子，这里有个表达式：2+3-4...

以下是学习笔记,来自阮一峰笔记闭包是Javascript的一个难点，很多面试官都会问。。。为了理解闭包必须先理解变量的作用域一：变量的作用域大体的分两类全局变量局部变量Javascript 这个语言的比较特殊的一点是函数可以获取外部的变量(全局变量)，但外面无法获取函数内部的变量。下面的函数可以获取函数外面的变量(局部变量)var name = "Abd";function...

动画循环是制作动画效果的基础，由3个部分组成。先后是更新操作，清楚操作，绘制操作，并且会不断重复的进行。如下有demo代码，有助于更好地理解. <canvas id="canvas" width="500" height="500" style="background-color:red;"></canvas> <script>

语言特色javascript 是一门单线程语言,意思就是同时只能执行一个任务，其他任务必须排队等待。为什么搞成单线程原因是因为一个如果一个线程是在网页上修改DOM,另一个线程在删除DOM。这样肯定不行。JavaScript 从诞生起就是单线程，原因是不想让浏览器变得太复杂，因为多线程需要共享资源、且有可能修改彼此的运行结果，对于一种网页脚本语言来说，这就太复杂了。这种的好处是实现起来比较方便，...

表单提交数据表单提交数据有集中方式,比如说下面的表单: <form class="container"> <div class="row"> <div class="col-25"><label for="checker">审核人:</label></div> &...

element -ui 里导航菜单是通过两个按钮控制的，但实际开发中很多情况是通过一个按钮来toggle,而且有一个坑就是elemnt ui NavMenu的el-radio-butto 不是click事件，而是只能触发change事件。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /...

对象有两种读法例如：var myCar = new Object();// 通过点来获取myCar.make = 'Ford';myCar.model = 'Mustang';myCar.year = 1969;//通过[]来获取myCar['make'] = 'Ford';myCar['model'] = 'Mustang';myCar['year'] = 1969;这里...

回调函数简单来说,回调函数就是一个函数执行完以后才执行的函数。更复杂的来说；Simply put: A callback is a function that is to be executed after another function has finished executing — hence the name ‘call back’.More complexly put: In...

canvas 加载图像加载图片需要3步:1.建立image对象.2.设置image的src3.image的onload事件，并切在回调中绘制我们的图像。例如:var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d'); var image=new Image(); ...

在HTML中画图可以使用ｃａｎｖａｓ元素，这里简答的总结一下：首先通过canvas元素实现画布,代码如下:&amp;amp;amp;lt;!Doctype html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt;&amp;amp;amp;lt;/head&amp;amp;amp;gt;&amp;am

前面给大家讲解了怎么绘制矩形和线条，接下来将讲解下如何在 canvas 画布上 绘制圆弧和圆形。相对矩形来说，绘制圆弧则更为复杂。绘制圆弧需要确定圆心的坐标，圆弧的角度以及绘制圆弧的绘制方法等等。context.arc()在 Canvas 中我们可以使用 context.arc() 的方法来创建圆弧路径。简单来说，在 Canvas 中，创建一条圆弧路径是从与圆心(x, y)距离为一个半...

上一篇文章中我们说明了原型是什么，这里通过原型来实现继承。先直接上一段代码，并通过注释来解释。function Plane(color){ //建立一个父类对象 this.color=color; } Plane.prototype.fly=function(){ //通过原型来给父类赋予方法 console.log('flying'); ...

原型 prototype原型是函数的一个属性，是一个对象。如果函数作为构造函数使用，生成的实例都共享这个原型对象。首先有一个构造函数Bottle,构造函数声明以后，它就会生成一个原型对象，并挂在Bottle上，然后有两个实例，有bottle1,bottle2.第一个关系是Bottle的prototype指向 prototype。第二个关系是通过new生成实例。第三个关系，在prot...

在制作 PC 端的游戏的时候，我们经常需要监听键盘的事件，以便响应用户的键盘操作。目前，对键盘事件的支持主要遵循的是 DOM0级。按键相关事件键盘操作涉及下面三种事件：keydown：当用户按下键盘上的任意键时触发，而且如果按住按住不放的话，会重复触发此事件。keypress：当用户按下键盘上的字符键时触发，而且如果按住不放的，会重复触发此事件（按下Esc键也会触发这个事件）。keyup...

在javascript中处处都有对象，因此得有构造函数去构造，但通过构造函数来构造的时候对象中的方法会重复声明，会浪费内存，因此原型横空出世。原型是函数的一个属性，是一个对象。如果函数作为构造函数使用，那么这个构造函数的所有实例都共享这个原型对象。下面举个例子: function Bottle(){ this.sayName=function(){} } ...

在javascript中变量的声明方式var,let,const等会让人糊涂，这里简简单的总结一下:var 是function scope ,而 let 是 block scope, function scope 的意思是变量是声明在函数内部，而block scope 意思是变量声明在 for循环，if,else 等块当中。下面的是function scope.function iH...

event无处不在，用一段简单的代码来演示click事件。&lt;section&gt; &lt;button id="button"&gt;点击切换背景。&lt;/button&gt; &lt;/section&gt; &lt;script&gt; var btn=document.getElementById('button'); var section=doc...

插入节点我们想要插入单个节点的时候可以使用insertBefore()和appendChild()方法，如果我们想要插入多个内容的话，就需要使用DocumentFragment。不停的循环使用插入方法是一种策略，但这样的话浏览器会不停的渲染DOM树，会影响用户体验。DocumentFragment，中文为文档片段，可以理解为轻量级的节点，可以往里面添加多个子元素。NodeType=11,N...