原创 定時器&&定時調用&&延時調用

setInterval(回調函數,每次調用間隔時間) 返回值:返回一個Number類型的數據,用來作爲唯一標識 clearInterval關閉定時器 <script type="text/javascript"> window

原创 jQuery核心函數-核心對象

jQuery 查 優秀的Js函數庫   鏈式調用 讀寫合一   jQuery核心函數 jQuery核心對象 <script type="text/javascript" src="js/jquery-1.12.3.js"></s

原创 滾輪事件(Js)

整個JsDemo放在一個window.onload中,在整個頁面完成加載之後才執行 利用 ||  和 && 來解決瀏覽器不兼容的問題 取消瀏覽器的默認行爲   <!DOCTYPE html> <html> <head> <meta

原创 jQuery增刪改 mouseover and mouseenter區別

<!-- 1. 添加/替換元素 * append(content) 向當前匹配的所有元素內部的最後插入指定內容 * prepend(content) 向當前匹配的所有元素內部的最前面插入指定內容 * befo

原创 attribute 與 property

attribute :html標籤的預定義和自定義屬性 Property :js原生對象的直接屬性   布爾值屬性:property值是布爾值屬性   改變property不會同步attribute  在沒有動過property時,att

原创 vue項目打包時出錯-路徑問題

vue項目打包時出錯,出現路徑問題 外面新建vue.config.js文件 寫入 module.exports = { publicPath: './' }

原创 行高line-height

行高:上個文本的基線到下一行文本的基線 行距:一行底線到下一行頂線之間的距離(行高-字體大小) 內容區:頂線與底線包裹的區域,瀏覽器的內容區和 行內框 = 內容區域 行框 = 本行內所有元素行內框max    在前端開發中:如果要處理大量

原创 jQuery擴展插件

擴展插件: 1. 擴展jQuery的工具方法  ---->作爲對象使用   $.extend(object) 2. 擴展jQuery對象的方法 ----->   $.fn.extend(object) 插件庫要在jQuery庫後引入 (

原创 音視頻標籤

video controls = “controls”--->控件 width和height指定的是video標籤的高寬 audio標籤指定高寬無用 容器 .avi .mp4 是容器的格式,決定怎麼講視頻存起來,不關係儲存的內容 視頻文件

原创 css畫出風車

主要應用了css3中border-radius屬性,分析以後把border-radius的屬性設置爲不同的邊角 絕對定位把div居中 應用translation屬性讓元素動起來 <!DOCTYPE html> <html lang="e

原创 自定義字體&圖標

自定義字體: 可以消除用戶對於字體的依賴,每次都需要去加載。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view

原创 僞等高佈局

等高佈局,利用css maigin 和 padding-bottom屬性:先將元素的內邊距向外,再將元素的外邊距設爲負值,最後將父元素的設置爲overflow:hidden   <!DOCTYPE html> <html lang="e

原创 粘連佈局

當內容的高度足夠長的時候,footer應該會跟在main元素的後面 當main元素比較短的時候,這個footer元素能夠粘連在屏幕的底部 <!DOCTYPE html> <html lang="en"> <head> <meta

原创 雙飛翼佈局和聖盃佈局比較

聖盃佈局和雙飛翼佈局的對比 1.都是把主列放在文檔流最前面,使主列優先加載 2.三列浮動,通過負外邊距形成三列布局 3.不同之處在於如何處理中間主列的位置 3.1聖盃利用父容器的左右內邊距+兩個從列相對定位 3.2雙飛翼佈局是把主列嵌套在

原创 canvas畫布

h5新增元素,通過js腳本來繪製圖形 <canvas> 對出現,默認width:300px height:150px   畫布的高寬不要再css中去指定  替換內容,瀏覽器不支持canvas,會正常顯示 需要找到它的渲染上下文,通過get