原创 CSS佈局解決方案——多列布局(定寬+自適應)

方案一:使用float+overflow方案二:float+margin方案三:float+margin(改良版)方案四:使用table方案五:flex

原创 CSS佈局解決方案——居中佈局(水平居中)

方案一:使用inline-block+text-align(1)原理:先將子框由塊級元素改變爲行內塊元素,在通過設置行內塊元素居中以達到水平居中。(2)用法:對子框設置display:inline-block;對父框設置text-alig

原创 SqlServer觸發器的格式+小例子解析

觸發器基本語法格式:create trigger tri_name        on table                                for insert/update/deleted    asSQL cod

原创 CSS佈局解決方案——居中佈局(垂直居中)

方案一:使用table-cell+vertical-align方案二:使用absolute+transform方案三:使用flex+align-items 點贊 收藏 分享 文章舉報

原创 CSS佈局解決方案——居中佈局(水平垂直居中)

方案一:使用absolute+transform方案二:使用inline-block+text-align+table-cell+vertical-align方案三:使用flex+justify-content+align-items

原创 React自學心得二(事件的用法)

一:React中事件的用法1、事件處理函數的使用:例如一個簡單的綁定語法:onClick={this.handleClick}觸摸類的事件:onTouchcancel、onTouchEnd、onTouchmove、onTouchStart

原创 jQuery UI自學心得(使用下載、交互、小部件)

一:jQuery UI下載與使用1、jQuery UI:①是以jQuery爲基礎的JavaScript頁面用戶界面的開源庫。包含底層用戶交互、動畫、特效和可更換主題的可視控件。我們可以直接用它來構建具有很好交互性的web應用程序。②包含了

原创 項目構建與部署

一:Grunt介紹和應用二:Gulp介紹和應用三:Bower介紹和應用四:Yeoman介紹和應用五 :Fis介紹和應用(百度前端應用工具)六:深入理解Git遠程操作(不理解、沒有學習)七:Git遠程協作八:理解Git中push.defau

原创 CSS在工程中改變

一:面向對象的CSS1、OO CSS將頁面可重用元素抽象成一個類、用class加以描述,而與其他對應的HTML既可看成是此類的一個實例。2、OO CSS的作用:加強代碼複用以便方便維護;減小CSS體積;提升渲染效率;組件庫思想,柵格佈局可

原创 JavaScript自學心得三(瀏覽器對象、瀑布流、面向對象詳解、正則表達式)

一:JavaScript瀏覽器對象1、window對象:window對象是BOM的核心,window對象指當前的瀏覽器窗口。所有的JavaScript全局對象、函數以及變量均自動成爲window對象的成員。window尺寸:window.

原创 React自學心得一(概述、語法及特點、生命週期、屬性和狀態)

一:React概述1、React特點:簡單、聲明試。React的核心是組件,組件的設計目的是提高代碼複用率、降低測試難度和代碼複雜度。2、React開發環境搭建:常用的編輯器及插件的配置①編輯器:Codekit、Sublime Text3

原创 Backbone概述

單頁面應用:簡稱SPA,是指在瀏覽器中運行的應用,他們在使用期間不會重新加載頁面。(它將所有的活動侷限於一個web頁面中,僅在該web頁面初始化時加載相應的HTML、CSS、和JavaScript。一旦頁面加載完成,SPA不會因爲用戶的操

原创 HTML5新增元素的介紹

一:html5新增的主體元素<article>:定義頁面獨立的內容區域(可以嵌套使用,可以表示插件)。<section>:定義文檔中的節(section,區段)。<nav>:定義導航鏈接的部分。<aside>:定義頁面的側邊欄內容。<ti

原创 JavaScript自學心得一(基礎、語法、函數,異常處理/事件處理)

一:JavaScript基礎教程1、JavaScript介紹:一種輕量級的編程語言、是可插入HTML頁面的編程代碼,JavaScript插入HTML頁面後,可由所有瀏覽器執行。2、JavaScript用法:HTML中腳本必須位於<scri

原创 CSS佈局解決方案——等分佈局(定寬+自適應+兩塊高度一樣高)

方案一:使用float方案二:使用table方案三:使用flex方案四:使用display