原创 git一小時入門教程及常見錯誤分析

1.GIT是什麼 一個分佈式版本控制系統,和SVN類似,但遠比SVN強大的一個版本控制系統 ①Git可以方便的在本地進行版本管理,如同你本地有一個版本管理服務器一樣我們可以選擇在合適的時間將本地版本推送到統一的版本管理服

原创 vue設置webpack文件別名+配置路由的默認class

上次在學習中,遇到了配置默認路由的問題,這次我們配置webpack文件別名和設置路由的默認class 1.設置webpack文件別名 首先設置別名是在webpack.base.conf.js 的文件中設置。找到 resolve: {

原创 log4js 2.x的配置使用

剛好有需求,寫一個log文件,記錄信息。但是在網上找了很久沒有合適的方案來給我一個新手去使用的。最終在github上找到一個demo,方案 很好,拿來配置了一下,感覺很不錯。地址:https://github.com/xrian/

原创 Vue.js 從安裝到實踐1

關於Vue.js ,應該不用我在贅述,現階段最火的前端MVVM框架之一,與Anglur、react等火熱框架並駕齊驅。給我們前端的發展帶來了很多的改變。今天我們就從零開始,慢慢接觸Vue.js 框架,來試着實現一個完整的單頁應用。(給自己

原创 css3 陰影box-shadow transition漸變 transform變換

       在工作中,經常要寫一點小動畫,這時候用jquery的動畫麻煩,用css3的animate太複雜,而且兼容不好,這個時候,用點css3的小特性,就很方便了,代碼也少,效果還是棒棒的!    1.1    首先使用的是box-s

原创 requirejs初體驗

1.初識 因爲工作的需要,現在開始使用requirejs來做前端模塊的管理開發。在這之前都沒有使用過這類工具的我,看到這個很懵逼啊有木有。但是沒辦法,還是要啃下來。 在真的開發之前,先看requirejs官網。竟然是英文的,沒辦

原创 javascript 理解和使用回調函數

在javascript中,function是內置的類對象,也就是說它是一種類型的對象,可以和其他String、Array、Number、Objec類的對象一樣用於內置對象的管理。因爲function實際上是一種對象,它可以“存儲在變量中,

原创 javascript canvas 模擬mac最小化

文章是別人寫的,不是我自己的,鏈接忘記了。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

原创 移動端1px像素邊框

造成邊框變粗的原因 其實這個原因很簡單,因爲css中的1px並不等於移動設備的1px,這些由於不同的手機有不同的像素密度。在window對象中有一個devicePixelRatio屬性,他可以反應css中的像素與設備的像素比。

原创 javascript jquery 仿京東左側懸浮框效果

原生javascript 仿京東左側懸浮框效果。 在工作中遇到這樣的要求,懸浮在右側,滾動到特定的位置,顯示出來,標記。和京東的懸浮框效果類似,只是位置不同,不多說,先貼代碼。 html <div class="sroll-box">

原创 javascript 刪除所有空格的方法

仿照JQuery內部的方法: function trim(str) { return str.replace(/^(\s|\u00A0)+/, '').replace(/(\s|\u00A0)+$/, ''); } 在使用的時

原创 javascript中的call()方法和apply()方法用法總結

obj.call(thisObj, arg1, arg2, ...); obj.apply(thisObj, [arg1, arg2, ...]); 兩者的作用都是一致的,即把obj綁定到this.obj,這樣thisobj就會具有obj

原创 nginx 反向代理最簡單配置

nginx的最簡單配置。 在開發前端的時候,經常會遇到跨域的問題,很煩,在網上看了很多,都說nginx的反向代理最簡單實用。就實踐了一下,發現也不是很簡單嘛,至少 我折騰了很久。寫個博文,記錄下這個最簡單的實現是怎麼做的。 當然啦,要想使

原创 web框架express安裝初體驗

1、前期準備工作 最近在閒暇之餘,喜歡上了nodejs,在默默的看了兩個星期後,看到了express,mongodb。 對於mongodb,下次再講,這次主要是關於安裝express。詳細如下: 首先要安裝node,我是在no

原创 javascript map()方法解析

map() 方法創建一個新數組,其結果是該數組中的每個元素都調用一個提供的函數後返回的結果。 let numbers = [1, 5, 10, 15]; let doubles = numbers.map((x) => {