loisandyu的博客

flex是 flex-grow， flex-shrink，flex-basis 的缩写flex取值flex-growflex-shrinkflex-basis默认值01autonone00autoauto11auto非负数字（例如flex:1）非负数字（1）10%长度或百分比（flex:1px或flex:10%）11长...

软件安装Vscode安装Vscode下载网址：https://code.visualstudio.com/点击Download直接下载 双击.exe文件 一直点击【Next】按钮即可安装Npm安装Node下载网址：https://nodejs.org/zh-cn/点击Download直接下载 双击.msi文件 点击【Next】按钮 勾选复选框同意协议，点击【N...

window属性：名称 理解 window.innerWidth width + padding + border + 纵向滚动条宽度,只读 window.innerHeight height + padding + border + 横向滚动条高度，只读 window.pageXOffset 整个页面水平方向滚动的像素值，只读 window.pag...

方案通过webpack的postcss-loader+postcss-css-css-variable编译生成固定的代码例如：:root { --white: #fff; --black: #000;}a { border: 1px solid var(--white);}span { color: var(--black);}通过webpack的pos...

1.包含在函数内的代码叫做函数代码，而在所有函数以外的代码叫做全局代码2.js不能选择和修改还没创建的节点，所以script要放在底部3.所有在某个js代码执行期间用户创建的全局变量都能正常的被其他脚本元素中的js代码所访问到。4.addeventListener可以为dom注册多个事件5.箭头函数 ，如果函数体是一个代码块，那么返回值则与普通函数一样，如果没有return语句，返...

webpack性能优化1.不要让loader做太多事情2.处理第三方库3.构建结果体积压缩 a.文件可视化，找出导致体积过大的原因 b.拆分资源（可通过使用await import动态导入文件，这样动态导入的文件会被拆分出来打包） c.删除冗余代码 d.按需加载4.webpack Gzip压缩5.使用happypack,打包文件变成并行打包，可大大提高速...

OSI七层交换“参考模型”物理层     物理学家、通行工程关心的，考虑材料，电压等问题链路层     内网寻址    ARP网络层     外网寻址    IP/ICMP传输层     维持通信稳定性   TCP表示层      统一各个网络结构会话层      记录状态应用层       应用细节   http、FTP、SMTP 五层模型物理层     ...

运行node程序1.进入目录2.运行  node xx.js3.新建service.js文件const http = require("http");let server = http.createServer(() => { console.log('有人执行')});server.listen(8088);4.运行  node server.js（...

html5:1.geolocation---定位2.video,audio3.LocalStoragecookie:   小   4k   浏览器和服务器共享LocalStorage：大   5m   浏览器独享4.WebWorker    多进程5.WebSQL,IndexDB----存在安全隐患     W3C删除了6.文件操作和拖拽7.canvas---画...

首先你需要安装node.js1.新建一个babel文件夹,打开命令窗口（windows命令+r键），输入cmd,cd进入babel文件夹2.cnpm init --y(生成一个默认的package.json文件)3.cnpm install babel-cli -D4.cnpm install --save-dev babel-preset-es20155.新建一个.babelrc文件...