首页
学习
活动
专区
工具
TVP
发布

js笔记

专栏作者
85
文章
52788
阅读量
17
订阅数
排序
冒泡排序 执行时间 📷 image.png let arr = []; for (let i = 0; i < 80000; i++) { arr[i] = Math.floor(Math.random() * 80000); } console.time('x'); sort(arr); console.timeEnd('x'); function sort(arr) { let temp; // 优化点,如果某次冒泡并没有交换,那后面都不需要交换了 let flag = false;
刘嘿哈
2022-10-25
1260
react源码调试
clone源码 git clone https://github.com/facebook/react.git 安装依赖 cd react yarn build源码 npm run build react/index,react/jsx,react-dom/index,scheduler --type=NODE 为源码创建软链 cd build/node_modules/react npm link cd build/node_modules/react-dom npm link create-react
刘嘿哈
2022-10-25
4530
it图片过滤灰色兼容
<template> <div :style="`width:${width}px;height:${height}px`"> <img :src="imgSrc" v-if="!isGray||!isIE11"> <div v-else> <svg overflow="hidden" preserveAspectRatio="none slice" :width="width" :height="height"> <image overfl
刘嘿哈
2022-10-25
7520
创建发布一个cli工具
执行kun create hellow,打印name: hellow。 现在支持 kun create <name>,kun -V,而且action中可以执行一下操作,并且能得到用户传入的参数。 6.安装 chalk.js 控制台粉笔工具,方便改变打印的颜色
刘嘿哈
2022-10-25
2.1K0
es6转es5思路
可以使用 @babel/parser 的 parse 方法,将代码字符串解析成 AST; 使用 @babel/core 的 transformFromAstSync 方法,对 AST 进行处理,将其转成 ES5 并生成相应的代码字符串, 就像vue处理模板一样,把es6代码识别为一段字符串,根据规则转成ast,然后根据映射表转换成es5的语法,然后转成es5字符串,最后转成js
刘嘿哈
2022-10-25
4430
webpack优化
webpack.config 按照production和dev分开配置, wepback.base.config.js
刘嘿哈
2022-10-25
1850
es2020 新特性
Javascript 的动态引入,允许你把 JS 文件作为一个模块动态的引入到你的应用中
刘嘿哈
2022-10-25
2040
es2021 新特性
网爆某女明星片酬1.6亿元,如果用数值表达就是160000000元,贫穷限制了0的的认知,数的好心累,es2021为了大家方便,添加了下面的写法,以下划线(_)任意个数分割
刘嘿哈
2022-10-25
1910
假设本地机器无法做加减乘除法,需要通过远程请求让服务端来实现。
请实现本地的add方法,调用addRemote,能最优的实现输入数字的加法。 async function add(...inputs) {
刘嘿哈
2022-10-25
2830
已知如下代码,如何修改才能让图片宽度为 300px ?注意下面代码不可修改。
1.利用border-box修改盒模型的计算规则,添加padding以减少content宽度
刘嘿哈
2022-10-25
2680
给定两个数组,写一个方法来计算它们的交集。
例如:给定 nums1 = [1, 2, 2, 1],nums2 = [2, 2],返回 [2, 2]。
刘嘿哈
2022-10-25
3690
箭头函数与普通函数(function)的区别是什么?构造函数(function)可以使用 new 生成实例,那么箭头函数可以吗?为什么?
4.箭头函数不可以做构造函数,不能使用new 关键字,因为new关键字是调用函数对象的constructor属性,箭头函数中没有该属性,所以不能new
刘嘿哈
2022-10-25
1.7K0
分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
会让元素完全从渲染树中消失,渲染的时候不占据任何空间。不能点击,子孙元素不继承该样式,但是由于display:none元素不渲染,所以子孙不可显示。
刘嘿哈
2022-10-25
2250
要求设计 LazyMan 类,实现以下功能
功能难点是要以指定顺序执行代码,方法调用顺序又不与执行顺序不对等,所以核心目的是创建一个任务队列,这个任务队列,必须是同步执行的,将子任务插入队列前面或者后面,依次执行这些任务 vue批量异步更新也似类是似的思想
刘嘿哈
2022-10-25
1780
冒泡排序如何优化?
大概是循环遍历这个数组 ,遍历次数为数组的length减1次,长度为3的数据,把前两个元素与其他每个元素比较一次即可,最后一个元素,被动比较即可(例如数组:[2,4,1],一共三个元素,length为3,排序需要比较两轮即可,第一轮2与4比较,因为2小于4,所以位置不动,下标向下移动一位,4和1比较,因为4大于1,所以位置互换,首轮排序结束结果:[2,1,4],进入下次循环,2和1比较,位置互换,下标向下移动一位,2和4比较,位置不变,排序结束) h代码实现
刘嘿哈
2022-10-25
4700
hooks实现思路
var wipFiber; //当前处理的fiber 处理function组件时给它赋值function的fiber // 该代码会在初始化和更新时执行 export default function useState(init){ // wipFiber.base是上一次的fiber,获取上次的hook // base是老fiber wipFiber.hooksIndex是这次的第几个 const oldHook=wipFiber.base&&wipFiber.base.hook
刘嘿哈
2022-10-25
1980
call 和 apply 的区别是什么,哪个性能更好一些
apply()和 call()的2个作用:给函数传参、扩充作用域;两个方法第一个参数意义相同,都是将该对象作为函数内部的this指向。 apply( ):两个参数,第一个是运行函数的作用域,第二个是参数数组(可以是array的实例,或者arguments对象)。虽然以数组形式传递,但是函数接收参数也是单个接受的形式接口的(当然可用es6 rest),当参数结构为数组形式,可以优先考虑apply方法。 call():参数个数不定,第一个是运行函数的作用域,其余传递给函数的参数逐个列出。 bind()方法主要就是将函数绑定到某个对象,bind()会创建一个函数,函数体内的this对象的值会被绑定到传入bind()中的第一个参数的值,再次调用,传入对应参数,函数会以准备好的this执行
刘嘿哈
2022-10-25
2760
双向绑定和 vuex 是否冲突
在严格模式中使用Vuex,当用户输入时,v-model会试图直接修改属性值,但这个修改不是在mutation中修改的,所以会抛出一个错误。当需要在组件中使用vuex中的state时, 使用带有setter的双向绑定计算属性。见以下例子(来自官方文档):
刘嘿哈
2022-10-25
2780
在 Vue 中,子组件为何不可以修改父组件传递的 Prop
所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。
刘嘿哈
2022-10-25
2.3K0
为什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做异步操作?
现在想象,我们正在 debug 一个 app 并且观察 devtool 中的 mutation 日志。每一条 mutation 被记录,devtools 都需要捕捉到前一状态和后一状态的快照。然而,在上面的例子中 mutation 中的异步函数中的回调让这不可能完成:因为当 mutation 触发的时候,回调函数还没有被调用,devtools 不知道什么时候回调函数实际上被调用——实质上任何在回调函数中进行的状态的改变都是不可追踪的。 Redux 先从Redux的设计层面来解释为什么Reducer必须是纯函数
刘嘿哈
2022-10-25
2.7K0
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档