原创 es6數組學習總結

===================數組新增API===================== 靜態方法: Array.of(...args): 使用指定的數組創建一個新數組 例如:const

原创 yarn 學習總結

yarn 簡介 yarn 官網:https://www.yarnpkg.com/zh-Hans/ yarn 是由Facebook、Google、Exponent 和 Tilde 聯合推出了一個新的 JS 包管理工具,它仍然使用

原创 es6 模塊化學習總結

===============commonJS================== 在node.js 中,由於有且僅有一個入口文件(啓動文件),而開發一個應用肯定會涉及到多個文件的配合, 因此,node.js

原创 js 將圖片轉化成黑白

效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

原创 pnpm 的原理

pnpm 原理 概念 要徹底理解pnpm是怎麼做的,需要有一些操作系統知識 文件的本質 在操作系統中,文件實際上是一個指針,只不過它指向的不是內存地址,而是一個外部存儲地址(這裏的外部存儲可以是硬盤、U盤、甚至是網絡)

原创 vue 手動實現小喇叭,待動畫效果

<template> <div class="trumpet-div"> <div class="box"> <div class="trumpet-back"></div>

原创 node的其他包

cnpm 官網地址:https://npm.taobao.org/ 爲解決國內用戶連接npm registry緩慢的問題,淘寶搭建了自己的registry,即淘寶npm鏡像源 過去,npm沒有提供修改registry的功能,因

原创 webpack打包編譯結果的原理分析

/** * 這是webpack打包的編譯結果的原理,首先一個立即執行函數,這樣使得調用js後立即執行 */ (function (modules) { // 使用一個對象來緩存所有的模塊,這樣使的不會重複導入模塊

原创 全網最全面的npm包管理學習

包管理工具概述 本門博客的前置知識:JavaScript、ES6、模塊化、git 本門博客的所有代碼均書寫在 nodejs 環境中,不涉及瀏覽器環境 概念 模塊(module) 通常以單個文件形式存在的功能片段,入口文件通常稱

原创 js for循環 遞歸 return 失敗

// 非常nice 的遞歸方法: for (let i = 0, len = menuList.length; i < len; i++) { console.log(Number(menuList[i].id), Number(

原创 手動實現es6的set集合 模擬set集合實現對應的功能

// 底層實現set, 手寫實現set, 爲了更加深刻的理解set集合 class MySet { // 此處定義一個數組來模擬set, 原生的set是用c或者c++ 可以操作瀏覽器底層的設計

原创 python使用極限方法求 π (隨機數)

# 實現π的計算 import random import time # 隨機點的個數, 點越多,月精確, 取極限的思想 DARTS = 10000 # 在圓弧裏面點的個數 hits = 0.0 start = time.ti

原创 es6 map 學習總結

=====================map======================== map集合專門用於存儲多個鍵值對數據,鍵值對(key value pair) 數據集合的特點:鍵不可重複 在map

原创 vuejs+typescrpt使用變量獲取this屬性報錯解決辦法 Element implicitly has

初學typescript 報了一個this裏面不能夠使用變量(這裏代碼運行不會報錯,只是對於代碼潔癖的同學來說,有下劃線不好看)。然後百度了一下。發現原來this裏面使用變量需要事先聲明。所以解決辦法如下: 這樣代碼就不會

原创 es6的 set 學習總結

================set 集合======================= 一直以來,JS只能使用數組和對象來保持多個數據,缺乏像其他語言那樣擁有豐富的結合類型 。因此,ES6 新