原创 頁面架構之 - 居中佈局

一、水平佈局(居中) 1.使用text-align 和 inline-bolck屬性 提示:對父容器(塊級元素)設置 text-align:center會對子容器所有有inline-屬性的值的元素起作用 <!DOCTYPE HTM

原创 React-Router (version 4)

React-router 工作學習總結 學習目的:爲單頁面react的應用提供頁面間的切換,即路由切換 相關內容: 此工具由 Facebook 開發並維護。 官網地址:https://reacttraining.com/react-r

原创 routing with ui-router

原文:https://scotch.io/tutorials/angular-routing-using-ui-router AngularJS提供了一種非常方便的單頁應用程序。當創建單頁應用程序時,路由將非常重要。我們希望我們的導航感

原创 jquery易混知識點總結

一、DOM與jquery對象的轉換1.DOM對象轉換爲jquery對象 $(DOM對象)2.jquery對象轉換爲DOM對象 jquery對象是數組對象-角標【0】 jquery對象提供一個get(index)方法 .get(0) 3.

原创 Css3 - Grid網格佈局

Grid - 二維網格佈局 Grid - 二維網格佈局 一介紹 原理 基礎概念 瀏覽器支持 二重要術語 grid container網格容器 grid Item網格項 grid line 網格線 grid track網格軌道 gr

原创 css佈局 - flex佈局

你是否還在使用 (display 屬性 + position屬性 + float屬性。)方式進行元素間的排列,那麼你就out了。傳統的佈局方式已經不能解決特殊的佈局方式。例如:垂直居中。 2009年,W3C 提出了一種新的方案

原创 React - Medium Knowledge

React - 進階詳解 提供一個在線編輯器:react https://codesandbox.io/s/new 一、JSX深入理解 JSX只是React.createElement(component,props,...childr

原创 jqlite

儘管Angular不鼓勵依賴jQuery庫,但是在應用中仍然可以使用它。只需確保在 DOMContentLoaded事件被觸發之前載入它或者手動啓動應用即可。  Angular本身包含了一個叫做jqLite的可兼容性庫。 使用過的ang

原创 javascript - 關於scope作用域和contact上下文

JavaScript的作用域(Scope)和上下文(Context) JavaScript對於作用域(Scope)和上下文(Context)的實現是這門語言的一個非常獨到的地方,部分歸功於其獨特的靈活性。 函數可以接收不同的的上下文和作用

原创 React - basic knowledge

react基礎總結 具體詳見官網:https://reactjs.org/docs/introducing-jsx.html 一、簡介 用於構建用戶界面的JavaScript庫 1.react不是完整的MVC MVVM框架 二、安裝

原创 AngularJs - 表單驗證

本文章翻譯並個人總結於: https://scotch.io/tutorials/angularjs-form-validation 我們更新了這篇文章爲Angular 1.3和新的 ng-touched 的功能。 今天我們來看看An

原创 webpack打包

前端工具 - 學會webpack打包 原文:http://www.jianshu.com/p/42e11515c10f 一、什麼使用webpack 現今的很多網頁其實可以看做是功能豐富的應用,它們擁有着複雜的JavaScript代碼和一大

原创 react-native 10打包apk

react-native 10 - 打包(windows系統開發的android) 本片主要總結一下 react-native 搭建的移動app項目打包 - android react-native(0.49) 平常項目運行reac

原创 angularJS - directive

一、directive介紹 1.什麼指令,從指令的用法,我可以這麼解釋,指令使用在dom元素上(例如屬性、元素名、註釋或class類),可以只是AngularJs的html編譯器($compile)將制定的行爲附加在該DOM元素上(例如通