原创 Git 使用筆記(持續更新中...)

Git在工作中每天都會用到,從開始pull , push ,到後面的回滾和刪除,踩過很多坑,這裏記錄一下。 1. windows系統, git在http模式下,每次都需要輸入賬號密碼的解決方案: git config credenti

原创 結構-行爲-樣式 - React + Redux + Webpack + Antd 小Demo

最近在學習React,從小白到入門,談不上精通。每一個新的框架都是一樣,主要是自己有自己的學習方法,再多的框架也是手到擒來。React主要的思想就是組件開發,官網上的Demo也說的很詳細,就是讓你在做一個頁面之前,先想想,這個東西能拆分成

原创 結構-行爲-樣式-Js排序算法之 直接插入排序

最新因工作原因需要接觸到算法,之前學習C++的時候有接觸過算法,Javascript中實現算法其實也是大同小異。下面我講下第一個實現的排序算法--直接插入排序。基本實現思路:假定一個數組中前n(n>=2)個值已經排序好了,那我們就從第n+

原创 結構-行爲-樣式-css&html橫縱居中最佳實踐

最近在做手機端的H5項目,有個標題是在一根橫線中的,就是水平居中加垂直居中(如圖一)。這應該是前端開發中經常遇到的一個場景了,做的次數多了就有一些體會,我今天就總結了下這種結構的實現思路:首先,用元素的Border來做這根線;然後,線與文

原创 結構-行爲-樣式-Css筆記

 0、常見的行級元素和塊級元素:   行級元素:div,table,form ,ul,ol,p,h1-h6,hr;   塊級元素:a,select,input,textarea,img,label,br,i,b,span,strong;

原创 結構-行爲-樣式-Js排序算法之 快速排序

 快速排序算法,是我的算法系列博客中的第二個Js實現的算法,主要思路:    在一個數組中隨機取一個數(一般都取第一個或者最後一個),使這個數與數組中其他數進行比較,如果比它大就放到它的右邊,比它小就放到這個數的左邊,依次遞歸調用直到比較

原创 《ES標準入門》&《UNDERSTANDING ECMACHRIPT 6》 讀書摘錄筆記(下)

前言 這兩本書應該是目前ES6相關的比較好的了,網上有電子版本(文末有鏈接)。不過我買了書看,哈哈。這兩篇摘錄筆記分爲上下兩部分,本文是下半部分(7-10章),摘錄了兩本書裏一些比較有用的知識點。 目錄 7 . Symbol和Symbo

原创 結構-行爲-樣式-Angularjs-ngSanitize

簡單點,上代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ngSanitize</title> <script src="../jquery.1.9.1.mi

原创 結構-行爲-樣式-angularJs 指令解決IE下無PlaceHolder的問題

最近項目開發的時候遇到一個頭疼的問題,在測試IE兼容性的時候,發現placeholder在IE下無效。查網上說也是有各種解決方案,但是都不是我想要的,於是決定自己寫一個。思路:placeHolder是一個提示性的文字 ,我們完全可以用Sp

原创 結構-行爲-樣式-AngularJs--指令實現 手動觸發響應到頁面指定位置

最近工作需要增強用戶體驗,項目經理說下拉框架用戶體驗太差,於是乎我開始想了如下指令。這個指令可以讓用戶點擊的時候把下拉或者其他的響應顯示的東西不會因爲屏幕的滾動而看不見,也就是讓用戶看見他想看見的。   具體如下: define(['

原创 結構-行爲-樣式 - angularJs 指令實現無限級下拉列表

A、數據格式: [ { "groupKey": "c1", "name": "項目營銷", "selectHide": false, "son": [ { "g

原创 結構-行爲-樣式-Bootstrap筆記

1、自上而下的內容佈局,中間內容可變,應該用: <div class=" container-fluid"> <div class=" row"> ...... </div> </div> 這樣如果設置了背景的話,

原创 結構-行爲-樣式-requireJs實現圖片輪播插件

最近工作需要,就自己寫了一個圖片輪播插件,不過想到要集成到框架中,於是又用RequireJs改了一遍。 主要文件:style.css jquery-1.11.1.min.js require.js viewpager.js view.js

原创 結構-行爲-樣式-JqueryUI拖放使用實例(全)

 最近工作中有個需要是動態配置頁面,想到之前公司有做過類似的,用的是JqueryUi,所以就看了下它的Api。下面就是我做的小Demo,想用的同學可以參考: Html: <div class="page-component

原创 結構-行爲-樣式 - Angularjs 環境下Ztree結合JqueryUI實現拖拽

新的項目中有一個需求是要求客戶標籤可以自定義,於是就想到了客戶體驗,讓客戶自己拖拽標籤進行組合查詢。但是理想很豐滿,現實很骨感。一開始就遇到了問題,各個插件之間的結合問題,折騰一翻之後終於實現了這個功能,這裏記錄一下。   首先,在Ang