原创 VuePress搭建技術網站與個人博客

作者: 南宮__https://www.jianshu.com/p/37509da5a020前言只聽過vue,沒聽過vuepress?它可是新的vue全家桶成員之一,尤雨溪大神於2018年4月12日推出。不信?請看Evan You gi

原创 主流框架人人都會,怎麼做到一枝獨秀?

Vue3.0 Beta測試版已經出來大半月了,大家都有在新/小項目裏試用了嗎?以2.0的特點與現下對3.0測試版來說,3.0會默認進行懶觀察,會更加有效,也會有更精準的變更通知;操作起來也會更加地便捷,那我們今天一起探尋下3.0的特別之

原创 推薦三款博客建站生成器,總有一款適合你(粉絲福利:文末免費送華爲雲服務器、手環)...

大家好,今天和大家聊聊如何又經濟又快速的搭建一款個人博客站點。目前最流行博客建站方案莫非使用wordpress,但是使用 wordpress 你需要搭建 php 環境以及 mysql 數據庫環境,購買虛擬空間或服務器之類的。今天給大家推

原创 萬字解析微前端、微前端框架qiankun以及源碼

作者:曬兜斯https://segmentfault.com/a/1190000022275991本文將針對微前端框架 qiankun 的源碼進行深入解析,在源碼講解之前,我們先來了解一下什麼是 微前端。微前端 是一種類似於微服務的架構

原创 微前端框架是怎麼導入加載子應用的?

微前端似乎是最近一個很火的話題,我們也即將使用在生產環境中,接下來會更新一系列微前端源碼分析、手寫微前端文章廢話不多說,直接參考目前的微前端框架註冊子應用模塊代碼下面代碼,我指定的entry,就是子應用的訪問入口地址微前端到底是怎麼回事

原创 阿里架構師:淺談大型項目前端架構設計

作者:qq20004604https://juejin.im/post/5cea1f705188250640005472 1、綜合我在2年之前,寫過一篇中小型項目的前端架構淺談。隨着能力的上升,以及在阿里巴巴工作的經驗,是時候寫一篇大型

原创 23個常用的linux命令

來源 | https://segmentfault.com/a/1190000021439560前言一個前端好好切圖不好嗎?爲什麼要學 linux 呢? 嗯,真香 !1. ls 命令 : 顯示目錄內容列表Linux ls 命令用於顯示指

原创 GitHub 上值得收藏的100個精選前端項目!

作 者:小明小明長大了來 源:https://www.jianshu.com/p/72ca8192f7b8引言整理與收集的一些比較優秀github項目,方便自己閱讀,順便分享出來,大家一起學習,作者簡書上文章會持續更新,版權歸原作者所有

原创 從0到1,帶你嚐鮮Vue3.0

本文作者:開課吧然叔圖文編輯:開三金Vue 3.0 beta 了,帶着禿頭,轟轟烈烈地朝我們走來啦!作爲前端團隊的粉絲,怎麼能比別人學得晚呢?今天,然叔再來把Vue 3的源碼,給大家重新掰扯掰扯。跑步進入Vue3.0時代。二話不說跑通再

原创 前端也要知道的 Nginx 知識

隨着前端變革,Nginx也成爲了前端開發工程師必不可少應該具備的一項技能了,那nginx到底起的是嗎作用?其實Nginx一直跟我們息息相關,它既可以作爲 Web 服務器,也可以作爲負載均衡服務器,具備高性能、高併發連接等1.負載均衡當一

原创 Git 居然還有這麼高級用法,你一定需要

來自:Maxence Poutord 來源:New Frontend網站如果你覺得 git 很迷惑人,那麼這份小抄正是爲你準備的!請注意我有意跳過了 git commit、git pull/push 之類的基本命令,這份小抄的主題是 g

原创 100道+ JavaScript 面試題,助你查漏補缺

來源 | https://github.com/Wscats/articles最近在整理 JavaScript 的時候發現遇到了很多面試中常見的面試題,本文主要是在 Github 等各大論壇收錄的 JavaScript 相關知識和一些相

原创 動效案例:純手工寫一個滾動視差效果

大家好,今天我們一起來實踐一個滾動視差的動畫效果。雖然我們不是設計師,不擅長PS、AE,但是我們完全可以通過前端技術設計一幅漂亮的畫面,今天我們要設計一幅月下山間小道開車的畫面。在介紹之前,我們首先了解下什麼是滾動視差,有助於我們實現這

原创 12 種使用 Vue 的最佳做法

隨着 VueJS 的使用越來越廣泛,出現了幾種最佳實踐並逐漸成爲標準。在本文中,主要分享在平時開發中一些有用資源和技巧,廢話少說,我們開始吧。1.始終在 `v-for` 中使用 `:key`在需要操縱數據時,將key屬性與v-for指令

原创 動手練一練,用 CSS Checkbox Hack 技術製作一個響應式圖片幻燈

大家好,今天我們將一起學習下如何從零開始創建一個具有縮略圖功能的響應式圖片幻燈。這個案例我們無需編寫任何 JavaScript 代碼,這裏主要運用了 CSS checkbox hack 的技術進行實現。這個案例除了運用 CSS chec