前端开发随笔

常用软件 vsCode/微信开发者工具/hbuild X/node,js/git/sourcetree/tortoiseGit/各种浏览器

一.重排和重绘

重绘是浏览器会根据元素新的属性呈现新的外观；

重排是dom树触发某种变化，渲染树需要重新计算。浏览器对DOM 树进行重新排列；这便是重排。

总体而言：重排必然导致重绘，重绘不一定导致重排

二.闭包

概念：指有权访问另一个函数中的变量的函数，一般表现为函数嵌套。

作用：访问环境内部变量，保持函数一直在环境中存在，避免垃圾回收机制处理

示例：

function fun(){
    let num = 2
    function foo(){
        console.log(num)
        num++
    }
    return foo
}
var num = 5
var fun1 = fun()
var fun2 = fun()
fun1()    //2
fun1()    //3
fun2()    //2
console.log(num)    //5

三.js引入的几种方式

1.行内引用（标签事件）

2.内部引入（html页面通过script标签写入js代码）

3.外部引入（外部js文件）

鼠标右键事件@contextmenu 

鼠标右键自定义事件（去除浏览器默认鼠标右键事件）@contextmenu.prevent

three.js  

3D文件选择

1. OBJ文件

优点：适用于3D打印机、3dmax、maya、LightWave等主流软件。Obj文件包含两个文件一个是.obj另一个是.mtl，适用性好

1. Draco-gltf

优点：数据量较少，官方统计可以将gltf3D文件缩写数十倍