原创 JavaScript基礎三部曲(一):JavaScript簡介及ECMAScript部分

文章目錄一、JavaScript簡介1、什麼是JavaScript2、JavaScript的三個部分:1)核心(ECMAScript)2)文檔對象模型(DOM)3)瀏覽器對象模型(BOM)3、學習參考材料4、第一個JavaScri

原创 JQuery版基本DOM操作(舉例:用jQuery實現二級聯動)

文章目錄jQuery的DOM操作1、補充內容2、選擇器——找到節點1)id選擇器2)元素選擇器3)類選擇器3、DOM修改1)text(),html()2)屬性value()3)css樣式4)屬性5)事件4、DOM結構的改變5、應用

原创 JavaScript基礎三部曲(三):用JavaScript實現二級聯動

文章目錄DOM操作1、主要解決問題2、應用舉例:二級聯動3、練習熱身改進二級聯動編碼 DOM操作 1、主要解決問題 json數組如何呈現在table、select等組件上 單個的對象如何呈現在面板上 事件如何描述:事件

原创 深入淺出學習組件(一):組件基礎知識梳理

文章目錄一、組件化的概念、特徵、優點二、Vue.js中的組件構成以及組件用法三、組件的複用四、使用props由父組件向子組件傳遞數據五、組件舉例 組件(Component)是Vue.js最核心的功能,也是整個框架設計最精彩的部分。

原创 深入淺出瞭解Flex彈性佈局(一)

文章目錄一、佈局回顧二、彈性佈局 一、佈局回顧 佈局從無到有經歷了幾個階段: 1)無佈局:html和web的出現源於科學文獻的交流,當時人們更注重的是文字的傳達,這一時期人們注重的是文字、文本的排版,比如說單個文字的粗細、斜體,

原创 通過創建第一個Vue應用,初步瞭解Vue.js的數據與方法

文章目錄一、第一個Vue應用二、數據與方法三、常用的實例屬性和實例數據方法1、實例屬性2、實例數據方法 Vue.js 的核心是一個允許採用簡潔的模板語法來聲明式地將數據渲染進 DOM 的系統。它有兩大重要的組成部分:一個是視圖,一

原创 男朋友智商測試大集結(一):Oracle數據庫查詢操作練習81題(附答案)

想要練習Oracle數據庫的查詢操作? 這裏有81道小題供你練手!數據庫中的數據已備好,在文末可以自己粘貼複製。 1:只使用SELECT子句來獲取當前服務器的時間。 select sysdate from dual; 2:查

原创 每天十道面試題(三)

文章目錄1、abstract class(抽象類)和interface(接口)有什麼區別?2、Overload(重載)和Override(重寫)的區別。3、String 和StringBuffer的區別?4、String, Str

原创 Bootstrap模態窗體的使用以及常見報錯

文章目錄模態窗體總結 模態窗體 1、SPA —— Single Page Application 2、結構: 外三層: modal fade/show modal-dialog modal-content 內三層: mo

原创 通過二級聯動實例,比較Vue.js和原生js/jQuery在設計理念的異同

這段時間,二級聯動的例子伴隨我們從JavaScript到jQuery,如今學了Vue.js,二級聯動的例子又拿出來寫了一遍,自己在做網頁的時候也會用到,而且一不留神就會寫錯,今天通過二級聯動的實例,比較一下Vue.js和原生js/

原创 每天十道面試題(二)

1、堆(heap)和棧(stack)有什麼區別? 分析: 1)棧與堆都是Java用來在Ram中存放數據的地方,而且Java自動管理,程序員不可以直接設置。但是棧與堆存放的數據不同,所有的基本數據類型和類對象的引用類型都在棧中存儲,

原创 JavaScript基礎三部曲(二):通過選擇器找到DOM節點以及添加、修改DOM節點

文章目錄DOM基礎1、操作DOM的步驟2、選擇器1)通過選擇器找到DOM節點2)應用3、修改DOM節點的屬性1)使用css對應的style屬性2)用cssText3)用seAttribute()4)修改className5)使用c

原创 Bootstrap中的基礎CSS: 柵格系統 表格 表單 按鈕

文章目錄一、下載與安裝二、基礎CSS1、柵格系統2、表格3、表單4、按鈕 一、下載與安裝 下載地址:https://v3.bootcss.com/getting-started/#download 二、基礎CSS 1、柵格系統 1

原创 CSS中的盒子模型和定位

目錄 一、盒子模型(Box Model) 1、盒子的組成 2、 淺析盒子模型的CSS屬性  二、定位(Positioning) 1、瞭解浮動 2、塊級格式化上下文BFC(Block Formating Context) 3、瞭解定位  

原创 Vue.js中的v-model指令:表單輸入綁定(單向數據流和多向數據流)

文章目錄一、v-model指令二、v-model指令所適用的表單域三、值綁定四、修飾符 一、v-model指令 1、雙向數據流: 模型(Model)和視圖(View)之間相互影響 通俗來講,Vue的代碼變了,HTML的代碼也跟着