<table>內容值存取至資料庫

使用jquery將table資料存成物件格式,在整個丟給後端去存取,認為這是最為明智的方式。

主要存取整個<table>需要做的就是,將<table>內的資訊記錄下來,好讓後端存取使用。如重要的欄位資訊主要的data-key。

Comment

React.js + <canvas>

react+canvas

我們有React,它可以幫助我們處理大量的可變DOM。

但想描述一種使用React的方法,它可以幫助您處理“<canvas>元素?是的,這聽起來很奇怪。但它運作得很好。

Comment

jquery

jQuery選取元素時,時常會使用到parent(),父親層級這個函數來選取本身元素的父親層級,但往往需要在選取在外層如父親的父親,如範例li的爸爸ul,ul的爸爸nav,要對nav做些事情時,要如何處理,這時候其實恨簡單,只要在下一次相同的parent(),如下範例展示對nav插入一個hello文字。

Comment

5個最好的庫,用於在React中進行AJAX調用

api-img

以下React為例,如其他javascript框架與庫也是適用於其中,如vue.js。

在過去的兩年裡一直和React合作。許多React初學者提出的問題之一是:“從服務器獲取數據的React方式是什麼?”或“我應該如何在React中進行AJAX調用”?要回答你的問題,盡可能多的開發者會告訴你,React只是一個視圖庫,你可以隨意使用任何你喜歡的東西。然而,這並沒有多大幫助 - 特別是當JavaScript格局變化如此之快時。因此,在本文中,我將嘗試回答這個基本問題,並列出5個簡單的庫,用於在React中進行AJAX調用。

Comment

Animate.css是個動畫CSS library,不過主要是專注在處理動畫的部分,並不負責在網頁上該什麼時機呈現動畫,加上WOW.js,如捲軸頁面在向下滾動的時候,有些元素會產生細小的動畫效果。雖然動畫比較小,但卻能吸引你的注意。如果你希望你的頁面也更加有趣,那麼你可以試試WOW.js。

WOW.js依賴animate.css,所以它支持animate.css多達60多種的動畫效果,能滿足您的各種需求。

瀏覽器兼容

IE6、IE7 等老舊瀏覽器不支持CSS3 動畫,所以沒有效果;而wow.js 也使用了querySelectorAll 方法,IE 低版本會報錯。為了達到更好的兼容,最好加一個瀏覽器及版本判斷。

開始使用WOW.js

引入文件

css

<link rel="stylesheet" href="/css/animate.min.css">

js

<script src="/dist/wow.js"></script>

Comment

Copyright © 2018 ucamc