![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
文章平均质量分 59
Abudula__
深圳大学计软学生
展开
-
javascript proxy : clear explanation and practical examples
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原创 2021-07-18 10:32:09 · 291 阅读 · 0 评论 -
javascript4种方法实现继承
有几种实现继承的方式,以下给予总结.1.打通原型链function Person(name,age){ this.name=name;}Person.prototype.sayName=function(){ console.log(this.name);}function Programmer(job){ this.job=job;}Programmer.protot...原创 2020-03-04 10:30:36 · 273 阅读 · 0 评论 -
跨域请求 JSONP
首先,我们得了解一个概念,叫同源策略(same-origin policy).比如,我们在写自己公司的一个网站,然后我们需要从淘宝获取商品信息,比如: https://www.taobao.com/goods,我们肯定拿不到,因为存在这同源策略,一下是同源策略的定义.不同域的客户端脚本没有授权的情况下不能读写对方的资源。只有在同协议,同域名,同端口 下才能成为同域。比如,以上例子可以...原创 2020-02-22 11:05:06 · 253 阅读 · 0 评论 -
浏览器渲染简述
我们知道浏览器会把我们写的HTML,CSS等代码会渲染成页面,现在我们探讨一下浏览器怎么样会把HTML文本渲染成页面呢?渲染引擎渲染引擎包括HTML解析器,CSS解析器,布局和JS引擎,常见的渲染引擎有如下:HTML文本到页面的第一步HTMl到页面的第一步是DOM树,首先HTML是文本,就是字符串,但DOM树是对象,这个过程很复杂,但我们这里举个例子,这里有个表达式:2+3-4...原创 2020-02-16 16:05:21 · 228 阅读 · 0 评论 -
closure 闭包
以下是学习笔记,来自阮一峰笔记闭包是Javascript的一个难点,很多面试官都会问。。。为了理解闭包必须先理解变量的作用域一:变量的作用域大体的分两类全局变量局部变量Javascript 这个语言的比较特殊的一点是函数可以获取外部的变量(全局变量),但外面无法获取函数内部的变量。下面的函数可以获取函数外面的变量(局部变量)var name = "Abd";function...原创 2019-12-03 10:59:20 · 196 阅读 · 0 评论 -
javascript异步操作 Promise
语言特色javascript 是一门单线程语言,意思就是同时只能执行一个任务,其他任务必须排队等待。为什么搞成单线程原因是因为一个如果一个线程是在网页上修改DOM,另一个线程在删除DOM。这样肯定不行。JavaScript 从诞生起就是单线程,原因是不想让浏览器变得太复杂,因为多线程需要共享资源、且有可能修改彼此的运行结果,对于一种网页脚本语言来说,这就太复杂了。这种的好处是实现起来比较方便,...原创 2019-09-05 16:37:04 · 400 阅读 · 0 评论 -
用Ajax 提交表单数据 serialize() 并且校验数据
表单提交数据表单提交数据有集中方式,比如说下面的表单: <form class="container"> <div class="row"> <div class="col-25"><label for="checker">审核人:</label></div> &...原创 2019-08-13 10:34:04 · 649 阅读 · 0 评论 -
element-ui NavMenu 导航菜单 通过一个按钮控制
element -ui 里导航菜单是通过两个按钮控制的,但实际开发中很多情况是通过一个按钮来toggle,而且有一个坑就是elemnt ui NavMenu的el-radio-butto 不是click事件,而是只能触发change事件。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /...原创 2019-08-20 16:43:11 · 4276 阅读 · 4 评论 -
对象的两种方法的读取区别
对象有两种读法例如:var myCar = new Object();// 通过点来获取myCar.make = 'Ford';myCar.model = 'Mustang';myCar.year = 1969;//通过[]来获取myCar['make'] = 'Ford';myCar['model'] = 'Mustang';myCar['year'] = 1969;这里...原创 2019-08-03 06:25:04 · 258 阅读 · 0 评论 -
回调函数
回调函数简单来说,回调函数就是一个函数执行完以后才执行的函数。更复杂的来说;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...原创 2019-03-02 17:55:06 · 305 阅读 · 0 评论 -
canvas动画循环
动画循环是制作动画效果的基础,由3个部分组成。先后是更新操作,清楚操作,绘制操作,并且会不断重复的进行。如下有demo代码,有助于更好地理解. <canvas id="canvas" width="500" height="500" style="background-color:red;"></canvas> <script>原创 2018-12-12 08:45:53 · 2261 阅读 · 0 评论 -
canvas 加载图像
canvas 加载图像加载图片需要3步:1.建立image对象.2.设置image的src3.image的onload事件,并切在回调中绘制我们的图像。例如:var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d'); var image=new Image(); ...原创 2018-12-11 17:59:22 · 4040 阅读 · 0 评论 -
javascript 增加元素 用DocumentFragment来增加元素
插入节点我们想要插入单个节点的时候可以使用insertBefore()和appendChild()方法,如果我们想要插入多个内容的话,就需要使用DocumentFragment。不停的循环使用插入方法是一种策略,但这样的话浏览器会不停的渲染DOM树,会影响用户体验。DocumentFragment,中文为文档片段,可以理解为轻量级的节点,可以往里面添加多个子元素。NodeType=11,N...原创 2018-10-02 20:28:56 · 874 阅读 · 0 评论 -
javascript事件处理
event无处不在,用一段简单的代码来演示click事件。<section> <button id="button">点击切换背景。</button> </section> <script> var btn=document.getElementById('button'); var section=doc...原创 2018-10-03 15:56:10 · 204 阅读 · 0 评论 -
javascript的let,var
在javascript中变量的声明方式var,let,const等会让人糊涂,这里简简单的总结一下:var 是function scope ,而 let 是 block scope, function scope 的意思是变量是声明在函数内部,而block scope 意思是变量声明在 for循环,if,else 等块当中。下面的是function scope.function iH...原创 2018-11-16 16:18:54 · 259 阅读 · 0 评论 -
javascript protype and constructor 原型和构造函数
在javascript中处处都有对象,因此得有构造函数去构造,但通过构造函数来构造的时候对象中的方法会重复声明,会浪费内存,因此原型横空出世。原型是函数的一个属性,是一个对象。如果函数作为构造函数使用,那么这个构造函数的所有实例都共享这个原型对象。下面举个例子: function Bottle(){ this.sayName=function(){} } ...原创 2018-11-30 07:49:58 · 284 阅读 · 0 评论 -
键盘事件处理
在制作 PC 端的游戏的时候,我们经常需要监听键盘的事件,以便响应用户的键盘操作。目前,对键盘事件的支持主要遵循的是 DOM0级。按键相关事件键盘操作涉及下面三种事件:keydown:当用户按下键盘上的任意键时触发,而且如果按住按住不放的话,会重复触发此事件。keypress:当用户按下键盘上的字符键时触发,而且如果按住不放的,会重复触发此事件(按下Esc键也会触发这个事件)。keyup...原创 2018-12-12 19:22:49 · 1541 阅读 · 0 评论 -
javascript prototype 原型
原型 prototype原型是函数的一个属性,是一个对象。如果函数作为构造函数使用,生成的实例都共享这个原型对象。首先有一个构造函数Bottle,构造函数声明以后,它就会生成一个原型对象,并挂在Bottle上,然后有两个实例,有bottle1,bottle2.第一个关系是Bottle的prototype指向 prototype。第二个关系是通过new生成实例。第三个关系,在prot...原创 2018-12-08 21:07:10 · 251 阅读 · 0 评论 -
javascript通过原型实现继承
上一篇文章中我们说明了原型是什么,这里通过原型来实现继承。先直接上一段代码,并通过注释来解释。function Plane(color){ //建立一个父类对象 this.color=color; } Plane.prototype.fly=function(){ //通过原型来给父类赋予方法 console.log('flying'); ...原创 2018-12-09 07:09:28 · 260 阅读 · 0 评论 -
canvas 绘制圆弧
前面给大家讲解了怎么绘制矩形和线条,接下来将讲解下如何在 canvas 画布上 绘制圆弧和圆形。相对矩形来说,绘制圆弧则更为复杂。绘制圆弧需要确定圆心的坐标,圆弧的角度以及绘制圆弧的绘制方法等等。context.arc()在 Canvas 中我们可以使用 context.arc() 的方法来创建圆弧路径。简单来说,在 Canvas 中,创建一条圆弧路径是从与圆心(x, y)距离为一个半...转载 2018-12-11 11:02:07 · 5981 阅读 · 0 评论 -
canvas
在HTML中画图可以使用canvas元素,这里简答的总结一下:首先通过canvas元素实现画布,代码如下:&amp;amp;lt;!Doctype html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;amp;lt;/head&amp;amp;gt;&am原创 2018-12-11 11:32:09 · 263 阅读 · 0 评论