JavaScript
JavaScript
Yoo前端
Yoo前端,带来无限可能。
展开
-
通读JavaScript红皮书(补三章)
博主醒来,昨天晚上读到了JavaScript的Number数据结构,所以今天继续往下看。 3.12JavaScript的五种数据类型 3.12.5 String 字符串类型,可以用单引号和双引号表示,所以两种都是有效的。 字符字面量 也叫转义序列,用于表示非打印字符,或者具有其他用途的字符。 字符串的特点 字符串一旦创建,它们的值就不能改变,要改变某个变量保存的字符串,首先要毁掉原来的字符串,然...原创 2020-03-15 01:50:56 · 246 阅读 · 0 评论 -
通读JavaScript红皮书(第二三章)
总结红皮书JavaScript高级程序设计的精髓知识点,感谢红皮书原作者Nicholas C. Zakas 和博主一起走入JavaScript界的圣经,红皮书,JavaScript高级程序设计第三版。 我们尽量用最短的时间读完这本书,并且总结出整书的精华知识点。go! 2.1.defer和async属性 defer: 表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效。...原创 2020-03-12 02:14:41 · 561 阅读 · 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 · 249 阅读 · 1 评论 -
前端设计模板进行区分显示
业务需求实现: 根据otherType进行不同字段的的展示。 假设现在存在如下多种业务类型展示不同的字段: √ ×表示是否显示字段 <!-- 新组件 --> <app-other-type [otherType]="otherType" #childOther></app-other-type> other-type.component.html other-type.component.ts //input输入 @Input() otherTyp原创 2021-03-30 19:59:19 · 255 阅读 · 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 · 136 阅读 · 0 评论 -
面试前必看的JavaScript面试题
1 .介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象:Object、Array、Boolean、Number 和 String 其他对象:Function、Arguments、Math、Date、RegExp、Error 新类型:Symbol 2....原创 2020-03-20 10:27:19 · 476 阅读 · 0 评论 -
js贪吃蛇项目(附git传送门)
首先要做一个js的贪吃蛇游戏我们第一步就是要用面向对象的方法来思考问题 面向对象 贪吃蛇游戏大家众所周知,我们来抽象一下贪吃蛇的对象。 首先蛇本身可以单独看为一个对象,食物是随机出现在屏幕上的,不管是最原始的只出现一个食物还是更多拓展版的食物的出现一定是按照某些规则的。所以食物在这里也是一个对象。 首先食物对象是不与其他对象相关的,我们先来确定食物对象的js。 建立food.js /* 食物对象...原创 2020-03-20 10:09:27 · 268 阅读 · 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 · 504 阅读 · 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 · 164 阅读 · 0 评论 -
前端开发贪吃蛇游戏从设计到流畅运行
占个2020.0202的time,过会更新原创 2020-02-02 23:46:01 · 709 阅读 · 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 · 136 阅读 · 0 评论 -
JavaScript对象深度克隆的简单实现
众所周知,对象是一种引用类型 对象的地址指针存放于栈中,而对象实际的数据存放于堆中。 因此当我们简单地执行复制操作时,实际是把地址指针进行了复制操作,因此在对象的实际数据改变之后,新旧对象都会受到影响。 那么如何不受到影响呢? 此谓深度克隆 JS中的深度克隆,指的是原对象改变了,克隆出来的新对象也不会改变,原对象与新对象是完全独立的关系。 有深度克隆就是 浅度克隆 原始类型为值传递,对象类型仍为引...原创 2020-01-05 20:47:22 · 681 阅读 · 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 · 154 阅读 · 0 评论 -
异常处理三兄弟try-catch-finally
大家都或多或少知道,try-catch用于异常处理,何为异常?需要输入文字你输入数字,需要输入年龄你输入姓名,大大小小,都是异常,有异常就要进行处理,此谓异常处理。 语法格式: try{ 正常语句块 }catch(error){ 异常处理语句块 }finally{ 最后执行语句块 } finally正常异常都要执行,必须执行。 举个例子: 将try catch封装到一个方法体中: functio...原创 2019-11-28 23:22:46 · 153 阅读 · 0 评论 -
玩游戏不如学js之数据类型和类型转换
六种基本数据类型: 1.布尔型: true false 2.null类型 3.undefined类型 表示变量未定义 4.Number 5.String 6.Symbol 7.Object 类型转换 var定义的会自动转换,即JavaScript的动态类型。 可以进行隐式转换 ,如 "12"-2=10 此处的12会自动转化为number类型的12与2,得到number类型的10 强制类型转换 ...原创 2019-11-25 22:57:15 · 141 阅读 · 0 评论 -
玩游戏不如学js之声明篇
刚刚玩了一把游戏,久久不能平复,写一篇睡前博客平复一下。 从今天开始整理关于Js的相关知识, 首先如何声明一个变量 var name="辅助零杠十八"; 声明一个变量就是如此的简单,讲完了。 当然这也算声明一个变量了,但是nononon,我们还要知道的更多。 js中的三种声明方式: var let const var可以声明全局变量也可以声明局部变量,let,声明块作用域的变量,con...原创 2019-11-25 00:53:59 · 179 阅读 · 0 评论