原创 ECMAScript 6學習筆記
1.環境支持 首先，必須在網頁頭部加載Traceur庫文件 <!-- 加載Traceur編譯器 --><scriptsrc="http://google.github.io/traceur-compiler/bin/traceur.j
2018-09-03 19:21:07
1
原创 MongoDB基本命令
成功啓動MongoDB後，再打開一個命令行窗口輸入mongo，就可以進行數據庫的一些操作。 輸入help可以看到基本操作命令： show dbs:顯示數據庫列表 show collections：顯示當前數據庫中的集合（類似關
2018-09-03 19:21:06
4
原创 CSS3繪製各類圖形
三角形 #triangle{ width:0; height: 0; border-left:25px solid transparent; border-right:25px solid transp
2018-09-03 19:21:06
原创 CSS裏的各種水平垂直居中基礎寫法心得
首先，依舊是概念。介紹一下行內元素和塊級元素，這個很重要，因爲有的屬性只能用於塊元素，而有的正好相反，在一定的情況下，它們也可以相互轉換，比如用display來進行設置。 行內元素(又叫內聯元素inline element):
2018-09-03 19:21:06
2
原创 Sass學習筆記
一、Sass的介紹 Sass 是一門高於 CSS 的元語言，基於Ruby創造出來的，它能用來清晰地、結構化地描述文件樣式，有着比普通 CSS 更加強大的功能。 Sass 能夠提供更簡潔、更優雅的語法，同時提供多種功能來創
2018-09-03 19:21:06
原创 D3入門總結
基礎API 選擇元素 d3.select() 選擇所有指定元素的第一個 d3.selectAll() 選擇指定元素的全部 綁定元素 data() 綁定一個數組到選擇集上，數組的各項值分別與選擇集的各元素綁定 dataum() 綁定一個數據
2018-09-03 19:21:06
3
原创 使用Gulp構建前端自動化
Gulp簡介 gulp是前端開發過程中一種基於流的代碼構建工具，是自動化項目的構建利器；她能自動化地完成 javascript、coffee、sass、less、html/image、css等文件的測試、檢查、合併、壓縮、格式化、瀏覽器自
2018-09-03 19:21:06
原创 用grunt搭建自動化的web前端開發環境
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你沒有理由不學、不用！ 1. 前言 各位web前端開發人員，如果你現在還不知道grunt或者聽說過、但是不會熟練使用grunt
2018-09-03 19:21:06
原创 JSON數組去重算法
需求描述：去除JSON數組中paymode字段相同的項，並將paymoney累加。 paylist:[{paymode:'1',payname:"現金"，paymoney:"20"}, {paymode:'2',payname:"
2018-09-03 19:21:06
3
原创 前端SEO優化(個人總結)
1.控制首頁鏈接的數量（最多不超過100個a鏈接） 2.扁平化的結構層次（三層目錄結構） 3.圖片必須添加title和alt的值 alt標籤用來描述圖片，告訴搜索引擎這張圖片是什麼。圖片搜索就是依賴這些標籤，所以我們需要加上這個標籤。al
2018-09-03 19:21:06
原创 Javascript實現完美的運動動畫框架
運動框架的實現思路 運動，其實就是在一段時間內改變top、bottom、left、right、width、height、opacity的值，到達目的地之後停止。 運動框架的實現代碼： function getStyle(elemen
2018-09-03 19:21:06
原创 JavaScript Namespace命名空間使用說明
什麼是命名空間？語言使用的一種代碼組織的形式 通過名稱空間來分類，區別不同的代碼功能 。無論項目大小，如果一開始不嚴格按照命名空間來編寫程序，當你寫到上萬行JavaScript程序的時候，我相信你一定會後悔你的object或者functi
2018-09-03 19:21:06
原创 nodeJs--模塊module.exports與實例化方法
在nodejs中，提供了exports 和 require 兩個對象，其中 exports 是模塊公開的接口，require 用於從外部獲取一個模塊的接口，即所獲取模塊的 exports 對象。而在exports拋出的接口中，如果你希望你
2018-09-03 19:21:06
2
原创 跨IE和Chrome瀏覽器事件處理的解決辦法
一、事件流 事件流描述的是從頁面中接受事件的順序。 IE的事件流是事件冒泡流，而Netscape的事件流是事件捕獲流 1、事件冒泡 事件冒泡，即事件最開始由最具體的元素(文檔中嵌套層次最深的那個節點)接收，然後逐級向上轉播至最不具體的節點
2018-09-03 19:21:06
原创 移動端手勢庫hammer.js
Github Hammer.js是一個開源的，輕量級的javascript庫，它可以在不需要依賴其他東西的情況下識別觸摸，鼠標事件。 使用 引入hammer.js到文件中，並創建一個新的實例： var hammer = new Hamme
2018-09-03 19:21:06