原创 WeakSet集合和WeakMap集合

WeakSet集合和WeakMap集合分別和Set集合和Map集合對應,在WeakSet集合和WeakMap集合中內部儲存地址不會影響垃圾回收,而且不是一個可迭代函數。 在使用Set集合時,當添加的時候是一個對象時,刪除對象,Se

原创 手寫Promise源碼

const MyPromise = (() => { // 定義三種狀態 const PENDING = 'pending'; const RESOLVED = 'resolved'; const

原创 Set知識點和手寫模擬Set對象

Set對象 Set對象用於存儲任何類型的唯一值。 const s1 = new Set([1, 2, 3, 3, '3']) console.log(s1) // Set(4) {1, 2, 3, "3"} // [[Entri

原创 宏任務和微任務的一道經典面試題~

async function async1 () { console.log('async1 start'); await async2(); console.log('async1 end') }

原创 MutationObserver 監聽DOM對象的變化

MutationObserver 可以通過監聽DOM對象的子節點的變化(childList)、屬性的變化(attributes)和後代節點的變化(subtree),當以上內容發生改變時觸發回調函數。 實例化 MutationObs

原创 HTML前端基礎小案例(滿屋花)

滿屋花效果圖如下 效果圖拿到手的第一件事分析整體網頁佈局, 頁面基本框架的搭建 <!-- 文檔居中 --> <div class="center"> <!-- 頭部 --> <div class="top"> </di

原创 JavaScript 運算符知識點整理

算數運算符 算數運算符 描述 + 加 - 減 * 陳 / 除 % 取餘 + + 累加 - - 遞減 i ++ 與 ++ i 的區別 i ++:先賦值後計算, ++ i:先計算後賦值

原创 css3 過渡,轉換和動畫

css3 過渡,轉換和動畫過渡(transition)轉換(transform)動畫(animation)小案例(3D相冊) 在網絡快速發展的今天,靜態web頁面早已經不滿足人們的需求,因此我們需要更加炫酷的動畫渲染頁面,使得我們

原创 Node.js 搭建 web 程序 之 連接MongoDB

前兩篇我寫到 Node.js 搭建 web 程序 之 使用基礎 和 Node.js 搭建 web 程序 之 路由配置,現在這篇博客主要是講述的MongoDB數據庫。 下載安裝MongoDB和可視化工具RoboMongo Mongo

原创 微信小程序雲開發數據庫無法修改他人數據

在微信小程序雲開發中極大地方便了我們免搭服務器,免後臺的功能,官方爲我們提供了儲存和數據庫功能,當然這些功能也是有缺陷的。 今天來記錄一下數據庫權限的問題 官方給我們的數據庫權限在小程序端中有四種權限 所有用戶可讀,僅創建者

原创 算法基本練習

1、數列排序 問題描述 給定一個長度爲n的數列,將這個數列按從小到大的順序排列。1<=n<=200 輸入格式 第一行爲一個整數n。 第二行包含n個整數,爲待排序的數,每個整數的絕對值小於10000。 輸出格式 輸出一行,

原创 ES5 Array 中的API

ES5 Array 中的API判斷every() 語法some() 語法遍歷forEach() 語法map() 語法過濾filter() 語法彙總reduce() 語法 判斷 every() 語法 arr.every() 判斷ar

原创 ES6中Object的新特性

文章目錄成員速寫方法速寫計算屬性名is() 判斷assign() 混合對象setPrototypeOf() 設置隱式原型setPrototypeOf() 返回屬性名constructor 類的聲明getter 綁定屬性sette

原创 HTML5 canvas 畫布

畫布canvas 與 svgcanvas 能夠做什麼?創建一塊小畫布(canvas)創建畫筆(getContext('2d'))繪製矩形(fillRect(x,y,width,height))填充樣式(fillStyle)繪製圓形

原创 JavaScript 閉包的理解

在瞭解閉包之前,我們先來了解下局部變量和全局變量 局部變量 即爲定義在局部作用於下的變量,僅在這個作用域下被調用; 全局變量 即爲定義在window下,在任何地方都可以調用。 那麼他們有哪些優缺點呢? 局部變量用完會隨着當前程