整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
中級
半小時
有一定編程經(jīng)驗。
Typescript
什么是“index.html”？
官方是這樣描述的：
這是別人訪問你的網(wǎng)站是看到的主頁面的 HTML 文件。 大多數(shù)情況下你都不用編輯它。 在構(gòu)建應(yīng)用時，CLI 會自動把所有 js 和 css 文件添加進去，所以你不必在這里手動添加任何 <script> 或 <link> 標(biāo)簽。
從中我們可以得出以下三點：
“index.html”位置及內(nèi)容如下：
具體內(nèi)容：
這就是一個普通的html。
里面只說兩點，第一點是我們之前講解過的網(wǎng)站頭像“favicon.ico”，還有一點是沒有講解過的“app-root”組件選擇器。后者是重點。
首先，我們來看看網(wǎng)站頭像，這個之前講解過，但是在“index.html”里面還沒有講解。
涉及到的代碼如下：
這是一個icon的引用，將“favicon.ico”設(shè)置為網(wǎng)站頭像。
注意看，href屬性值直接寫的是“favicon.ico”，也就是說“favicon.ico”所在的目錄是和“index.html”是同一個目錄。
接著往下看，我們會看到一個比較奇怪的標(biāo)簽：
Q：這個標(biāo)簽叫什么？
這個叫組件選擇器也叫CSS選擇器。
Q：什么叫組件選擇器？
從它的名字中可以得知兩點：組件和選擇器。其中選擇器是組件在HTML中的名字。
Q：什么是組件？
官方描述：
組件控制屏幕上被稱為視圖的一小片區(qū)域。
不知道對官方描述有沒有理解，沒理解也沒關(guān)系，下一章就會詳細(xì)講解到什么組件。
Q：app-root這個組件選擇器實際對應(yīng)的組件是什么？
app-root組件選擇器對應(yīng)的是應(yīng)用中AppComponent組件。
Q：AppComponent組件在哪？
如圖所示，中app目錄下的“app.component.ts”文件中，用Typescript寫成。
它的具體內(nèi)容如下：
Q：我在圖片中看到了“app-root”，想問包括它自身所在的這一行是什么意思？
官方描述：
selector：是一個 CSS 選擇器，它會告訴 Angular，一旦在模板 HTML 中找到了這個選擇器對應(yīng)的標(biāo)簽，就創(chuàng)建并插入該組件的一個實例。 比如，如果應(yīng)用的 HTML 中包含 <app-root></app-root>，Angular 就會在這些標(biāo)簽中插入一個 AppComponent 實例的視圖。
這個描述應(yīng)該很清楚了，將組件的視圖插入到選擇器所在的位置。
至此，“index.html”相關(guān)的講解就先告一段落了，里面還有其它沒有講解的內(nèi)容暫時不作重點。
后續(xù)還會再接觸的，用到時再作分析。
如果大家有問題或想了解更多前沿技術(shù)，請在下方留言或評論，我會為大家解答。
Angular第十八章：應(yīng)用入口“main.ts”
Angular第二十章：app開發(fā)目錄
加入同步學(xué)習(xí)小組，共同交流與進步。
如果你也熱愛前沿技術(shù)，歡迎關(guān)注我們。
原創(chuàng)不易，未經(jīng)允許不得轉(zhuǎn)載！
有人說我只會只會簡單的html 能不能做安卓（android）手機上的app呢？答案是可以的。什么是android呢，用過手機的估計都知道了。App就是手機上的應(yīng)用軟件，一種移動客戶端軟件。掌握html，你就可以做一個HTML的網(wǎng)站了，這也不是APP啊。其實 我們利用html寫出手機屏幕大小的web頁面 讓后放入手機瀏覽器內(nèi)執(zhí)行，就是一款web app了。在幾年前的工作中有做過手機App項目，pc前端和android和ios程序員配合完成整個項目的開發(fā)，這也讓我產(chǎn)生了學(xué)習(xí)android和ios程序開發(fā)的興趣。于是寫了第一個android程序first_app，分享給其他也想學(xué)習(xí)android移動開發(fā)的朋友或是好奇安卓app是怎么制作的朋友。Web app 也是app 的一種。可以把這個Html頁面打包成app。本質(zhì)上都是web，都是利用html、css、js構(gòu)建的網(wǎng)站，不同的是，webapp利用框架技術(shù)等讓你有了在使用App的感覺（比如頁面不跳轉(zhuǎn)刷新等）。這方面做的最好的是 HBuilder。使用它，你可以使用網(wǎng)頁（html+css+js）快速地創(chuàng)建APP應(yīng)用程序。并在android手機中展示和使用。（當(dāng)然如果網(wǎng)頁做得好的話，采用響應(yīng)式布局，即可在手機上完美展示）。hbuilder優(yōu)點：速度快，所需要的環(huán)境少，加快了開發(fā)者速度，不會因為各種JDK，java，Android環(huán)境而無法打包生成apk或ipa頭疼，大大減少了開發(fā)繁瑣操作。
我們首先打開web開發(fā)工具h(yuǎn)builder，新建一個項目如圖：
新建完成后， 在項目管理器會顯示新建的項目目錄，其中css，img，js和index.html這幾個文件可刪可改可替換。
unpackage文件夾是放置app圖標(biāo)和啟動界面的圖片。
1和2是mui框架，需要的css和js文件，不懂可以不用動。
頁面入口默認(rèn)是index.html，根據(jù)自己項目需要，更改APP的啟動頁面，3是manifest.json文件是移動App的配置文件，用于指定應(yīng)用的顯示名稱、圖標(biāo)、應(yīng)用入口文件地址及需要使用的設(shè)備權(quán)限等信息，用戶可通過HBuilder的可視化界面視圖或者源碼視圖來配置移動App的信息，當(dāng)然如果你要設(shè)置 APP 的啟動圖和圖標(biāo)，你只需要在 manifest.json 里面進行設(shè)置即可，這就是為什么不要刪掉的原因！
下圖為index.html的內(nèi)容，很簡單，在html的body中寫入內(nèi)容。
云打包的好處就是我們不需要在本地搭建環(huán)境，直接提交上去，打包好會返回下載鏈接讓我下載安裝包，除了生產(chǎn) Android 安裝包之外，還可以生成 ios 的，我們這邊只測試生成 Android 的安裝包。
配置完成后，點擊頁面下方的圖標(biāo)配置：配置APP在手機上的顯示圖標(biāo)；默認(rèn)是HBuilder的圖標(biāo)：
點擊"打開下載目錄"，找到app所在目錄
提交之后會需要 2-5 分鐘的打包，然后生成一個 apk 安裝包，就可以在手機安裝使用你開發(fā)得 app 了，什么簽名這些全都不用搞。
打包成功后就可以將apk文件裝到到android手機上查看效果了。如圖：
者 | 局長
本文經(jīng)授權(quán)轉(zhuǎn)載自開源中國
近日，HackerRank 發(fā)布了 2019 年的年度《開發(fā)者技能報告》，報告調(diào)查了來自 100 多個國家的 71000 余名軟件開發(fā)者。HackerRank 是國外一家知名的招聘平臺，面向求職者提供了編程練習(xí)、面試準(zhǔn)備等一系列服務(wù)。不過 HackerRank 更為人熟知的是其競爭性的編程挑戰(zhàn)比賽，這種編程挑戰(zhàn)比賽橫跨多個計算機學(xué)科領(lǐng)域，旨在根據(jù)技能評估開發(fā)者。
各行各業(yè)都需要軟件開發(fā)者，這也就意味著雇主們對技術(shù)人才的競爭非常激烈。HackerRank 發(fā)布的這份報告正是為了幫助從 CEO、企業(yè)高管、招聘經(jīng)理到招聘專員的每個不同頭銜的角色都能了解自己所物色的開發(fā)者。
下面繼續(xù)看看報告的詳細(xì)信息。
編程語言
HackerRank 詢問開發(fā)者他們知道哪些編程語言以及他們想要學(xué)習(xí)哪些編程語言。73％ 的開發(fā)人員表示，他們在 2018 年知道 JavaScript，而 2017 年這一比例為 66％。JavaScript 是 2018 年最知名的編程語言，而 2017 年最知名的編程語言是 Java。
開發(fā)者在 2019 年想要學(xué)習(xí)的編程語言
去年，開發(fā)者希望學(xué)習(xí) Go、Kotlin 和 Python。到了今年，開發(fā)者對這幾門編程語言依然熱情高漲。不過我們發(fā)現(xiàn)，開發(fā)者對 Scala 的學(xué)習(xí)熱情有所下降，而對 TypeScript 的學(xué)習(xí)興趣增加了不少。
框架
問世已久的 AngularJS 仍然是開發(fā)者所知道的最受歡迎的框架，但更多的開發(fā)者已經(jīng)開始學(xué)習(xí) React。知道 React 的開發(fā)者比例從 2017 年的 20％ 躍升至 2018 年的 26％。
開發(fā)者在 2019 年想要學(xué)習(xí)的框架
可以看到，React 所占的比例最高，開發(fā)者最感興趣的是今年學(xué)習(xí) React 框架。
招聘主管希望雇員掌握的框架與開發(fā)者知道的框架
如圖表所示，公司最渴望聘請的是 React 開發(fā)者。
值得采用的技術(shù)
在實際應(yīng)用的新技術(shù)方面，53％ 的開發(fā)者認(rèn)為物聯(lián)網(wǎng)(IoT)最有可能在未來兩年內(nèi)被采用。畢竟住房、汽車和整座城市的聯(lián)網(wǎng)程度變得越來越緊密，所以這應(yīng)該不會讓我們感到驚訝。
到 2020 年諸多技術(shù)的實際應(yīng)用
人工智能技術(shù)并不落后。50％ 的開發(fā)者認(rèn)為深度學(xué)習(xí)在 2020 年之前得到采用的可能性“非常現(xiàn)實”，其次是云機器學(xué)習(xí) Cloud ML (41%)和計算機視覺(38%)。
34% 的開發(fā)者給 AR 和 VR 豎了兩個大拇指，37% 的開發(fā)者給它們豎了一個大拇指。另一方面，覺得區(qū)塊鏈被“過度夸大”的開發(fā)者最多，量子計算則被認(rèn)為在 2020 年之前最不可能被采用。
經(jīng)常抱怨的問題和 Bug
開發(fā)者在工作中也會有各種各樣的煩惱。不過，這些煩惱因資歷而異，初級開發(fā)者最討厭寫得糟糕的開發(fā)文檔，高級開發(fā)者則最不能容忍“面條代碼”（通常指結(jié)構(gòu)不清晰和難以維護的代碼）。
開發(fā)者覺得生產(chǎn)環(huán)境中最大的 bug
當(dāng)被問及他們生產(chǎn)環(huán)境中最大的 bug 時，62％ 的開發(fā)者認(rèn)為是部署了未經(jīng)測試或遭受破壞的代碼。但是也有近 10 ％的開發(fā)者表示刪庫才是最大的 bug。
開發(fā)者想要什么，不想要什么
尋找工作時，所有開發(fā)者對有機會獲得兼顧職業(yè)發(fā)展和生活的工作最感興趣。正如你所料，高級開發(fā)者更看重有競爭力的薪酬，而初級開發(fā)者關(guān)心的是“有待解決的有趣問題”。
什么原因使開發(fā)者對雇主毫無興趣？
68% 的開發(fā)者最有可能對未能闡述清楚工作角色的雇主毫無興趣。所以，雇主如果希望吸引頂尖的開發(fā)人才，下面的圖表值得仔細(xì)研讀。
HackerRank 首席執(zhí)行官 Vivek Ravisankar 在一份聲明中說到：“招聘和留住熟練的開發(fā)者對各地的企業(yè)至關(guān)重要。招聘專員和招聘經(jīng)理需要深入了解開發(fā)者群體是怎樣的一群人、他們關(guān)心什么以及他們想從雇主那里得到什么。比如，在考慮工作機會時，將近一半的開發(fā)者認(rèn)為價值觀不一致是關(guān)鍵的阻礙因素。我們希望每個開發(fā)者都能找到心水的工作，而這些數(shù)據(jù)也為工程師團隊提供了一個參考，以便找到并留住最適合的開發(fā)者。”
完整報告可查看：http://info.hackerrank.com/rs/487-WAY-049/images/HackerRank_2019-Developer-Skills-Report.pdf
參考：https://venturebeat.com/2019/01/29/hackerrank-developer-skills-report-2019/
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
