Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 91高清在线视频,欧美激情一区二区三区视频 ,玖玖国产精品视频

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Angular第十九章:主頁面“index.html

          Angular第十九章:主頁面“index.html”

          中級

          學習時間

          半小時

          學前準備

          有一定編程經驗。

          開發語言

          Typescript

          開發環境

          • Node.js v10.9.0
          • npm v6.2.0
          • WebStorm v2018.2.3
          • Angular CLI v6.1.5

          1.主頁面“index.html”官方描述

          什么是“index.html”?

          官方是這樣描述的:

          這是別人訪問你的網站是看到的主頁面的 HTML 文件。 大多數情況下你都不用編輯它。 在構建應用時,CLI 會自動把所有 js 和 css 文件添加進去,所以你不必在這里手動添加任何 <script> 或 <link> 標簽。

          從中我們可以得出以下三點:

          1. “index.html”是用戶訪問我們網站第一個看到的頁面。
          2. 在構建Angular應用時,Angular CLI會自動的將所需的 JS 和 CSS 文件添加到“index.html”中。
          3. 如需第三方 JS 或 CSS 則手動添加。

          “index.html”位置及內容如下:

          具體內容:

          這就是一個普通的html。

          里面只說兩點,第一點是我們之前講解過的網站頭像“favicon.ico”,還有一點是沒有講解過的“app-root”組件選擇器。后者是重點。

          2.網站頭像“favicon.ico”

          首先,我們來看看網站頭像,這個之前講解過,但是在“index.html”里面還沒有講解。

          涉及到的代碼如下:

          這是一個icon的引用,將“favicon.ico”設置為網站頭像。

          注意看,href屬性值直接寫的是“favicon.ico”,也就是說“favicon.ico”所在的目錄是和“index.html”是同一個目錄。

          3.“app-root”組件選擇器

          接著往下看,我們會看到一個比較奇怪的標簽:

          Q:這個標簽叫什么?

          這個叫組件選擇器也叫CSS選擇器。

          Q:什么叫組件選擇器?

          從它的名字中可以得知兩點:組件和選擇器。其中選擇器是組件在HTML中的名字。

          Q:什么是組件?

          官方描述:

          組件控制屏幕上被稱為視圖的一小片區域。

          不知道對官方描述有沒有理解,沒理解也沒關系,下一章就會詳細講解到什么組件。

          Q:app-root這個組件選擇器實際對應的組件是什么?

          app-root組件選擇器對應的是應用中AppComponent組件。

          Q:AppComponent組件在哪?

          如圖所示,中app目錄下的“app.component.ts”文件中,用Typescript寫成。

          它的具體內容如下:

          Q:我在圖片中看到了“app-root”,想問包括它自身所在的這一行是什么意思?

          官方描述:

          selector:是一個 CSS 選擇器,它會告訴 Angular,一旦在模板 HTML 中找到了這個選擇器對應的標簽,就創建并插入該組件的一個實例。 比如,如果應用的 HTML 中包含 <app-root></app-root>,Angular 就會在這些標簽中插入一個 AppComponent 實例的視圖。

          這個描述應該很清楚了,將組件的視圖插入到選擇器所在的位置。

          至此,“index.html”相關的講解就先告一段落了,里面還有其它沒有講解的內容暫時不作重點。

          后續還會再接觸的,用到時再作分析。

          答疑

          如果大家有問題或想了解更多前沿技術,請在下方留言或評論,我會為大家解答。

          上一章

          Angular第十八章:應用入口“main.ts”

          下一章

          Angular第二十章:app開發目錄

          學習小組

          加入同步學習小組,共同交流與進步。

          • 方式一:通過關注我們的頭條號,然后私信我們。
          • 方式二:通過公眾號gorhaf,回復“Angular學習小組”。

          關注我們

          如果你也熱愛前沿技術,歡迎關注我們。

          版權聲明

          原創不易,未經允許不得轉載!

          有人說我只會只會簡單的html 能不能做安卓(android)手機上的app呢?答案是可以的。什么是android呢,用過手機的估計都知道了。App就是手機上的應用軟件,一種移動客戶端軟件。掌握html,你就可以做一個HTML的網站了,這也不是APP啊。其實 我們利用html寫出手機屏幕大小的web頁面 讓后放入手機瀏覽器內執行,就是一款web app了。在幾年前的工作中有做過手機App項目,pc前端和android和ios程序員配合完成整個項目的開發,這也讓我產生了學習android和ios程序開發的興趣。于是寫了第一個android程序first_app,分享給其他也想學習android移動開發的朋友或是好奇安卓app是怎么制作的朋友。Web app 也是app 的一種。可以把這個Html頁面打包成app。本質上都是web,都是利用html、css、js構建的網站,不同的是,webapp利用框架技術等讓你有了在使用App的感覺(比如頁面不跳轉刷新等)。這方面做的最好的是 HBuilder。使用它,你可以使用網頁(html+css+js)快速地創建APP應用程序。并在android手機中展示和使用。(當然如果網頁做得好的話,采用響應式布局,即可在手機上完美展示)。hbuilder優點:速度快,所需要的環境少,加快了開發者速度,不會因為各種JDK,java,Android環境而無法打包生成apk或ipa頭疼,大大減少了開發繁瑣操作。

          我們首先打開web開發工具hbuilder,新建一個項目如圖:

          新建完成后, 在項目管理器會顯示新建的項目目錄,其中css,img,js和index.html這幾個文件可刪可改可替換。

          unpackage文件夾是放置app圖標和啟動界面的圖片。

          1和2是mui框架,需要的css和js文件,不懂可以不用動。

          頁面入口默認是index.html,根據自己項目需要,更改APP的啟動頁面,3是manifest.json文件是移動App的配置文件,用于指定應用的顯示名稱、圖標、應用入口文件地址及需要使用的設備權限等信息,用戶可通過HBuilder的可視化界面視圖或者源碼視圖來配置移動App的信息,當然如果你要設置 APP 的啟動圖和圖標,你只需要在 manifest.json 里面進行設置即可,這就是為什么不要刪掉的原因!

          下圖為index.html的內容,很簡單,在html的body中寫入內容。

          云打包的好處就是我們不需要在本地搭建環境,直接提交上去,打包好會返回下載鏈接讓我下載安裝包,除了生產 Android 安裝包之外,還可以生成 ios 的,我們這邊只測試生成 Android 的安裝包。

          配置完成后,點擊頁面下方的圖標配置:配置APP在手機上的顯示圖標;默認是HBuilder的圖標:

          點擊"打開下載目錄",找到app所在目錄

          提交之后會需要 2-5 分鐘的打包,然后生成一個 apk 安裝包,就可以在手機安裝使用你開發得 app 了,什么簽名這些全都不用搞。

          打包成功后就可以將apk文件裝到到android手機上查看效果了。如圖:

          者 | 局長

          本文經授權轉載自開源中國

          近日,HackerRank 發布了 2019 年的年度《開發者技能報告》,報告調查了來自 100 多個國家的 71000 余名軟件開發者。HackerRank 是國外一家知名的招聘平臺,面向求職者提供了編程練習、面試準備等一系列服務。不過 HackerRank 更為人熟知的是其競爭性的編程挑戰比賽,這種編程挑戰比賽橫跨多個計算機學科領域,旨在根據技能評估開發者。

          各行各業都需要軟件開發者,這也就意味著雇主們對技術人才的競爭非常激烈。HackerRank 發布的這份報告正是為了幫助從 CEO、企業高管、招聘經理到招聘專員的每個不同頭銜的角色都能了解自己所物色的開發者。

          下面繼續看看報告的詳細信息。

          編程語言

          HackerRank 詢問開發者他們知道哪些編程語言以及他們想要學習哪些編程語言。73% 的開發人員表示,他們在 2018 年知道 JavaScript,而 2017 年這一比例為 66%。JavaScript 是 2018 年最知名的編程語言,而 2017 年最知名的編程語言是 Java。

          開發者在 2019 年想要學習的編程語言

          去年,開發者希望學習 Go、Kotlin 和 Python。到了今年,開發者對這幾門編程語言依然熱情高漲。不過我們發現,開發者對 Scala 的學習熱情有所下降,而對 TypeScript 的學習興趣增加了不少。

          框架

          問世已久的 AngularJS 仍然是開發者所知道的最受歡迎的框架,但更多的開發者已經開始學習 React。知道 React 的開發者比例從 2017 年的 20% 躍升至 2018 年的 26%。

          開發者在 2019 年想要學習的框架

          可以看到,React 所占的比例最高,開發者最感興趣的是今年學習 React 框架。

          招聘主管希望雇員掌握的框架與開發者知道的框架

          如圖表所示,公司最渴望聘請的是 React 開發者。

          值得采用的技術

          在實際應用的新技術方面,53% 的開發者認為物聯網(IoT)最有可能在未來兩年內被采用。畢竟住房、汽車和整座城市的聯網程度變得越來越緊密,所以這應該不會讓我們感到驚訝。

          到 2020 年諸多技術的實際應用

          人工智能技術并不落后。50% 的開發者認為深度學習在 2020 年之前得到采用的可能性“非常現實”,其次是云機器學習 Cloud ML (41%)和計算機視覺(38%)。

          34% 的開發者給 AR 和 VR 豎了兩個大拇指,37% 的開發者給它們豎了一個大拇指。另一方面,覺得區塊鏈被“過度夸大”的開發者最多,量子計算則被認為在 2020 年之前最不可能被采用。

          經常抱怨的問題和 Bug

          開發者在工作中也會有各種各樣的煩惱。不過,這些煩惱因資歷而異,初級開發者最討厭寫得糟糕的開發文檔,高級開發者則最不能容忍“面條代碼”(通常指結構不清晰和難以維護的代碼)。

          開發者覺得生產環境中最大的 bug

          當被問及他們生產環境中最大的 bug 時,62% 的開發者認為是部署了未經測試或遭受破壞的代碼。但是也有近 10 %的開發者表示刪庫才是最大的 bug。

          開發者想要什么,不想要什么

          尋找工作時,所有開發者對有機會獲得兼顧職業發展和生活的工作最感興趣。正如你所料,高級開發者更看重有競爭力的薪酬,而初級開發者關心的是“有待解決的有趣問題”。

          什么原因使開發者對雇主毫無興趣?

          68% 的開發者最有可能對未能闡述清楚工作角色的雇主毫無興趣。所以,雇主如果希望吸引頂尖的開發人才,下面的圖表值得仔細研讀。

          HackerRank 首席執行官 Vivek Ravisankar 在一份聲明中說到:“招聘和留住熟練的開發者對各地的企業至關重要。招聘專員和招聘經理需要深入了解開發者群體是怎樣的一群人、他們關心什么以及他們想從雇主那里得到什么。比如,在考慮工作機會時,將近一半的開發者認為價值觀不一致是關鍵的阻礙因素。我們希望每個開發者都能找到心水的工作,而這些數據也為工程師團隊提供了一個參考,以便找到并留住最適合的開發者。”

          完整報告可查看: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/


          主站蜘蛛池模板: 精品欧洲av无码一区二区14| 福利一区国产原创多挂探花| 无码中文字幕一区二区三区| 久久久久人妻一区二区三区| 78成人精品电影在线播放日韩精品电影一区亚洲 | 一区二区三区四区电影视频在线观看| 国产中文字幕一区| 亚洲视频在线一区二区| 国产自产V一区二区三区C| 乱子伦一区二区三区| 偷拍精品视频一区二区三区| 精品一区二区三区免费观看| 国产在线一区二区杨幂| 99久久精品日本一区二区免费| 国产在线视频一区二区三区98| 国产伦理一区二区三区| 在线观看中文字幕一区| 亚洲日韩国产欧美一区二区三区 | 射精专区一区二区朝鲜| 日韩AV无码一区二区三区不卡毛片| 国产产一区二区三区久久毛片国语 | 欧美人妻一区黄a片| 精品国产一区二区22 | 一区二区三区高清| 一区二区免费国产在线观看| 无码人妻精品一区二区三| 国产日韩精品一区二区三区| 亚洲国产综合无码一区| 国产精品日韩一区二区三区| 国产自产在线视频一区| 国产精品成人一区无码| 亚洲福利视频一区| 国产一区二区视频免费| 精品国产一区二区三区久久久狼| 无码人妻精品一区二| 午夜福利无码一区二区| 国产自产V一区二区三区C| 无码日韩人妻AV一区免费l| 亚洲AV无码一区二区乱子仑| 91久久精一区二区三区大全| 制服美女视频一区|