js中定义变量var 与 let的区别
let 与 var 的区别在于作用域不一样。let被用来做块作用域，它比函数作用域要小一点。 如果他们两个都没有被定义在函数中也没有定义在块作用域中，那么他们就都属于全局作用域。 var 和 let 声明的变量在全局作用域中被定义时，两者非常相似 let bar = 'hehe'; var baz ...
深挖【let, for与定时器】引发的疑惑
经典的问题 在一些文章中或者工作面试问题上，会遇见这种看似简单的经典问题。 for(var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }); } console.log('hello word'); /*output ...
3D 沙盒游戏之人物的点击行走移动
前言 在 3D 游戏中，都会有一个主人公。我们可以通过点击游戏中的其他位置，使游戏主人公向点击处移动。 那当我们想要实现一个“点击地面，人物移动到点击处”的功能，需要什么前置条件，并且具体怎么实现呢？本文带大家一步步实现人物行走移动，同时进行状态改变的功能。 一、骨骼动画 骨骼动画（Skeleton ...
前端都应该要掌握的防抖和节流
说到防抖和节流相信大家都不陌生，这两个东西大家可能多多少少都有用到过，最少也有听。简单来说，防抖和节流都是用来减少函数执行的频率，以达到优化项目性能或者实现特定功能的效果。 ...
前端中的防抖和节流
一、背景 在日常使用中，用户在进行搜索时，没输入一个字就会触发接口请求，这样就会造成网络请求繁忙；用户在下拉滚动调的时候，由于速度过快也会造成频繁触发接口调用。 二、防抖 防抖，顾名思义，防止抖动。用于将用户的操作行为触发转换为程序行为触发，防止用户操作的结果抖动。一段时间内，事件在我们规定的间隔 ...
前端性能优化
事件委托 事件委托（也叫事件代理）利用了事件冒泡，把监听函数绑定在父容器上。在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。 使用事件委托的优点： a.减少DOM操作，使事件处理时间减少。 b.减少内存空间的使用，提升性能。 简单例子： let myU ...
css文字垂直展示的方法
一、使用writing-mode（推荐使用） writing-mode：翻译过来是“写字 — 模式”，文本在水平或垂直方向上如何排布 有以下几个属性值： horizontal-tb: 水平展示，也就是横着展示文字，最平常默认的样式 vertical-rl：垂直展示，也就是上面图片上实现的样式 ver ...
解决使用 Eruda 绑定 dom 未在指定位置显示问题
前言 开发项目中，使用到 Eruda 打印控制台信息显示 文档：https://github.com/liriliri/eruda 安装 Eruda npm install eruda --save 引入 import eruda from "eruda"; 常使用方法 显示 eruda.show( ...
es2016 - 求幂运算符号 **
求幂 (**) - JavaScript | MDN GitHub - tc39/proposal-exponentiation-operator: Progress tracking for ES7 exponentiation operator 求幂运算符，一种将指数应用于基数的数学计算。已有的 ...
前端周刊：2022-8 期
前端周刊：2022-8 期 前端开发 为什么视频网站的视频链接地址是 blob？ 很详细的讲解了如何实现视频流式传输，还能防盗链 实时 html5 的 mp3 播放。再次体验数据格式 arraybuffer。 音频防盗链 前端工具箱-css 动画缓动函数预览及生成 css 动画缓动函数预览及生成 前 ...
vue 拖拽
1、左右容器拖拽 2、容器内位置拖拽切换 3、判断性拖拽（若不适配，鼠标显示禁止拖拽图标） 4、点击大标题，变输入框修改，最后提交表单 <template> <div> <div class="left_list"> <div class="_flex"> <transition-group tag ...
函数声明和函数表达式的区别
一、写法不一样 1 //函数声明 2 let res1 = sum1(10 , 20) 3 console.log(res1) 4 function sum1(num1, num2) { 5 return num1 + num2 6 } 7 8 //函数表达式 9 let res2 = sum2(1 ...