JavaScript
JavaScript
Yoo前端
Yoo前端,带来无限可能。
展开
-
通读JavaScript红皮书(补三章)
博主醒来,昨天晚上读到了JavaScript的Number数据结构,所以今天继续往下看。3.12JavaScript的五种数据类型3.12.5 String字符串类型,可以用单引号和双引号表示,所以两种都是有效的。字符字面量也叫转义序列,用于表示非打印字符,或者具有其他用途的字符。字符串的特点字符串一旦创建,它们的值就不能改变,要改变某个变量保存的字符串,首先要毁掉原来的字符串,然...原创 2020-03-15 01:50:56 · 258 阅读 · 0 评论 -
通读JavaScript红皮书(第二三章)
总结红皮书JavaScript高级程序设计的精髓知识点,感谢红皮书原作者Nicholas C. Zakas和博主一起走入JavaScript界的圣经,红皮书,JavaScript高级程序设计第三版。我们尽量用最短的时间读完这本书,并且总结出整书的精华知识点。go!2.1.defer和async属性defer:表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效。...原创 2020-03-12 02:14:41 · 579 阅读 · 1 评论 -
EventLoop循环机制详解(微任务、宏任务与async-await)
https://www.jianshu.com/p/5b4c4756e461 图片引用首先明晰两个概念:宏任务和微任务也称之为 task 和microtask ,微任务要先于宏任务执行宏任务主要有:script(整体代码)、setTimeout、setInterval、I/O、UI 交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境)。微任务主要有:Promise.then、 MutationObserver、 proce.原创 2021-07-13 17:13:43 · 264 阅读 · 1 评论 -
前端设计模板进行区分显示
业务需求实现:根据otherType进行不同字段的的展示。假设现在存在如下多种业务类型展示不同的字段:√ ×表示是否显示字段<!-- 新组件 --><app-other-type [otherType]="otherType" #childOther></app-other-type>other-type.component.htmlother-type.component.ts //input输入 @Input() otherTyp原创 2021-03-30 19:59:19 · 261 阅读 · 0 评论 -
js设计模式重点知识
用对象收编变量var CheckObject={checkName:function(){//},xxxx,xxxx}另一种方式:var CheckObject =function(){};CheckObject.checkName=function(){}调用var CheckObject =function(){return{checkName:function(){},xxx,xxx}};每次调用函数都会返回一个新对象互不干扰。var a =Che原创 2020-06-18 16:35:12 · 140 阅读 · 0 评论 -
面试前必看的JavaScript面试题
1 .介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象数据封装类对象:Object、Array、Boolean、Number 和 String其他对象:Function、Arguments、Math、Date、RegExp、Error新类型:Symbol2....原创 2020-03-20 10:27:19 · 489 阅读 · 0 评论 -
js贪吃蛇项目(附git传送门)
首先要做一个js的贪吃蛇游戏我们第一步就是要用面向对象的方法来思考问题面向对象贪吃蛇游戏大家众所周知,我们来抽象一下贪吃蛇的对象。首先蛇本身可以单独看为一个对象,食物是随机出现在屏幕上的,不管是最原始的只出现一个食物还是更多拓展版的食物的出现一定是按照某些规则的。所以食物在这里也是一个对象。首先食物对象是不与其他对象相关的,我们先来确定食物对象的js。建立food.js/* 食物对象...原创 2020-03-20 10:09:27 · 280 阅读 · 0 评论 -
js类的继承与创建
类的创建和继承类的创建,new 一个function ,在这个function的prototype里面增加属性和方法。function A(food){}A.prototype.eat=function(food){}原型继承:Student.prototype=new Person();Student.prototype.constructor=Student;缺点:无...原创 2020-02-15 00:56:27 · 508 阅读 · 0 评论 -
JavaScript继承讲述男女关系
<script> var boyfind = { name:'男朋友', money:10000, have:['机械键盘','gtx1660'], } var girlfriend = { name:'女朋友' } function extend(parent,child){ for(var key in parent){ if(child...原创 2020-02-13 18:26:13 · 178 阅读 · 0 评论 -
前端开发贪吃蛇游戏从设计到流畅运行
占个2020.0202的time,过会更新原创 2020-02-02 23:46:01 · 723 阅读 · 0 评论 -
CSS垂直居中的四种方法
1.margin:auto 法:html:<div><img src="mm.jpg"></div>css:div{width:400px;height:400px;position:relative;border:1px solid #465468;}img{position:absolute;margin:auto;top:...原创 2020-01-12 22:10:36 · 145 阅读 · 0 评论 -
JavaScript对象深度克隆的简单实现
众所周知,对象是一种引用类型对象的地址指针存放于栈中,而对象实际的数据存放于堆中。因此当我们简单地执行复制操作时,实际是把地址指针进行了复制操作,因此在对象的实际数据改变之后,新旧对象都会受到影响。那么如何不受到影响呢?此谓深度克隆JS中的深度克隆,指的是原对象改变了,克隆出来的新对象也不会改变,原对象与新对象是完全独立的关系。有深度克隆就是浅度克隆原始类型为值传递,对象类型仍为引...原创 2020-01-05 20:47:22 · 704 阅读 · 0 评论 -
JavaScript经典面试笔试知识点集合
1.get请求传参长度误区我们经常说get请求参数的大小存在限制,而post请求参数大小是无限制的实际上http协议从未规定get和post的请求长度限制是多少,对get请求参数的限制是来源与浏览器或web服务器,浏览器或web服务器限制了url的长度http协议未规定get和post长度限制get的最大长度显示是因为浏览器和web 服务器限制了url的长度不同浏览器和web服务器限制的...原创 2019-12-03 21:15:29 · 177 阅读 · 0 评论 -
异常处理三兄弟try-catch-finally
大家都或多或少知道,try-catch用于异常处理,何为异常?需要输入文字你输入数字,需要输入年龄你输入姓名,大大小小,都是异常,有异常就要进行处理,此谓异常处理。语法格式:try{正常语句块}catch(error){异常处理语句块}finally{最后执行语句块}finally正常异常都要执行,必须执行。举个例子:将try catch封装到一个方法体中:functio...原创 2019-11-28 23:22:46 · 159 阅读 · 0 评论 -
玩游戏不如学js之数据类型和类型转换
六种基本数据类型:1.布尔型:true false2.null类型3.undefined类型表示变量未定义4.Number5.String6.Symbol7.Object类型转换var定义的会自动转换,即JavaScript的动态类型。可以进行隐式转换 ,如"12"-2=10此处的12会自动转化为number类型的12与2,得到number类型的10强制类型转换...原创 2019-11-25 22:57:15 · 149 阅读 · 0 评论 -
玩游戏不如学js之声明篇
刚刚玩了一把游戏,久久不能平复,写一篇睡前博客平复一下。从今天开始整理关于Js的相关知识,首先如何声明一个变量var name="辅助零杠十八";声明一个变量就是如此的简单,讲完了。当然这也算声明一个变量了,但是nononon,我们还要知道的更多。js中的三种声明方式:var letconstvar可以声明全局变量也可以声明局部变量,let,声明块作用域的变量,con...原创 2019-11-25 00:53:59 · 188 阅读 · 0 评论