![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
听我说两句、
热爱编程 / 喜欢看博客 / 偶尔跟朋友聊技术。
展开
-
小程序分包及分包预下载
分包预下载指的是:在进入小程序的某个页面时,由框架自动预下载可能需要的分包,从而提升进入后续分包页面的启动速度。原创 2022-08-09 10:00:16 · 358 阅读 · 0 评论 -
小程序wxs
wxs(weixin script)是小程序独有的一套脚本语言,结合wxml,可以构建出页面的结构wxs代码可以编写在wxml文件中的 标签中,就像JavaScript代码可以编写在html文件中的wxs代码还可以编写在原创 2022-08-09 09:38:09 · 773 阅读 · 0 评论 -
小程序导航及导航传参
在onload中接收导航参数原创 2022-08-09 09:29:10 · 312 阅读 · 0 评论 -
去掉数组中是数字的引号
可以调用``map``函数去掉数组中是数字的引号,使其变成``number``类型。原创 2022-07-18 11:15:22 · 1514 阅读 · 0 评论 -
ES6 Promise和ES7async、await
有了Promise之后,异步任务有了一种统一的处理方式有了统一的处理方式,ES官方就可以对其进一步优化ES7退出了两个关键字`async`和`await`,用于更加优雅的表达Promise;原创 2022-06-24 16:33:18 · 237 阅读 · 0 评论 -
在JS中为什么0.1 + 0.2 > 0.3 ?
在JS中为什么0.1 + 0.2 > 0.3 ? 因为在JS中,浮点数使用的是64位固定长度表示的,其中的一位表示符号位,11位用来表示指数位,剩下的52位是尾数位。 由于只有52位表示尾数位,而0.1转为二进制是一个无限循环数0.0001100110011001100...(1100循环)。 &nb原创 2021-09-27 11:21:49 · 447 阅读 · 1 评论 -
小数的十进制转二进制
小数的十进制转二进制 小数点之后用乘2取整法:如0.5(D) = 0.1(B). 按照如下计算方法:1. 首先给小数部分乘2,如果小数点前为 1则记1;为0,则记0;2. 在对剩下的小数部分乘2,计算出1或0;3. 重复以上的步骤,直至达到需要的精度。如下:0.25转换为二进制:0.25 * 2 = 0.5则记为0,0.5原创 2021-09-27 10:41:55 · 3028 阅读 · 0 评论 -
简单了解闭包
闭包 闭包很常用,也简单 闭包可以理解成定义在一个函数内部的函数,本质上,闭包将函数内部和函数外部连接起来。function A(){ var i = 0; function B(){ console.log(i++); } return B;}var C = A();c...原创 2021-09-11 10:14:09 · 108 阅读 · 0 评论 -
面试题—手写promise、jsonp、new等各种原理
手写promiseclass Promise { constructor (fn) { // 三个状态 this.state = 'pending' this.value = undefined this.reason = undefined let resolve = value => { if (this.state === 'pending') { this.state = 'fulfilled' this.value = value } }let reject = value => {原创 2021-05-29 11:10:23 · 132 阅读 · 1 评论 -
手写防抖原理&&节流原理,亲历面试题
// 防抖:函数的防抖就是在函数需要频繁触发时,留有足够的空间,才会执行一次。 // 当一次事件触发完以后,隔了一段时间,都没有在触发这个事件,就执行var Inp = document.getElementById("Inp"); function debounce(handler, delay) { var timer = null; return function () { //返回一个函数 var _this = this, arg...原创 2021-05-28 00:59:34 · 105 阅读 · 0 评论 -
DOM元素获取、事件
<DOM核心>字符串操作:includes() 判断是否包含某个属性Array。form() ; 该方法可以把一个类数组或者一个可以便利的对象转化为一个真正的数组tagName:得到的是元素名称 console.log(e.target.tagName);元素结构重构父元素.appendChild(元素):在某个元素末尾插入一个子元素;类似的方法:父元素.append(元素);父元素.insertBefore(待插入的元素,哪个元素之前);父元素.replac原创 2021-05-27 23:37:07 · 413 阅读 · 0 评论 -
cookie详解
cookie的本职工作并非是做本地存储,而是维持状态原创 2021-03-11 14:19:00 · 409 阅读 · 0 评论 -
innerHTML
innerHTML是给某一个标签里面设置内容如果innerHTML里面包含标签,标签会被识别和解析,就设置成相应的样式;eg: <div class="wrapper"><strong><em>斜体加粗</em></strong></div>打印如下效果innerHTML后: var oDiv = document.getElementsByClassName('wrapper')[0]; oDiv.原创 2021-03-10 14:30:29 · 186 阅读 · 0 评论 -
ready()与onload()事件的区别 &document.addEventlistener()
$(document).ready(function(){})1、$(document).ready()是当页面当中的DOM元素加载完成后就会去触发js代码;只是等标签加载完成,不管外部引入的img、视频。音频等文件。2、$(document).ready() 可以同时编写多个且可以执行多次。3、其他形式:$().ready(function(){})、$(function(){})window.onload() = function(){}1、window.onload()是页面全部加载完成原创 2021-03-09 22:08:47 · 919 阅读 · 0 评论 -
弹性运动
1、弹性运动html、css代码: <div></div> <span></span> //以span为目标点进行弹性运动 div{ width:100px; height:100px; background-color: red; position:absolute; left:0px;原创 2021-03-09 19:08:38 · 180 阅读 · 0 评论 -
基础运动
1、匀速运动首先要给运动的标签一个定位;我们想控制一个物体运动,其实就是改变它的一个left、right、top、bottom坐标,如果不给定位的话即使是给它这样的值,它也不会改变。html、css代码:<div></div><span></span><button id="btn">run</button><style> div{ width:100px;原创 2021-03-09 16:53:07 · 111 阅读 · 0 评论 -
鼠标事件
1、on的方式绑定div.onclick = function(){}//在这个div的click事件上 绑定一个处理函数function(){}这种绑定方式兼容性特别好,最早的处理事件绑定函数的方法就是用onxxx这种方式。但是它有点缺陷就是一个对象的一个事件只能绑定一个处理函数如:我们给div绑定了一个事件a,又绑定了一个事件b,当我们点击div的时候即打印a又打印b,那么这样写是不行的div.onclick = fucntion(){console.log('a');}div.on原创 2021-03-05 13:00:36 · 149 阅读 · 1 评论 -
重排(回流)和重绘是什么?什么情况下绘触发重排和重绘?以及如何减少这种情况的发生。
页面渲染过程浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了Render Tree。有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点绘制到页面上。重排和重绘是什么?1、回流:当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程称为回流。每个页面至少需要一次回流,就是在页面第一次加载的时候。2、重绘:当页面中元素样式的改变并不影响它在文档流中的位置时原创 2021-03-02 23:10:34 · 1975 阅读 · 1 评论 -
js基本数据类型—原始值&引用值
一、原始值原始值里面分五大类:String <字符串>Boolean <布尔>Number <数字>Undefined < (声明不赋值)undefined:没有定义的 >Null <"空"表站位>原始值特点:不可改变的原始值,不可以有属性和方法 eg:“内存”原始值储存在 stack(栈)内存里 原始值是拷贝内容;例:var a = 10;var b = a;a = 20;console.原创 2021-03-02 16:10:40 · 839 阅读 · 0 评论