php大法好啊,作為一個后端我也是經常需要接觸前端開發。
我常用的主要有兩款:
vue.js
angular.js
我項目的一般架構一般的話是需要做手機端和pc后臺的。
手機端的話我選擇使用的是vue,因為這個比較輕量級。用起來也很方便。而在pc后端的話我用的是angluar
國內外的流行度(聽說)vue和react(我還沒用過)這兩款目前是在國內比較火的,特別是nodejs火起來之后。而且nodejs+vue是一個挺不錯的方案。
而在國外,聽說是angular比較火一下,但是具體我也不知道畢竟沒有出國工作過。這里分享的是聽來的信息。
怎么學習angular?我個人是比較喜歡angular這款的。所以這里跟大家分下我怎么學習它的。
一定要看第一手資料,盡管她可能是英文的。angluar文檔就是英文的。
為什么?
你要知道英文是一個很直白的語言,它不像中文那樣有各種各樣的說法。如果你看的是別人翻譯過來的,而且它翻譯過來的還不一定就是二手的資料,也有可能看的是別人翻譯后的各種版本然后綜合自己的理解再來跟你說。這時候它可能就已經跟它的原文差很多了。其實有些地方可能沒有這么復雜但是你一看別人的理解,蒙了。
所以再次強調,一定要看第一手資料。
如果英文不行的話可以用各種翻譯工具輔助。
作為一個程序員來說,你必須要具備看英文文檔的能力。
分享個開源項目快速開發框架,采用spring cloud alibaba +nacos +vue的 技術棧,實現了大部分
釘釘宜搭的快速開發功能,很值得借鑒下。這是在git上開源的快速開發項目,項目采用微服務為基礎的腳手架,包括流程、表單、列表、圖表、應用等多個界面化的配置引擎。項目介紹:**JVS的核心目標:**讓中小型開發團隊過得輕松一點,優化開發團隊人力成本高、交付效率低、質量不可控、周期不確定、基礎技術投入不足、高端技術支持不夠等JVS是面向軟件開發團隊可以快速實現應用的基礎開發框架,采用微服務分布式框架,提供豐富的基礎功能,集成眾多業務引擎,它靈活性強,界面化配置對開發者友好,底層容器化構建,集合持續化構建。項目標簽低代碼、微服務、支持SaaS、私有化部署、DevOps、開源項目地址框架前端地址:https://gitee.com/software-minister/jvs-ui框架后端地址:https://gitee.com/software-minister/jvs快速安裝地址:JVS/jvs-docker-compose體驗地址:http://frame.bctools.cn/#/login登陸可以通過微信掃碼登陸,對于配置數據,請各位技術同學手下留情。部署文檔https://gitee.com/software-minister/jvs-docker-compose/blob/master/readme.md**物理拓撲:技術文檔地址(微信登陸可查看):技術棧說明:系統部分截圖:登陸頁面配置化首頁系統基礎信息設置框架基礎功能應用創建列表配置流程配置表單配置圖表配置邏輯配置demo環境:http://frame.bctools.cn/#/login開源地址:https://gitee.com/software-minister/jvs如果還有其他的疑問,可以私信隨著互聯網和相關技術的發展,確實現在的前端框架越來越強大了,但是并不是說現在的前端框架就放棄了HTML的常規用法,所有的前端應用依舊是建立原有的HTML,CSS,JS的基礎上的,依舊是遵照W3C標準去執行的。
畢竟最終呈現這一切的是瀏覽器,如果我們的標準和用法發生變化,首先就會從瀏覽器發生改變,但其實我們現在的瀏覽器并沒有變,我們再新的網站,用谷歌很舊版本的瀏覽器依舊可以訪問,當然兼容性上可能會存在一些些問題。
不過,HTML和JavaScript確實是在發展,HTML里面加上了很多新的屬性,2008年的時候,HTML 5正式發布,不過當時的瀏覽器其實并不能很好的支持HTML 5,直到2012年,HTML 5的位置才算是穩定下來。JavaScript也是同樣,它的版本一直都在迭代,從1997年誕生的ECMAScript(ES) 1.0 版本,到現在已經ES10了,但是瀏覽器對于ES的兼容還停留在ES6的水平上,只是我們想了更多的方案在前端的框架上。
簡單來說,原有的渲染方式是先加載HTML,然后加載CSS進行渲染,然后加載JS進行渲染,這樣的方式開銷小,但是速度慢。而現在的渲染方式是先進行Virtual DOM(VDOM)的渲染,然后一次性將VDOM映射到DOM上,這樣來加快渲染速度,但是缺點就是開銷會變大。
不過我們計算機的性能現在已經很強大了,這么一點點的開銷其實影響并不大,因此也就讓現在的前端框架越來越喜歡新的這種渲染模式。
例如:我們原有的<select>標簽,使用的時候就會使用傳統的渲染方式,開銷很小,但是確實外觀上有時候不太符合現在人的審美,即使通過CSS各種美化,但是也有點不盡如人意。因此,我們現在的框架中,大多使用<div>的方式,配合JS設計了新下拉控件,雖然開銷大了一些,但是加載速度快,好看且功能強大。
也由于這些各種自定義控件的出現,讓原有的Form POST方式變得有點不太夠用了,所以,基于Ajax的各種交互方式也就出現了。當然,這并不是說就放棄了傳統的HTML,我們依舊使用的是傳統的HTML,只是在它之上做了加工,讓他能夠更好,更符合現在人的使用習慣和審美。
而類似Vue,React,Angular這樣的前端框架,也是為開發者提供了更多的便利,讓開發者可以更專注于交互和功能,在一些簡單的技術層面處理就交給了框架。