原创 css3學習筆記(三)---切換背景圖像,融合筆記二的知識

<!DOCTYPE HTML> <htmllang="en-US"> <head> <meta charset="UTF-8"> <title>CSS3 Full Background Slider </

原创 nodejs與Express4配合搭建網站

最近用nodejs和Express試了一下搭建網站,感覺速度還是相當快的,總結一下,好記性不如爛筆頭! node的安裝可以直接到官網下載最新版本,安裝就好。 node安裝好後我們來依次安裝,其中-g表示全局安裝,好處是可以直接

原创 GitHub從fork到pull request之基礎流程

之前接觸了github,但每次使用都還要查閱一些基礎用法,因此打算在此總結回顧一下。 首先來一遍從fork到pull request這個過程的基礎流程 首先,fork 一個repository,實際上是複製了一份 repos

原创 css3學習筆記(六)----Media Queries(媒體樣式) 與Responsive(響應式)

1,媒體類型:其中Screen、All和Print爲最常見的三種媒體類型。 值 設備類型 All 所有設備 Braille 盲人用點字法觸覺回饋設備 Embossed 盲文打印機 H

原创 淺析JavaScript原型鏈與原型鏈式繼承

原型鏈與原型鏈式繼承 上篇總結了下JavaScript的作用域鏈的問題,歡迎拍磚!淺析JavaScript作用域鏈 繼上篇總結中提出的情況 同樣都是鏈,但這兩個鏈往上追朔的頂點是不一樣的;並且爲了增強我們對js繼承的理解。

原创 css3學習筆記(二)---選擇器(包含部分css2選擇器)

css3選擇器 1,屬性選擇器:首先選到含有att屬性的E元素 E[att="val"] ,表示:att屬性等於val的元素 input[type="text"] E[att^="val"] ,^表示:att屬性開頭爲val的元

原创 多行文本溢出用省略號表示

最近在做移動端的項目,遇到了多行文本溢出後用省略號表示的需求,之前一直是每次用到的時候就搜索,這次打算總結一下。 WebKit瀏覽器或移動端的頁面 因爲這次做的項目是要放在微信裏的,所以一開始想到的便是WebKit的CSS擴展屬性

原创 C#導出Excel

導出EXCEL是經常用到的功能,之前接觸過,最近又再次用到了,就總結下! 將以下方法寫在Action裏就好。 public ActionResult OutExcel() { string whe

原创 C#簡單生成訂單編號--通過精確到毫秒的時間格式

C#生成訂單編號的一個簡單方法,僅適用於小數據,因爲這個方法是通過將時間精確到毫秒來生成編號,面對大數據,也有可能“撞衫”! System.DateTime.Now.ToString("yyyyMMddHHmmssfff")如此簡單。

原创 cocos2d-js學習筆記---場景轉換(scene),顏色圖層,變量獲得

一:場景轉換(Scene) 1,場景棧---pushScene(進棧,顯示臨時場景),popScene(出棧,顯示上一個場景):現有A,B場景,A場景正在運行,需要臨時進入B場景,即一會還要回A場景 cc.director.pu

原创 Web列表分頁--(單頁web)容易上手的方法

列表是後臺管理中經常用到的,爲了提高效率,我們需要將它進行分頁獲取,接下來講一下自己將常用的一套寫法,其中用到了template.js這個輪子,可以參考我的另一篇文章:template.js插件--好用的模板插件看下具體用法。 1,控制

原创 template.js插件--好用的模板插件

template.js是一款JavaScript模板引擎,簡單好用,而且只有5K左右哦! 最近剛好做一個工程用到了,就來總結下。 原理:提前將Html代碼放進一個<script id="test" type="text/html"></s

原创 淺析JavaScript作用域鏈

作用域鏈 之前看了《javascript高級程序設計》第三版,一直想想總結一下,但是由於拖延症而一推再推,今天終於開工啦,希望自己以後能夠更加勤快一點。當然都是我的個人理解,如有不對,歡迎指出。 首先總結一下作用域鏈的問題,說到

原创 css3學習筆記(五)---佈局樣式相關

1,多列布局--columns: column-width:列寬,如200px column-count:列數,如5 column-gap:列之間的間距,如50px column-rule:列之間的邊框寬度,邊框樣式,邊框顏色,如3p

原创 css3學習筆記(四)---變形與動畫

變形 1,旋轉--rotate():以中心爲原點旋轉,正值順時針,負值逆時針 #test { transform:rotate(20deg); -webkit-transform: rotate(20deg); -moz-tr