angularJS學習筆記一

来源:http://www.cnblogs.com/yeyunfei/archive/2017/08/14/7356616.html
-Advertisement-
Play Games

項目框架轉換 原來用的是jquery+ace.js框架的項目 現在需要改為現在流行的angularJS框架 本人又不會angularJS,只能一步一步的摸索 路漫漫其修遠兮 吾將上下而求索 剛接觸angularJS 給我的第一感覺是總有和最早期的ASP有些相似 很多前端邏輯 很多界面代碼揉合在一起, ...


 

 

項目框架轉換

原來用的是jquery+ace.js框架的項目 現在需要改為現在流行的angularJS框架

本人又不會angularJS,只能一步一步的摸索 路漫漫其修遠兮 吾將上下而求索

剛接觸angularJS 給我的第一感覺是總有和最早期的ASP有些相似 很多前端邏輯 很多界面代碼揉合在一起,雖然在明白關鍵字意思的情況下 能夠清晰的看懂 但總有一種不清爽的感覺

很多封裝 很多噱頭 給人的感覺就是被大趨勢和大框架給綁架了

好了 廢話不多說 前端就是這樣 新框架新趨勢出來 只要流行  你就得學

下麵分享我學習angularJS的心得

初學angularJS 我首先推薦還是先看框架語法 這一點毋庸置疑的,所有語言都一樣 你得先知道它是怎麼寫的,

初學者可以看看菜鳥網上面的語法教程(http://www.runoob.com/angularjs/angularjs-tutorial.html)看看瞭解就得了 ,

別幻想記住它們(因為你短時間內 根本記不住,即使記住了 沒有項目應用 過段時間你還是會忘記,你不是天才,因為天才不學這個,別生氣 我們得承認 我們就是被一群天才牽著鼻子走的)

 我發現我廢話真多,還是來點實在的吧,真的....

本人經過一頓研究,探索 各種彎路 發現學了這玩意 還是忘記 學了不應用還是忘記,然後還是乖乖的通過項目學習吧,當然在這裡你也別指望我給你貼項目,要搞 自己建個有意義的項目 搞起,玩壞了大不了重新來唄,反正你有大把的時間造作。

今天就吹兩個知識點(因為我也才學這兩個知識點)

1、基本語法

  這是絕對當然的 你不學語法 搞個屁啊 語法問題 自己看去 看一兩遍就可以了 別整天抱著看,那沒用。用到的時候 知道在哪裡找就可以了

  小心得:看語法的時候 記得搞建立幾個小文件夾 手寫一兩個語法小案例就可以了。

  當然 在這之前你的先搞到angularJS庫文件 別想著到gihub上下載源碼 那他媽的騙人的 ,沒用! 我反正找了很久,沒找到angular.js或者angular.min.js文件 你就安安穩穩的在百度裡面隨便搞個angular.js文件就可以了。

  你也別想著研究angularJS源碼,不會走 你還想跑 你糊弄鬼啦?你得先學學人家框架是怎麼用起來的,別走彎路(因為我他媽的就走了一大圈彎路,腿都要折了)

2、上面那一步 你也就花個半天時間搞搞就得了,別一整天抱著語法 那沒什麼用 來點實在的

  別去想什麼angular模型 控制器 過濾器 服務 模塊 等等等等 想那麼多幹嘛 ,直接先搞項目 跑起來 這些東西在後期應用過程當中 自然你就查詢百度 就會了 而且印象還深刻。

  那搞什麼項目呢?小項目?別扯淡了 作為IT界精英 搞什麼小項目 要搞就搞個大的 各種插件全他媽的想辦法用上 這裡我的推薦一些前輩們的博文。因為我也是跟著這些博文學習的。算了 不推薦那麼多 就推薦一篇博文 因為推薦多了 你就糊塗了 古人雲,貪多嚼不爛。

  前輩博文是http://blog.csdn.net/iamnieo/article/details/50474399 這個裡面就有一份相對完整的源碼框架 不管三七二十幾 你先下載下來

  好了 下載好之後你幹嘛呢?

  你也別學著人家的樣子去搭建項目 你想多了 這裡你得一步一步來 不然你不懂的地方太多了

  這一步我們重點就講路由ui-router 網上有一大堆ui-router和ng-Router的比較講解 這些你的自己百度 作為集萬千寵愛於一生的IT人事  百度 必應 就是你得魔法棒

  你是不是很糊塗 他娘的ui-router是什麼玩意兒 ,別管那些 先搞起 搞他娘的

  我們先創建項目 項目名稱隨便 再搞一個頁面 名稱隨意 你開心就好 還是那句話別想那麼多

  好了 前面提到的那個前輩的項目下載下來了吧,你先在裡面找到angular這個文件夾 然後把這個文件夾包括裡面所有的文件都複製到你的項目下。然後你就在剛剛的那個你創建的頁面裡面引用兩個文件

<script src="../libs/angularJS/angular.js"></script>
<script src="../libs/angularJS/angular-ui-router/angular-ui-router.js"></script>

就這兩個文件 上面那個是angular核心庫 下麵那個就是路由相關的庫 什麼 你不知道什麼叫路由 好吧 我來小講一下(路由器知道嗎?路由器不知道也沒關係 ,路由的意思就是此路是我開 此樹是我栽,要打此路過 就下買路財,那我們這裡的路由是幹啥的呢?其實它就是一個訪問頁面時必須進過的的一段代碼,這段代碼經過一頓整,然後訪問你想要訪問的頁面,它閑著沒事 就是乾這事的,那它有啥好處呢?你管那麼多幹嘛?大家都這麼乾 你也先這麼乾唄(其實我也總結不上來),總之,有啥事你自己問度娘。)

不想講了 好多知識點 有人看再更新吧 總之 你先幹路由這件事 其它事先別管!

我靠 你能耐心的把文字看到這裡 我也是醉了 我自己都覺得廢話好多 後面的文章持續更新...

你保重 再會!

技術交流QQ 1203193731


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 目錄 · 初步認識 · Java里程碑(關鍵部分) · 理解虛擬機 · Java虛擬機種類 · Java語言規範 · Java虛擬機規範 · 基本結構 · Java堆(Heap) · Java棧(Stacks) · 方法區(Method Area) · 直接記憶體(Direct Memory) · 本 ...
  • 類與Class對象 類是程式的一部分,每個類都有一個Class對象,即每當編寫並且編譯一個新類的時候就會產生一個Class對象。當程式創建第一個對類的靜態成員的引用的時候,會將該類動態載入到JVM中,這個說明瞭類的構造起器也是一個靜態方法,即使在構造器之前並沒有使用static關鍵字。所以java程 ...
  • 前段時間應因緣梳理了下自己的 Java 知識體系, 成文一篇望能幫到即將走進或正在 Java 世界跋涉的程式員們。 第一張,基礎圖 大約在 2003 年我開始知道 Java 的(當時還在用 Delphi),但到 2004 年本科畢業才開始正式決定學習 Java。 那時覺得用 Delphi 寫 C/S ...
  • 從大型網站技術架構_核心原理與案例分析 李智慧 一書中領悟到的東西。我們的技術只有基礎牢固了才能創新,本書中作者講述了網站架構的發展歷程。其中從最簡單的 LAMP架構到應用與數據分離,然後是使用緩存提高客戶體驗度。再到分層,資料庫的讀取分離,集群,分散式部署等。處理網站高併發的問題肯定會牽扯到高併發 ...
  • 放假啦~學生們要買車票回家了,有汽車票、火車票,等。但是,車站很遠,又要考試,怎麼辦呢?找代理買啊,雖然要多花點錢,但是,說不定在搞活動,有折扣呢~ 編譯,運行 ...
  • 本周要進行boost asio庫的學習,在學習之前發現最好需要先瞭解一下前攝器模式,這樣對asio庫的理解很有幫助,故寫下此文 我之前寫的隨筆XShell的模擬實現中的鏈接方式可以說是同步的(伺服器阻塞等待鏈接),這樣當有伺服器端在等待鏈接的時候就浪費了大量的資源,我們可以讓伺服器非同步等待客戶端的鏈 ...
  • 現有一批裝備(產品),分為不同的部位(上裝、下裝)與不同的等級(lv1、lv2)。又有不同lv的工廠,只生產對應lv的全套裝備。 代碼實現上...本次寫得比較偷懶,函數實現都寫在頭文件了.... 有些重覆的代碼,是直接用sed替換一些字元生成的。如: Suit Trousers Clothes Tr ...
  • 1、有一個工廠,專門生產不同品牌的汽車。當有人需要從此工廠提貨的時候,只需要告訴他,要什麼品牌的,就可以了,並不關心這些車是怎麼生產出來的。 2、以上方式,如果增加品牌的時候,也要修改工廠,有點麻煩。於是,把工廠也抽象了。 1的類圖與實現: 首先,是通用的車 然後是不同品牌的車,繼承自Car 接著, ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...