10后程序员劝退师

摘要： 大致效果 const items = document.querySelectorAll('.list-item') const playGroud = document.querySelector('.playground') const list = document.querySelector 阅读全文

摘要： const PENDING = 'pending' const FULFILLED = 'fulfilled' const REJECT = 'rejected'; class MyPromise { #state = PENDING #result = undefined #handler = [ 阅读全文

摘要： 1. drop-shadow 函数 如果给png的图片设置阴影 通过box-shadow 就会变成这样 但可以通过fliter来重新实现 会变成这样 .header{ //box-shadow: 10px 10px 10px #000; filter: drop-shadow(10px 10px 1 阅读全文

摘要： <div class='form-block'> <lable class='lable'> <span>账户</span> <input required class='txt' type='text'/> </lable> </div>r 1. .form-block:focus-withinf 阅读全文

摘要： 如果项目中打包的体积过大的话，首先可能会享到路由懒加载，分包，但是终究效果不是很明显。 我们用 webpack-bundle-analyzer 打开一个包分析管理。npm run build会自动 打开分析管理 也可以package.json中 自定义配置命令 "analyz": "NODE_ENV 阅读全文

摘要： srcipt中有三种加载方式 normal， async，defer normal - loadingDOM 中遇到了 <script> 会优先加载 再执行，最后继续loadingDOM的加载。 async - loadingDOM 中遇到了 <script async> 会异步去加载，再执行，不影 阅读全文

摘要： 封装一个公共函数，运用在 上传文件时使用 export const checkFileRealType = (file:any) => { return new Promise((resolve, reject) => { const reader = new FileReader() reader 阅读全文

摘要： // 原对象 const info = [ { name: "A", value: 4, }, { name: "B", value: 7, }, { name: "C", value: 10, } ]; // 期望对象 { A: 4, B: 7, C: 10, } // reduce： const 阅读全文

摘要： /** * * @param {*} datas * @param { Function } consumer * @param { Function } [chunkSplitor] * @returns * @example * const consumer = (item, i) => { * 阅读全文

摘要： const shapes = []; var animate // 画布初始化 export const canvasInit = () => { const cvs = document.querySelector('canvas'); const ctx = cvs.getContext('2d 阅读全文