原创 webpack打包體驗之plugin(html-webpack-plugin)

在上一個章節中,刪除掉src下的inde.html文件, npm i -D html-webpack-plugin插件;當前demo的使用版本 然後到webpack.config.js中使用: 運行npm run dev,就可以在di

原创 js 字符串'false'或者'true'轉換成boolean大方法

方法一: JSON.parse('false') 注意:new Boolean('false')這個時候,得到的值是布爾類型的true 方法二: String.prototype.bool = function() { ret

原创 jQuery解決衝突noConflict方法源碼解析

var _jQuery = window.jQuery, _$ = window.$; // jQuery 初始化的時候,把可能存在的window.$和window.jQuery備份到局部變量_$和_jQuery。 jQuery.

原创 jQuery總體設計

1、jQuery設計理念以及核心特性? jquery的設計理念是:write less, do more;寫更少的代碼,做更多的事; 核心特性: 1、兼容主流的瀏覽器:支持IE6.0、Chrome、Firefox 3.6+、Safari

原创 vue 什麼是Virtual Dom?

virtual Dom是什麼?         Vue 2 和react一樣使用了virtual Dom的技術,virtual Dom不是真正意義上的dom,而是一個輕量級的JavaScript對象,在狀態發生變化時,virtual Do

原创 瀏覽器是如何呈現一張頁面的?什麼情況下瀏覽器會進行layout?

一個瀏覽器有很多個模塊,其中負責呈現頁面的是渲染引擎模塊,呈現頁面的過程是這樣的: 1、解析HTML,並生成一顆DOM tree; 2、解析各種樣式並結合DOM tree生成一顆Render tree; 3、對Render tree的各個

原创 js專業術語

常量 、變量、數據類型 形參、實參 匿名函數,具名函數、自執行函數 函數聲明、函數表達式 堆、棧 同步、異步、進程、線程等 以上專業術語你都熟悉嗎?

原创 import export 和babel

使用babelimport轉換成node能使用的語法: 安裝:npm install babel-cli babel-preset-env -D; 添加.babelrc文件: { "presets": [ [

原创 遍歷器生成函數(interator.js)

function makeInterator(arr) { let nextIndex = 0; return { next: function() { if (nextIndex < arr.length)

原创 商學院·基礎(筆記)----01心理賬戶

概念:把錢分門別類存放在不同的心裏賬戶==>雖同一室但彼此獨立。 案例:聽音樂會前如果丟了200塊,得看這200塊是爲什麼準備的,如果是充值公交卡的話,那大多數人還是會選中繼續去聽音樂會,如果是爲買音樂會門票用的呢,那相當一部分人會選中不

原创 商學院·基礎----02 不要爲打翻的牛奶哭泣(沉沒成本)

概念:人們在決定做一件事情的時候,不僅僅看這件事未來對他是不是有好處,同時也會考慮自己在過去是不是,已經在這件事上做了投入。這是一種有趣的非理性的心理學現象,稱爲沉沒成本,也叫協和效應。 案例:英法兩國政府聯合投資開發大型的超音速客機,叫

原创 centos7.6環境下安裝nvm和node

1、安裝git:  sudo yum install -y git 或者 yum install git 2、安裝nvm: git clone https://github.com/creationix/nvm.git sourc

原创 JavaScript this的5中應用場景

用一句話總結this的指向:this是在調用函數的時候,根據執行上下文所動態決定 。 應用場景一:當函數自然執行的時候,this是undefined或者window;例如 function myFunction() { co

原创 js 閉包

概念:有權訪問兩一個函數作用域中的變量的函數--->能夠讀取其他函數內部變量的函數 function demo () { var top = ''; function c() { xxx.innerHTM

原创 學習如何手擼類似promise類---DIYPromise類(未完)

  第一步:列出三大塊:this.then, resolve/reject fn(resolve/reject) 第二步:this.then負責註冊所有的函數,resolve/reject負責執行所有的函數 第三步:在resolve/re