JavaScript代码整洁（ Clean Coding ）最佳实践代码整洁（ Clean Coding ）是什么意思？所谓的clean code 字面上就是整洁代码的含义，落实到我们工程师日常coding中就是如何写出看上去干净、逻辑清晰、有一定抽象能力扩展性好的代码。写的代码是方便和同事协作开发，不单单是为机器编写，所有，代码尽可能让人容易理解。这些文字的定义显得不那么生动形象，看看下图左侧的就是clean code，右侧的就是WTF(让人看见想骂xx的意思) code。那么有的人会问clean code也有WTF，是不是还不是真正的clean code，如果你是一个追求极致的人那么这个问题没毛病。但是我想说的是没有什么代码没有0 WTF的，及时所谓非常整洁规范、干净的代码也或多或少是些小毛病。所以我们工程师能够向着0 WTF的方向去努力去优化自己的代码就是成功的。现在我们知道了开发者的目标是什么了，下面来一起看看最佳实践吧！变量应该如何命名？使用有意义且准确的名称，不要因为有长的名称而节省几个键盘敲击。如果您遵循此实践，变量会变得方便搜索，当你需要重构或者查找某些关键字的时候会有
1.cookie本身不是用于本地存储的，用于浏览器与服务端通信。可用document.cookie = '' 来修改，前后端均可修改。存储大小为4KB，http请求时会携带到服务端，增加服务端压力，请求数据量。修改API不合理。2.localStorage 和 sessionStorageHTML5新增专用于本地存储的，大小为5MB，API简单合理（setItem，getItem），不会随http请求发送。localStorage 永久存储，除非代码删除或手动删除；sessionStorage 会话存储，浏览器关闭会清空；一般localStorage 用的比较多。
// Promise Ajax方法 function ajax(url) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.onreadystatechange = () => { if (xhr.readyState === 4) { if (xhr.status === 200) { resolve(JSON.parse(xhr.responseText)) } else if (xhr.status === 404) { reject(new Error('404 not found')) } } } xh
1.手写简易Ajax//Ajax - GET请求 const xhr = new XMLHttpRequest(); // true 为异步，false为同步 xhr.open('GET', 'URL', false) xhr.onreadystatechange = () => { if (xhr.readyState === 4) { if (xhr.status === 200) { console.log(xhr.response); } } } xhr.send(null) //Ajax - POST请求 const post = new XMLHttpRequest(); // true 为异步，false为同步 post.open('POST', 'URL', true); post.onreadystatechange = () => { if (xhr.readyState === 4) { if (xhr.status === 200) {
1. 什么是宏任务和微任务JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是：① 宏任务（macrotask）： 宿主环境提供的异步方法都是宏任务script全部代码异步 Ajax 请求setTimeout、setInterval文件操作DOM事件I/OUIrendering② 微任务（microtask）：语言标准提供PromiseAsync / AwaitmutationObserverProcess.nextTick(Node独有)2. Event Loop 和DOM渲染console.log('script start'); setTimeout(() => { console.log('setTimeout'); }, 0); new Promise((resolve) => { console.log('promise1'); resolve(); }); const div = document.createElement('div') div.innerHTML = '<h1>hello<
Gonwe
心同流水净，身与白云轻
