原创 前端插件收藏

1.Swiper是純javascript打造的滑動特效插件,面向手機、平板電腦等移動終端。 https://www.swiper.com.cn/ 2.WOW.js – 讓頁面滾動更有趣 https://www.delac.io/wow/

原创 CSS3酷炫加載動畫

<style> *{ margin: 0; padding: 0; } body { display: flex; justify-content: center; align-ite

原创 canvas-圖案文字

<canvas id="canvas" width="500" height="300" style="border: 1px dashed gray;"></canvas> <script type="text/javascript

原创 JavaScript 關係表達式

  1.相等和不相等運算符 “=” 得到或賦值 “==” 相等 “===” 嚴格相等 “!=” 不相等 “!==” 不嚴格相等   2.in運算符 in運算符希望它的左操作是一個字符串或可以轉換爲字符串,希望它的右操作數是一個對象。如果右

原创 JavaScript 的一些運算符

條件運算符 (?:) 也稱做條件運算符。第一個操作數在"?"之前,第二個操作數在"?"和":"之間,第三個操作數在":"之後。 x > 0 ? x : -x ; typeof運算符 typeof是元運算符,放在其單個操作符的前面,操作數

原创 svg簡單動畫

<style> .ball3 { animation: second-animation 2s 2s infinite alternate ease-in-out forwards; } @keyframes

原创 Vue 組件化應用構建

在 Vue 裏,一個組件本質上是一個擁有預定義選項的一個 Vue 實例。在 Vue 中註冊組件很簡單: // 定義名爲 todo-item 的新組件 Vue.component('todo-item', { template: '<

原创 JavaScript 函數

JS的函數是參數化的。 如果函數掛載在一個對象上,作爲對象的一個屬性,就稱它爲對象的方法。當通過這個對象來調用函數的方法。當通過這個對象來調用函數時,該對象就是此次上下文,也就是this的值。用於初始化一個新建對象的函數稱爲構造函數。  

原创 JavaScript 數組

數組是值 的有序集合。每個值叫做一個元素,而每個元素在數組中有一個位置,以數字表示,稱爲索引。 JS數組是無類型的,數組 可以是任意類型。 數組的元素可能是對象也可能是數組。 JS數組的索引是基於零的32位數值:第一個索引是0,最大索引是

原创 JS 對象

對象是js的基本數據類型。 對象是一種複合值:它將很多值 聚合在一起,可通過名字訪問這些值 。 對象也可看種是屬性的無序集合,每個屬性都是一個名/值對。屬性名是字符串,因此我們可以把對象看成是從字符串到值的映射。 JS對象還可以從一個稱爲

原创 vue項目font-awesome的引用

1.npm install font-awesome --save-dev 2.在main.js文件 import 'font-awesome/css/font-awesome.min.css'  3.在視圖 <i class="fa 

原创 js 關係表達式

  1.相等和不相等運算符 “=” 得到或賦值 “==” 相等 “===” 嚴格相等 “!=” 不相等 “!==” 不嚴格相等   2.in運算符 in運算符希望它的左操作是一個字符串或可以轉換爲字符串,希望它的右操作數是一個對象。如果右

原创 JS 的一些運算符

條件運算符 (?:) 也稱做條件運算符。第一個操作數在"?"之前,第二個操作數在"?"和":"之間,第三個操作數在":"之後。 x > 0 ? x : -x ; typeof運算符 typeof是元運算符,放在其單個操作符的前面,操作數

原创 Javascript 類和原型 例子

在JS中,類的所有實例對象都從同一個原型對象上繼承屬性。因此,原型對象是類的核心 如果定義一個原型對象,然後通過inherit()函數創建一個繼承自它的對象,這就定義了一個Javascript類。通常,類的實例還需要進一步的初始化,通過定

原创 JS 語句

  表達式在JS中是短語,語句(statement)是JS的整句或命令。 諸如賦值和函數調用這些表達式,稱做爲表達式語句,還有聲明語句,條件語句等。   表達式語句 賦值語句是比較重要的表達式語句: greeting = "Hello"