原创 常見的六種html5錯誤用法(避免)

一、不要使用section代替div         人們在標籤使用中最常見到的錯誤之一就是隨意將HTML5的<section>等價於<div>——具體地說,就是直接用作替代品(用於樣式)。在XHTML或者HTML4中,我們常看到這樣的代

原创 各種前端面試題-html/css/jquery/js/es6/ajax/json/mvvm/nodejs等

在這裏總結了一下前端各種技術的面試題,所有問題均不帶答案,需要自己解答。 一、HTML、CSS、HTML5、CSS3 1、XHTML與HTML的有何異同? 2、介紹一下CSS的盒子模型?彈性盒子模型是什麼? 3、Doctype的作用?標準

原创 MongoDB增刪改查等常用數據庫操作封裝成模塊

這個模塊裏面封裝了所有對數據庫的常用操作:增刪改查 //在node中使用MongoClient類的connect( )方法進行數據庫連接 var MongoClient = require("mongodb").MongoClient;

原创 CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介紹

一、稱爲引言的部分 週一的時候,見到條轉發較多的微博,是個頁面鏈接,頁面中有4個充分發揮CSS3 box-shadow潛力實現精湛的效果。 有4個demo4種效果哦! 比方說第三個的彩色轉啊轉的loading效果: 是不是帥得掉渣啊! 然

原创 手寫實現ajax的實現過程及ajax跨域

1、手寫ajax的實現過程,不依賴任何第三方庫 主要考察XMLHttpRequest 對象,它用於在後臺與服務器交換數據 版本ie使用ActiveXObject對象,該方法沒有做兼容(根據目前行情,不需要了) var xhr = new

原创 14個支持響應式設計的流行前端開發框架

        在幾年前,並沒有真正意義上的前端開發。隨着網絡技術的發展,網站和 Web 應用程序變得越來越複雜,前端部分的工作獨立出來逐漸成爲現在的前端開發。如今,我們可以看到越來越多的公司在招聘前端開發崗位。   前端開發並不容易,除

原创 html5鼠標滾輪事件mousewheel使用

html5中增加了一個新的鼠標事件onmousewheel    這個事件使用的時候要注意使用方法,不然就不會起到作用,下面是一個實例。 你只需要新建一個html文件,然後將以下html代碼複製過去,然後在你的html文件中引入image

原创 28個最基本的HTML5特徵和技術

          前端的發展如此之迅猛,一不留神,大俠你可能就會被遠遠地甩在後面了。如果你不想被HTML5的改變/更新攪得不知所措的話,可以把本文的內容作爲必須瞭解的熱身課程。 一、新的Doctype          ”docty

原创 CSS2中display:table屬性的用法詳解

           想必大家都已經知道了css屬性display的一些常見屬性值,比如none,block,inline-block等等,今日我在看一個效果代碼的時候,碰到一個之前從未使用過的屬性值,就是它了,display:table

原创 node.js中使用連接MongoDB數據庫的方法

在node中使用mongogb數據庫 首先要安裝mongodb模塊: npm install mongodb 連接MongoDB有兩種方法: 通過實例化mongodb模塊中提供的MongoClient類,然後使用這個實例化的對象來創建和

原创 11 個處理觸摸事件和多點觸摸的 JS 庫

        英文原文:11 Multi-touch and Touch events Javascript libraries   觸摸屏是現在所有智能手機的標配,還包括各種平板設備,而且很多桌面也慢慢在開始支持觸摸操作。要開發支持

原创 node.js連接MongoDB數據庫成功之後報錯:db.collection is not a function

最近在node中使用mongodb的時候,出現了一個錯誤,原代碼如下: //引入mongodb模塊,獲得客戶端對象 var mongo = require("mongodb");//引入mongo模塊 var MongoClient =

原创 關於form表單提交的方式和注意點

總結一下關於表單提交的幾種方式: 一、使用<input type="submit"> 直接提交表單 <form id="form1" action="/test" method="post"> <label for="users

原创 CSS3中和動畫有關的屬性transform、transition 和 animation

CSS3中和動畫有關的屬性有三個  transform、 transition 和 animation。下面來一一說明:   一.transform  從字面來看transform的釋義爲改變,使…變形;轉換 。這裏我們就可以理

原创 JQMobile中的頁面與對話框

1.關於page容器 在page容器內,可以使用任何有效的html標籤,但是page容器的直接子節點需要使用data-role標記屬爲“header”“content”“footer”的三個容器。 2.關於頁面之間的跳轉 1).如果是外部