原创 react入門-由vue到react開發的歷程

前言: vue與react同是兩個前端框架,也是目前最熱門的兩個;之前一直用vue開發,react用的十分少,現在由於公司是用react框架的,所以要從vue轉變過來。其實從vue到react是沒有什麼難度的,只要熟悉它的生命週期

原创 快應用快速開發攻略和踩坑講解

快應用是什麼: 快應用是基於手機硬件平臺的新型應用形態; 標準是由主流手機廠商組成的快應用聯盟聯合制定; 快應用標準的誕生將在研發接口、能力接入、開發者服務等層面建設標準平臺;以平臺化的生態模式對個人開發者和企業開發者全品類開放

原创 Mac上傳文件到阿里雲的Linux服務器,linux下載文件到Mac,unzip/zip壓縮和解壓文件

一.上傳 1.打開默認終端,左上角選擇新建遠程連接 2.選擇安全文件傳輸(sftp) 2.1.點擊右邊服務器下的加號添加你要連接的遠程服務器ip地址 2.2.添加成功後右邊服務器列表會出現你新加的這個ip地址,然後選中它;點擊

原创 vue源碼分析系列四:createElement和update

createElement Vue.js 利用 createElement 方法創建 VNode,它定義在 src/core/vdom/create-elemenet.js 中: // wrapper function for p

原创 推薦一個十分實用的VUE瀑布流插件Masonry

Masonry是最流行的瀑布流插件之一,配置簡單,功能強大,在Github上收穫了1.3w+ stars。如果你想使用瀑布流提升網站體驗,Masonry將是不錯的選擇。 啥是瀑布流: 是比較流行的一種網站頁面佈局,視覺表現爲參差

原创 前端算法:給定一個整數數組和一個目標值,找出數組中和爲目標值的兩個數、判斷一個整數是否是迴文數

<!-- 給定一個整數數組和一個目標值,找出數組中和爲目標值的兩個數。 你可以假設每個輸入只對應一種答案,且同樣的元素不能被重複利用。 示例: 給定 nums = [2, 7, 11, 15], target = 9 因爲 nu

原创 js獲取url地址中的每一個參數,方便操作url的hash及正則表達式的方式獲取在url上參數

js獲取url地址中的每一個參數,方便操作url的hash <html> <body> <script> //location.search; //可獲取瀏覽器當前訪問的url中"?

原创 全棧式開發,前端工程化,以nodejs,eggjs爲服務器語言,mysql爲數據庫,vue,vuex,wangeditor,i18n,webpack前端架構服務器端渲染ssr支持seo的博客網站

前言 下面介紹本人開發的個人博客,希望通過開源的方式一起學習和進步! 源碼地址 網站首頁-鋼琴家 1. 背景 該項目爲一個學習型的博客網站案例,畢竟每個it工程師都想有一個自己的博客嘛,適合初中級前端工程師;項目已經部署在阿里雲上

原创 vue源碼分析系列:用sourcemap調試源碼

由於前幾篇文章是用vue-cli直接分析的,今天我們學習直接調試vue源碼。 安裝vue(mac機) 1.在GitHub上克隆官方的vue-地址 2.安裝依賴npm install 修改vue項目 1.在package.json

原创 從0到1架構webpack+vue前端項目,你自己搭建過vue開發環境嗎

前言: 平時大家開發vue項目的時候,相信大部分人都是使用 vue-cli腳手架生成的項目架構,然後 npm run install 安裝依賴,npm run serve啓動項目然後就開始寫業務代碼了。對項目裏的webpack封裝

原创 vue-cli4.0+nodejs多個項目共用組件動態打包單個項目

前言: 公司經常會有一些活動,爲了配合活動開發人員需要開發一些h5頁面來配合活動,剛開始活動不多,所有活動頁面都放在一個項目目錄下,webpack共用一個固定打包入口,對路由(vue-router)和狀態管理(vuex)進行模塊劃

原创 gitlab-ci前端在阿里雲實現nodejs可持續化集成部署

前言 不甘心當一個切圖仔,所以什麼都要學一下;可持續化集成是一個項目工程架構的問題;但在這篇文章中我將它縮小到了前端的領域內。 必要條件 一臺阿里雲服務器-2核4G以上(CentOS7-ECS我的心好痛800大洋) 技術棧

原创 詳細理解重繪與迴流/重排的過程

前言:重繪與迴流是由於瀏覽器的再次渲染所引起的一個話題,所以我們需要先了解瀏覽器的渲染過程; 一個前端頁面無非就是有html、css、JavaScript組成的。 tips:網上有迴流和重排兩個說法,其實都是一個意思 通常來說,渲

原创 vue源碼分析系列三:render的執行過程和Virtual DOM的產生

render 手寫 render 函數,仔細觀察下面這段代碼,試想一下這裏的 createElement 參數是什麼 。 new Vue({ el: '#application', render(createEle

原创 vue源碼分析系列一:new Vue的初始化過程

import Vue from ‘vue’(作者用的vue-cli一鍵生成) node環境下import Vue from 'vue'的作用是什麼意思? 在 NPM 包的 dist/ 目錄你將會找到很多不同的 Vue.js 構建版