原创 前端知識學習-----居中佈局的多種實現方法

水平居中的幾種實現方式 01. inline-block + text-align 上代碼: <div class="parent"> <div class="child">DEMO</div> </div>

原创 前端知識學習----JS基礎語法(1)

1.變量名定義規則: 變量名區分大小寫,允許包含字母,數字,美元符號和下劃線,但是第一個字符不允許是數字,不允許是空格和其他標點符號; 變量命名長度應儘可能的短,並抓住要點,儘量在變量名中體現出值得類型,儘量避免使用沒有意義的命名;

原创 ES5與ES6之間區別

1.箭頭函數 箭頭函數ES6中新的函數定義形式,function name(arg1,arg2){…}可以寫成 (arg1,arg2)=>{…}; 意義在於:1.函數寫法更加簡潔;2.可以解決ES6之前函數執行中this是全局變量的問題

原创 前端知識學習----CSS3背景

CSS3背景圖像區域 background-clip 屬性指定背景繪製區域 語法: background-clip: border-box|padding-box|content-box; 其關鍵字是指將背景圖片以border,padd

原创 前端知識學習---HTML5標籤變化

近期在複習前端方面的知識,將學習的知識整理一下做一個輸出 H5新增加的標籤大致可以分爲4類: 1.結構標籤: 結構標籤爲塊狀元素,可以理解成有意義的DIV,主要包括 -article標籤 主要用於定義一篇文章; -header標

原创 前端知識學習-----多列布局(1)

定寬 + 自適應 佈局的幾種實現: 01. float + margin 上代碼: <div class="partent"> <div class="left"><p>left</p></div>

原创 前端知識學習----聲明提升

JS是解釋執行的腳本語言,在一段JS腳本執行之前,需要先解析代碼,解析的時候會先創建一個全局的執行上下文環境,先把代碼中即將執行的變量,函數聲明提取出來。(內部的函數還沒有執行,不會參與進來)變量先暫時賦值爲undefined,函數則先聲

原创 前端知識學習----CSS3漸變

CSS3 漸變 漸變(gradients)可以在兩個或多個指定的顏色之間顯示平穩的過渡。 兼容性:IE10+,Chrome26+,FireFox16+,Safari6.1+,Opera12.1+ CSS3線性漸變 線性漸變屬性(Linea

原创 前端知識學習-----CSS3邊框與圓角

CSS3圓角 border-radius屬性: 概念:一個最多可指定四個border-*-radius屬性的複合屬性,這個屬性允許你爲元素添加圓角邊框! 語法: border-radius:1-4length|%/1-4length

原创 管理系統的前端權限控制

問題:項目使用的是shiro框架處理用戶登錄權限,那麼前端要如何配合後端完成系統的權限控制? 前端權限比較常見的就是RBAC基於角色的訪問控制,基本思想是系統的操作權限不是直接授予具體的用戶,而是在用戶與權限之間,建立角色集合,每個角色對

原创 前端知識學習----this詳解

關於this,首先要知道this的是在代碼執行的時候才能確定的,定義的時候不能確定,因爲this是執行上下文的一部分,而執行上下文是在代執行的時候才能確定的。實際上this的最終指向的是那個調用它的對象。 想理解this先看幾個例子:

原创 前端知識學習-----CSS3新增選擇器

CSS常見的選擇器有: 通配符選擇器, 元素選擇器,類選擇器, ID選擇器,後代選擇器 CSS3新增基本選擇器有: 子元素選擇器,相鄰兄弟選擇器,通用兄弟選擇器,羣組選擇器 基本選擇器—-子元素選擇器 概念:子元素選擇器只能選擇某元素的子

原创 前端知識學習----多列布局(2)

等寬佈局 float <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> * { mar