wtianheihei的博客

原创 数组中常用API及其在“面试&实战&算法”中的应用

1. 数组是特殊的对象（1）基于结构特点 & 类数组（2）可以基于“for（while）、for in、for of”循环迭代遍历let arr = [10,20,30];for(let i =0; i<arr.length; i++) { console.log(arr[i]);}// length属于不可枚举的属性，for in 是遍历不到的for(let key in arr) { console.log(key, arr[key]);}// 数组具

原创 数据类型分类（一）

(一) 什么是基本数据类型和引用数据类型文章目录(一) 什么是基本数据类型和引用数据类型1、值类型操作（基本数据）2、引用类型操作的是空间地址（引用数据）（1）需求：任意数求和（二）基本和引用的区别1、腾讯面试题2、练习题（三）"原始值"类型(基本数据类型/值类型)有哪些（四）引用数据类型有哪些1、值类型操作（基本数据）var a=12;/* var a=12;分成三步： 1.先声明一个变量a,没有赋值（默认值是undefined） 2、在当前作用域中开辟一个位置存储12这个值 3、让变量a

原创 http协议（1）- 视频教程

asasa

原创 new Set()

SetSet 新的数据结构，类似于数组，值唯一Set本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。单层数组/字符串去重，多层嵌套不会数组去重size 相当于length，是set的长度标识 // 数组去重 var ary = [1, 2, 3, 3, 4, 4]; // 会数组去重 var ary = [ [1,2], [2,3],

原创 2021前端面试题

HTML浏览器页面有哪三层构成，分别是什么，作用是什么?HTML5的优点与缺点？Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?HTML5有哪些新特性、移除了哪些元素？你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？说说你对HTML5认识?（是什么,为什么）对WEB标准以及W3C的理解与认识?HTML全局属性(global attribute)有哪些?说说超链接target属性的取值

原创 JS中 0.1 + 0.2不等于0.3的问题

出现原因在JS中数字采用的IEEE 754的双精度标准进行存储，不管是小数还是整数存的都是64位64位又包括3个部分：符号位，指数位，有效位0.1+0.2 等于0.3：0.3是怎么存的呢，首先0.3会转成二进制，二进制再转成科学记数法，（转换过程中会出现一个循环0011会不断循环）符号位：正数存的是0，负数存的是1指数位： 11位—》10的负二次方有效位：52位参考文档只有0.1+0.2会出现这个问题，其他不会解决方法最好的方法就是我们想办法规避掉这类小数计算时的精度

原创 学习重点图

学习重点图htmlcssjs源码移动web

原创 浏览器的同源策略

浏览器的同源策略同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。同源的定义如果两个 URL 的 protocol、port (如果有指定的话)和 host 都相同的话，则这两个 URL 是同源。这个方案也被称为“协议/主机/端口元组”，或者直接是 “元组”。（“元组” 是指一组项目构成的整体，双重/三重/四重/五重/等的通用形式）。下表给出了与 URL http://store.compan

原创 路由跳转：location和history

路由跳转：location和history笔记地址

原创 浏览器渲染

在浏览器中输入url地址并回车，发生了什么？通过http协议内容—>服务器发送一个请求查看url中的域名部分，域名—>解析—>服务器IP地址—>找到对应的服务器查看端口号—>找对应的服务—>通过路径—>找到对应的页面服务器将对应的内容通过response响应，返回客户端客户端拿到数据之后，按以下步骤显示：① 将所所有的标签生成DOM Tree② 代码自上而下执行，遇到script，link，img…会按照上面的步骤重来③ JS有动态绑定的数据，进行

原创 Promise原理

Promise原理Promise主要使用了设计模式中的观察者模式通过Promise，prototype.then和Promise.prototype.catch方法将观察者注册到被观察者Promise对象中，同时返回一个新的Promise对象，以便可以链式调用被观察者管理内部pending，fulfilled，rejected的状态转变，同时通过构造函数中传递的resolve，reject方法以主动触发状态改变和通知观察者Promise雏形：获取用户id的请求处理// 没有加入延时机制/状

原创 Element.querySelector()

Element.querySelector()返回与指定的选择器组匹配的元素的后代的第一个元素。语法element = baseElement.querySelector(selectors);element 和 baseElement 是 element 对象.selectors 是一个CSS选择器字符串( selectors )参数selectors一组用来匹配Element baseElement后代元素的选择器selectors；必须是合法的css选择器，否则会引起语法错误。

原创 Node.removeChild

Node.removeChildNode.removeChild() 方法从DOM中删除一个子节点。返回删除的节点。语法let oldChild = node.removeChild(child);//ORelement.removeChild(child);child 是要移除的那个子节点.node 是child的父节点.oldChild保存对删除的子节点的引用. oldChild === child.被移除的这个子节点仍然存在于内存中,只是没有添加到当前文档的DOM树中,因

原创 Node.appendChild

Node.appendChildNode.appendChild() 方法将一个节点附加到指定父节点的子节点列表的末尾处。如果将被插入的节点已经存在于当前文档的文档树中，那么 appendChild() 只会将它从原先的位置移动到新的位置（不需要事先移除要移动的节点）。这意味着，一个节点不可能同时出现在文档的不同位置。所以，如果某个节点已经拥有父节点，在被传递给此方法后，它首先会被移除，再被插入到新的位置。若要保留已在文档中的节点，可以先使用 Node.cloneNode() 方法来为它创建一个

原创 Document.createElement()

Document.createElement（）参考链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createElement在 HTML 文档中，Document.createElement() 方法用于创建一个由标签名称 tagName 指定的 HTML 元素。如果用户代理无法识别 tagName，则会生成一个未知 HTML 元素 HTMLUnknownElement语法var element = document.c

原创 React高阶组件（1）

高阶组件基本概念高阶组件就是接受一个组件作为参数并返回一个新组件的函数高阶组件是一个函数，并不是组件

原创 React高阶函数（1）

高阶函数基本概念函数可以作为参数被传递// egsetTimeout(() => { console.log(1) },1000)函数可以作为返回值被输出// egfunction foo(x) { return function() { return x; }}// eg// 高阶函数在时间函数的应用setTimeout(function() { console.log(1) }, 1000)setInterval(function() { console

原创 JS错误信息类型

SyntaxError 语法错误（1）变量名不规范var 1 = 1；// 报错信息：Uncaught SyntaxError: Unexpected number// 这个错误是系统抛出来的，是一个意外的数字var 1ab = 1;// Uncaught SyntaxError: Invalid or unexpected token// 意外的标记，以数字开头的变量名都不可以（2）关键字不可赋值new = 5;function = 1;// Uncaught SyntaxErr

翻译 （视频）《Bootstrap响应式网站开发...王晓楠》 笔记

1. Bootstrap中visible-xs是小屏幕显示的意思，hidden-xs是小屏幕隐藏的意思。2. 设置宽度为100%时，在设置padding：0  15px时，盒子会撑开，出现滚动条：                                                                                解决方法：设置box-sizing：bo...

原创 Canvas知识点总结

1. canvas是内联可置换元素，设置display：block；margin：0 auto是画布可以居中显示。&lt;canvas id="canvas2" style="display: block;background-color: red; margin:0 auto;"&gt;&lt;/canvas&gt;如图：2. canvas的兼容性写法canvas的兼容性写法有两种，一种是：...

翻译 块级元素和行内元素的区别

行内元素（不独占一行）：a,button,big,small,datalist,em , i, input,mark,span,progress,s,strong,b,sub,sup,textarea u(与文字相关的基本都是行内元素)行内元素特点：不独占一行排列方式：从左往右通常使用行内元素进行文字、小图标、小结构的搭建设置宽高不起作用，想要设置宽高，需转换为块级元素/行内块元素：display...

原创 html5-Canvas元素使用strokeRect绘制边框矩形时，默认边框是1像素，但是页面上边框显示2像素的原因

我们在使用strokeRect绘制边框矩形时，在页面上会显示边框2像素，这是什么原因呢？（strokeRect默认边框为1像素）&lt;canvas id="myCanvas" width="300" height="300"&gt;您的浏览器不支持canvas元素，请升级您的浏览器&lt;/canvas&lt;script&gt;var c=document.getElementByI...

转载 代码管理工具

代码管理工具简介简单地说，源码管理工具是一种让多个程序员可以同时协作开发，用于管理代码和记录代码编辑历史的工具。为什么要使用代码管理工具？想象一下，如果要把代码文件还原到修改前的状态，我们会怎么做？最简单的办法就是在编辑代码前，先备份源文件。在备份的时候，为了更好的区分文件，我们通常会在备份的文件名或目录名上添加一些标识来区分版本，如时间

转载 html元素

转载 html基础结构（深入了解head元素）

HTML基础结构图：深入了解head元素：元素用于定义网页的常规信息和元数据，虽然在网页中不可见，但是也是非常的重要。总的来说head里边的子元素大概分为三类，分别是：             1、描述网页基本信息的。             2、指向渲染网页需要其他文件链接的。             3、各大厂商根据自己需要定制的。第一个：网页基本信息一个网

转载 Factorialize a N umber(计算阶乘)—freeCodeCamp上边的项目

Factorialize a N umber(计算阶乘)—freeCodeCamp上边的项目计算一个整数的阶乘，如果用字母n来代表一个整数，阶乘代表着所有小于或等于n的整数的乘积。阶乘通常简写为n！eg:5!=1*2*3*4*5=120正解：Function factorialize(num){return num>1?num*factorialize(num-1):1;

转载 Reverse a String(翻转字符串)—freeCodeCamp上边的项目

Reverse a String(翻转字符串)—freeCodeCamp上边的项目先把字符串转化成数组，再借助数组的reverse方法翻转数组顺序，最后把数组转化成字符串。你的结果必须得是一个字符串这些是对你有帮助的资源：Global String ObjectString.split()—将字符串分割为数组Array.reverse()—翻转数组顺序Array.join(

转载 Join Strings with join（连接字符串）freeCodeCamp上边的项目

Join Strings with join（连接字符串） 我们可以使用join方法来把数组转换成字符串，里边的每一个元素可以用你指定的连接符连接起来，这个连接符就是你要传入的参数。 下面展示了使用join来将数组中的每一项放入字符串，并用and进行连接： var veggies=[“Celery”,”Radish”,”Carrot”,”Potato”]; var salad=veggies.jo

转载 Split Strings withsplit（分割字符串）freeCodeCamp上边的项目

Split Strings withsplit（分割字符串）你可以用split方法按指定分隔符将字符串分割为数组。你要给split方法传递一个参数，这个参数将作为一个分隔符。下面的例子展示了split方法的使用，按照s字母进行分割：var array=string.split(‘s’);使用split方法把字符串string分割为数组array。 eg: var string = "Split

原创 菜鸟：自己写了一个轮播代码供分为参考，如果有什么地方你有更好的方法，可以给我留言

轮播图 >

转载 IE5不兼容display：inline-block属性解决办法

只需要在你写的css样式中加入一下代码即可#content{ display:inline-block; *display:inline; zoom:1;}加上标红的代码就可以解决问题了。