原创 HTML 注意規範
DOCTYPE 頭部開始 Bad: <html> ... </html> Good: <!DOCTYPE html> <html> ... </html> 不要用舊的 DOCTYPE Bad: <!DOCTYP
2020-06-16 16:46:55
原创 行內元素與塊級元素區別及轉換
塊級元素列表 <address> 定義地址 <caption> 定義表格標題 <dd> 定義列表中定義條目 <div> 定義文檔中的分區或節 <dl> 定義列表 <dt> 定義列表中的項目 <fieldset>
2020-06-16 16:46:55
原创 Java 輸出蛇形矩陣
package Exercises; import java.util.Scanner; public class snake { public s
2020-06-16 16:46:55
原创 Javascript的AMD規範
AMD規範的全稱是Asynchronous Module Definition，即異步模塊加載機制。從它的規範描述頁面看，AMD很短也很簡單，但它卻完整描述了模塊的定義，依賴關係，引用關係以及加載機制。從它被requireJS，N
2020-06-16 16:46:55
原创 Java 實現求最長迴文子串
下面以字符串12212321爲例，經過上一步，變成了 S[] = "$#1#2#2#1#2#3#2#1#";然後用一個數組 P[i] 來記錄以字符S[i]爲中心的最長迴文子串向左/右擴張的長度（包括S[i]，也就是把該回文串“對摺”以後的
2020-06-16 16:46:55
原创 Chart.js 使用示例
從MySql 數據庫中獲取數據 ，利用chart.js 繪製柱形圖。 文件結構： 1.index.php文件。從數據庫獲取數據。先連接數據庫exercisedata，然後從數據庫的users表中查詢學生名字userName和學生的成績s
2020-02-20 17:47:40
原创 Z-index問題探討
z-index的重要性 在我看來，z-index 給了我們日常工作中以極大的幫助，我們用它來定義元素的層疊級別（stack level）。受益於它，你能做Popup, DropDown, Tips, 圖文替換等等。 在開始本篇之前
2018-09-03 09:19:15
原创 兩列布局方案
一、float+margin <div id="content"> <div id="aside">側邊欄固定寬度</div> <div id="main">主內容欄自適應寬度</div> </div
2018-09-03 09:19:15
原创 前端面試題集錦
1.對WEB標準以及W3C的理解與認識？ WEB標準簡而言之就是將頁面的結構、表現和行爲各自獨立實現。 （1）web標準規範要求，書寫標籤必須閉合、標籤小寫、不亂嵌套、提高搜索機器人搜索機率； （2）使用外鏈css和js
2018-09-03 09:19:15
3
原创 三欄佈局方案：左右寬度固定，自適應佈局
一、absolute+margin <div id="content"> <div id="main">主內容欄自適應寬度</div> <div id="left">左側邊欄固定寬度<
2018-09-03 09:19:15
原创 Java 日期處理方法
import java.text.DateFormatSymbols; import java.text.ParseException; import java.text.SimpleDateFormat
2018-09-03 09:19:15
2
原创 cookie、sessionStorage、localStorage的區別
三者的共同點是：都是保存在瀏覽器端，且都是同源的。（同源：如果兩個頁面擁有相同的協議（protocol），端口（如果指定），和主機，那麼這兩個頁面就屬於同一個源（origin）。） 區別：cookie數據始終在同源的http請求中攜帶（
2018-09-03 09:19:15
原创 CSS3 實現動畫功能
1、transition功能： 通過將元素的某個屬性在指定的時間內通過平滑過渡到另外屬性值來實現動畫功能。 transition：property duration timing-function 其中property表示對某個屬性
2018-09-03 09:19:15
2
原创 js 實現自動更新倒計時效果
實現倒計時效果需要掌握js中的兩個知識點： 1、setTimeout函數 每隔1秒鐘更新秒鐘時間 2、Date對象 計算時間差 下面貼出 元旦倒計時代碼 <!DOCTYPE html> <html> <head> <
2018-09-03 09:19:15