我和前端的猿糞,瞭解一下我眼中的前端。

来源:https://www.cnblogs.com/msunh/archive/2019/11/29/11954993.html
-Advertisement-
Play Games

作為一個自學前端的靚仔(小白),最開始在我的世界中是沒有前端這個概念的,相當長一段時間內,我一直把前端稱之為「做網站」,是不是有點飄? 1、我眼中的前端 點進來了這篇文章,應該會對前端稍微有那麼一點點瞭解。 高大上一點說:我所見,我所得,皆為前端;大白話:嗯,就是“做網站”的。至於專業的定義,相信搜 ...


作為一個自學前端的靚仔(小白),最開始在我的世界中是沒有前端這個概念的,相當長一段時間內,我一直把前端稱之為「做網站」,是不是有點飄?

1、我眼中的前端

點進來了這篇文章,應該會對前端稍微有那麼一點點瞭解。

高大上一點說:我所見,我所得,皆為前端;大白話:嗯,就是“做網站”的。至於專業的定義,相信搜索引擎的解釋更全面,我懶,就不複製了。

前端開發的核心技術:HTML、CSS、JavaScript

把前端看做一個人,HTML 就是這個人的骨架、血肉、皮毛;而 CSS 決定你穿不穿衣服,穿什麼顏色的衣服,穿多大的,怎麼穿;有了一個人形體,終究只是一具臭皮囊,JavaScript 則是控制這個人做出一些類似條件反射的動作,比如說:你打我...不,我打你一巴掌,你可能會哭,可能會叫,也有可能追著我打~(這些形容可能並不是很形象,將就著看)

 

2、我和前端的猿糞

我學的專業叫「網站架設」,聽起來很牛 X,實際上也很牛 X,全校我們是第一屆,我畢業的時候也是最後一屆,牛吧?

老師從來沒有給我們普及相關的概念,應該不是我上課沒聽到,畢竟上了幾年學,也只有這門課認真聽了。

讀書的時候認知太淺薄,自己也不知道用搜索引擎去瞭解相關的知識。老師上課象徵性地教了網頁的基礎知識 HTML,CSS 稍微提了一下,JavaScript 基本上就是沒教(講了半節課),據說是怕我們聽不懂?

我們很長時間都是在用 Dreamweaver 學習、作業,最開始調顏色都是用滑鼠調整,後面教了半個學期 ASP,半個學期的 CMS,現在想想真的挺魔幻的,魔幻的世界,魔幻的我~

期間下了點功夫去學 HTML 和 CSS,自己搗鼓仿了某東的首頁,瞬間感覺自己還厲害,那種成就感應該只有懵懂無知的時候才會有吧。至於 JavaScript,那個時候認知中就是做個輪播圖啥的,沒啥學的必要,網上找個 Demo 自己改就是了,很多同學都還不會找。

最後鄰近畢業的時候,面臨找工作才發現我口中「做網站」其實就是前端,丟人啊~

啰嗦了這麼久,目的就想把學習過的知識梳理一遍,分享即學習。從 HTML 到 CSS,再到 Javascript,記錄復盤,如果能給一些人帶來幫助那肯定是再好不過了,我也從很多前輩們的文字中學到很多。

從 HTML、CSS 開始,然後是 JavaScript,一起來複盤吧~


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

-Advertisement-
Play Games
更多相關文章
  • MySql的主從複製 sudo docker pull MySQL:5.7 拉取MySQL的鏡像文件(版本號為 5.7) sudo docker run -p 3339:3306 --name master -e MYSQL_ROOT_PASSWORD=123456 -d mysql:5.7 主數據 ...
  • USE DBNAME --指定要生成數據字典的資料庫 GO SELECT 表名= CASE WHEN a.colorder= 1 THEN d.name ELSE '' END, 表說明= CASE WHEN a.colorder= 1 THEN isnull( f.value, '' ) ELSE ...
  • 生命周期感知組件可以感知其他組件的生命周期,例如 Activity,Fragment等,以便於在組件的生命周期狀態變化時做出相應的操作。支持生命感知的組件可以幫你更好的組織代碼,讓你的代碼更輕,更好維護。 ...
  • 靜態載入好後的界面如下,兩個碎片分別位於一個活動的左邊和右邊: 左邊和右邊分別為一個碎片,這兩個碎片正好將一整個活動佈滿。一個活動當中可以擁有多個碎片,碎片的含義就是可以在同一個UI界面下,將這個界面分成好幾個界面,並且可以分別更新自己的狀態,如果沒有碎片,那麼如果你想要單獨在某一個區域實現活動的“ ...
  • 這篇文章旨在學習如何在現有的Android原生項目上集成Flutter,實現Android與Flutter的混編,文章主體內容分為5部分,如下: Android項目如何集成FlutterModule Flutter視圖是如何展示到前臺界面的 Flutter與Weex... ...
  • 9. 圖層時間 圖層時間 時間和空間最大的區別在於,時間不能被覆用 -- 弗斯特梅里克 在上面兩章中,我們探討了可以用CAAnimation和它的子類實現的多種圖層動畫。動畫的發生是需要持續一段時間的,所以計時對整個概念來說至關重要。在這一章中,我們來看看CAMediaTiming,看看Core A ...
  • 一、scrcpy簡介 註意:拼寫是scrcpy,非Python爬蟲框架Scrapy。 scrcpy可以通過adb調試的方式來將手機屏幕投到電腦上,並可以通過電腦控制您的Android設備。它可以通過USB連接(初次必須),也可以通過Wifi連接(通過TCP / IP,類似於隔空投屏),而且不需要任何 ...
  • 未經允許,禁止🚫轉載,轉載請註明出處:https://www.cnblogs.com/YyyyQ/p/11941537.html 第1步:WIN+R輸出cmd進入命令行 找到JDK安裝路徑進入bin文件夾 第2步:輸入 keytool.exe -list -keystore 加 debug.key ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...