原创 瀏覽器輸入url到顯示過程,引發出的N個問題(面試常問問題)(1W+字,10+知識點,原創個人理解)

 當面試官拋出這個問題的時候,你是否信心滿滿的回答:     1)域名dns解析     2)解析成ip之後建立與服務器的連接(三次握手)     3)與服務器建立連接之後,發送請求,     4)服務器接受請求之後,處理請求並完成響應

原创 將create react app wepback3升級到webpack4(本人實踐)

create react app webpack3升級webpack4操作指南。 本文參考鏈接:https://zhuanlan.zhihu.com/p/45506253 1. 安裝webpack4.0 官方升級命令: yarn add

原创 個人模仿某線上商城源碼貢獻(vue + vant客戶端,koa虛擬數據服務端,以及文檔說明)

項目介紹: 該項目基於vue-cli3.5 + vant,模仿某一線企業線上商城改版,僅供初學者快速學習與實踐。項目截圖: 該demo的作用: 其一提供真實應用場景的使用入口,幫忙理解方法; 其二提供真實api的調用,避免新手入坑。 前置

原创 個人模擬虛擬dom(Virtual Dom)同步頁面方法過程及思維,包含diff初級算法

  背景:dom對性能的消耗特別高,因此前輩們提出用js對象模擬dom的操作,計算出最後需要更新的部分。而dom本身的算法的時間複雜度是O(n ^ 3)。這時react團隊,提出了diff算法!(本案例提供核心代碼,以及完整案例) 簡單理

原创 個人模擬虛擬promise實現

promise,爲解決javascript異步回調而誕生。es6自帶,下邊源碼方便大家理解promise的過程。 個人覺得promise的核心設計: 所有函數都是一個promise。每個promise均爲自定義狀態pedding,reje

原创 常用webpack的優化(自我總結版)

構建速度的優化:1.HappyPack   基於webpack的編譯模式本是單線程,時間佔時最多的Loader對文件的轉換。 開啓HappyPack,可以講任務分解成多個進程去並行處理。   簡單配置:     new HappyPack

原创 centerOS7安裝node(個人實踐版)

1.第一步安裝nvm 下載nvm:wget https://github.com/cnpm/nvm/archive/v0.23.0.tar.gz 解壓nvm:tar -xf v0.23.0.tar.gz 啓動nvm:     進入解壓目錄

原创 centerOS安裝禪道(個人實踐版)

1.查找適合你的包 https://www.zentao.net/download/80107.html centerOS7使用: wget http://dl.cnezsoft.com/zentao/biz3.0/ZenTaoPMS.b

原创 centerOS7搭建jenkins(基於tomcat啓動版本)(個人實踐版)

1.手動下載http://mirrors.jenkins-ci.org/war/latest/拖過去   2.到達tomcat的目錄 cd /usr/local/src/apache-tomcat-8.5.37 3.創建文件夾 cd ./

原创 前端模塊化方式個人彙總(amd, cmd, commonjs, es6)

模塊化的規範準則:AMD(預加載),CMD(懶加載)   常用模塊化有四種:CommonJS, ES6 , AMD,SEA   Node模塊化,包含CommonJS,AMD,CMD(懶加載(sea.js),其他均爲預加載) ES6全稱EC

原创 javascript常用新建框架命令彙總(express,koa2,vue-cli 2.0 ,3.0,react)

  1)express項目搭建 1.cnpm install express express-generator -g 初始化express基本框架 2. express --hbs myNode(還有pug,ejs) 創建項目 3.cn

原创 centerOS7搭建Nginx(個人實踐版)

一、安裝編譯工具及庫文件 yum -y install make zlib zlib-devel gcc-c++ libtool  openssl openssl-devel   二、安裝 PCRE PCRE 作用是讓 Nginx 支持

原创 react + antd個人表格組件化,以及源碼分享。

使用:     頁面只需引入對應模塊:import MyTable from '../component/myTable.js';     對應的組件爲:     <MyTable columns={this.state.columns}

原创 (原創)搭建個人maven私服(附windows,nginx,nexus版本)

爲什麼要搭建maven私服? 1. 可自定義jar包,達到公用的目的。 2. 可以搭建自己的內網maven,脫離外網環境,提高下載效率 nexus下載官方地址:https://www.sonatype.com/download-oss-