原创 採用三種方式實現tab切換

tab選項卡功能很常見,以下列舉三種方法來實現tab切換 先貼上HTML源碼   <div class="warpbox"> <!--# 選項卡 --> <div class="table_card">

原创 BFC和清除浮動

我對BFC的理解 對css有了解的朋友肯定知道盒式模型這個概念,對一個元素設置css,首先需要知道這個元素是block還是inline類型。而BFC就是用來格式化快級盒子。 BFC:塊級格式化上下文,它是指一個獨立的塊級渲染區域,只有B

原创 作用域深入和麪向對象

深入學習js做下筆記,以便日後查用,都是理論知識 1.預解釋 基本數據類型(按值訪問,操作的是他們實際保存的值) number string boolean null undefined 引用數據類型(按引用訪問,當查詢時,

原创 css使用水平居中和垂直居中

一.水平居中 1.使用inline-block和text-align實現   .parent{text-align: center;} .child{display: inline-block;} 2.使用width和margin

原创 CSS消除瀏覽器的默認樣式

/*公共樣式--開始*/ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select

原创 鼠標點擊切換樣式

鼠標的切換問題,適用於導航欄<nav></nav> 就是一個頁面的一小部分的切換,沒必要去通過判斷URL去刷新頁面。 可以採用jq和js的方式去切換 第一種方法 jQuery   <div class="wrapper wrapper0

原创 語法,關鍵保留字及變量

一.語法構成 1.區分大小寫 2.標識符 (1)第一個字符必須是一個字母,下劃線(_),美元符號($)。 (2)其他字符可以使字母,下劃線,美元符號,數字 (3)不能把關鍵字,保留字,true,false,null,作爲標識符 3.註釋

原创 DOM 節點操作

一.創建節點   var box = $('<div id="box">節點</div>'); //創建一個節點 $('body').append(box); //將節點插入到

原创 預解釋

1.預解釋 在瀏覽器加載的時候,首先會提供一個供全局js代碼執行的環境 —全局作用域(global/window) 預解釋:在當前作用域中,在js代碼執行之前,瀏覽器會默認的把帶var跟function的進行聲明與定義 var n

原创 構造函數與工廠模式

工廠模式 function createJsPerson(name,age){ var obj = {}; obj.name = name; obj.age = age; obj.writeJs = f

原创 原型鏈模式

原型鏈模式基礎 //構造函數模式 function CreateJsPerson(name,age){ this.name = name; this.age = age; this.writeJs = func

原创 【JS進階】1.作用域深入和麪向對象

深入學習js做下筆記,以便日後查用,都是理論知識 1.預解釋 基本數據類型(按值訪問,操作的是他們實際保存的值) number string boolean null undefined 引用數據類型(按引用訪問,當查詢時,我們

原创 vue axios在開發中遇到的問題

第一次學vue,自己摸索了好久。用axios的時候遇到了幾個問題。跨域,還有就是多個proxyTable配置的時候出現的問題。記下,方便以後查閱 var _this=this; _this.$axios.get("http://

原创 【jQuery】事件

一.綁定事件 通過.bind()方法來爲元素綁定這些事件。可以傳遞三個參數:bind(type, [data], fn), type 表示一個或多個類型的事件名字符串; [data]是可選的,作爲 event.data 屬性值傳遞一個額外

原创 【css】css使用水平居中和垂直居中

一.水平居中 1.使用inline-block和text-align實現 .parent{text-align: center;} .child{display: inline-block;} 2.使用width和margin實現.ch