原创 MongoDB常用命令

今天重溫了一些MongoDB的知識。導入數據到MongDB:以較好的格式查看集合(表):刪除集合(表): 點贊 1 收藏 分享 文章舉報 Handsome_fan 發佈了65 篇

原创 JS函數-返回一定範圍的數組

有這麼一道JS編程題: 編寫一個js函數,該函數有一個n(數字類型),其返回值是一個數組,該數組內是n個隨機且不重複的整數,且整數取值範圍是[2,32] 首先,定義一個函數用來返回一定範圍的數值: function getRand(a,

原创 MongoDB GUI( Robo 3T)基本使用

Robo 3T是很好用的MongoDB可視化管理工具。按照以下操作就可以像編輯文本一樣對數據庫表(集合)進行基本的增刪改操作,十分方便。 點贊 1 收藏 分享 文章舉報 Hands

原创 tab面向對象寫法

面向對象可以說是一種思維方式,它將世界上的萬事萬物抽象出來變成一個一個的單元,面向對象也是一種編程的技術,適用於大型信息系統的開發。tab是在網頁中常見的一種特效(組件),本文將會講解如何用面向對象的方式來實現tab效果。 在講

原创 純CSS3實現的藍天白雲效果

純CSS3實現的藍天白雲效果 今天我使用了CSS3新增的屬性border-radius、linear-gradient、scale(縮放)和一些佈局技巧實現了藍天白雲的效果。其HTML結構如下: <div class="conta

原创 JavaScript原生拖拽的面向對象寫法

本篇文章和上一篇介紹用面向對象的編程技術來實現tab的效果一樣,也先用面向過程的編程技術來將拖拽的效果實現一遍,然後通過變型,再用面向對象的編程技術將其實現一遍,讓讀者在對比中學習。 拖拽的效果其實在網頁開發中是一種普遍的效果,

原创 CSS3繪製三角形

三角形是在網頁應用中一種常見的圖形,我們用CSS3技術可以很容易的繪製出來。 首頁我們先定義好相應的html結構: <div class="wrap"> <span class="rank-label"></span> </div>

原创 移動端星級評分效果的實現

星級評分在網頁當中是經常用到的,今天特地用原生的JS實現了在移動端中的星級評分效果。由於在移動端中是沒有鼠標事件的,所以在移動端中的星級評分效果的實現方式要與pc端稍微有點不同,就是要把相應的事件轉成移動端的事件。 星級評分的目錄結

原创 記錄一個有關offsetWidth的怪異問題

offsetWidth 是什麼?從外形上來看,它和width很像,其實offsetWidth是取得一個DOM對象的border + padding + width的和。果然是和width屬性是有關聯的啊。 我們認識了offsetWidt

原创 JS面向對象之拷貝繼承

JS中的繼承和我們現實當中的繼承類似,就是子類(繼承者)擁有父類(被繼承者)的所有特性(屬性與方法),同時子類又可以擁有自己特定的屬性或方法(基因突變),而且子類的改變不會影響到父類。我們爲什麼要繼承呢?其實主要是爲了代碼複用。 繼承分

原创 jQuery.extend()方法講解

jQuery.extend()方法在插件開發中經常會運用到,它能夠將兩個對象合併成一個對象。今天我就用一個例子來講解jQuery.extend()的用法,具體代碼如下: var object1 = { apple: 20,

原创 仿蘋果菜單的圖片放大特效實現

我想用過mac的人都應該見過它的菜單特效,就是鼠標移到適當的位置的時候,菜單圖片會有一個放大的效果,今天我就模仿這個效果來做一個有關圖片的特效,最終的實現效果如下: 它的HTML結構如下: <div class="wrap">

原创 利用js的call實現屬性的繼承

/** * 學生類,代表一個學生. * @constructor * @param {string} name - 學生的姓名. * @param {string} id - 學生的學號. */ function Student

原创 JS數組reduce()方法簡介

reduce()方法是處理數組的方法,它接收一個函數和一個初始值,然後將數組中的每個元素和初始值當作參數傳入這個函數中進行處理,最後返回和初始值相同類型的值。 例如,將某個值減去數組中的每個元素: var items = [5, 10,

原创 JS面向對象之類式繼承

JS中沒有類的概念,我們可以把JS中的構造函數看做是類。 function Father() { // 父類 this.name = '名字'; } Father.prototype.showName = function()