原创 用 jQuery 取得 Div 的寬度與高度（Width, Padding, Border, Margin）
覺得不錯，用得挺多的就轉了，也謝謝原創了。這邊講的不一定是 div，所有 Block 對象都可以適用。什麼是 Block 對象？ 簡單講就是會斷行的對象，像 div 或 p 都是；相對於 Block 對象的叫做 Inline 對象，也就是不
2020-05-31 13:02:09
原创 JS獲取當前網頁大小以及屏幕分辨率等
這篇文章主要介紹了JS獲取當前網頁大小以及屏幕分辨率等,方法雖簡單，但比較實用，需要的朋友可以參考下效果如下：代碼如下：<html><head><title>獲取當前對象大小以及屏幕分辨率等</title><body><div style=
2019-09-30 14:11:48
3
原创 一個兼容ie，火狐等瀏覽器的取消冒泡代碼
這個bug只有懂的人懂，三步搞定所有問題。爲了大家能複製，上代碼：function stopHandler(event) { window.event ? window.event.cancelBubble =
2019-02-22 17:22:53
原创 移動端的touchstart,touchmove,touchend事件中的獲取當前touch位置
前提：touchstart,touchmove,touchend這三個事件可以通過原生和jq綁定。原生：document.querySelector("#aa").addEventListener('touchmove', function
2019-02-22 17:22:38
1
原创 前端技術-佈局解決方案
原文 http://www.cnblogs.com/jingwhale/p/4753686.html 一、居中佈局1.水平居中行內元素如果被設置元素爲 文本、圖片 等行內元素
2019-02-22 17:22:35
原创 html代碼用js實現複用
作爲前端開發人員，大家都會碰到的一個問題就是重複的代碼怎麼處理，如果總是複製粘貼，會使得代碼顯得非常的龐大，不易讀。雖然有一些語言如node.js可以模塊化管理，但是用js或者jquery實現既簡單又可以面對其他環境搭建的時間。假如
2019-02-22 17:22:33
原创 @media 注意事項 寫作順序問題（非常重要）
這簡直是個小技巧，一開始我也十分納悶。爲什麼寫的有些 @media 沒有起作用。原來有這麼回事：我們知道 min-width 表示最小即大於等於， max-width 表示最大即小於等於； 但我們也很清楚 CSS 樣式 跟 DOM 結
2019-02-22 17:22:30
7
原创 使用CSS3的 @font-face 顯示自定義字體
之前我們要是想使用漂亮的字體只能使用圖片字體圖片，即製作過程偏慢，用戶體驗也不夠好，對於計算機的加在也是一種負荷，現在css3爲我們提供了新的自定義字體屬性： @font-face，不但使用簡單，而且幾乎能解決了我們之前的所有問題。
2019-02-22 17:22:29
原创 Bootstrap3.0 柵格系統背後的精妙魔法(Bootstrap3.0的柵格佈局系統實現原理)
本文主要講解了Bootstrap3.0的柵格佈局系統實現原理，以及使用過程中應該注意的問題。開始...翻譯..像CSS柵格系統原理這類東西本應該藏在簾子後面，你直接用就可以了，沒必要去了解其背後的工作原理，除非你有了比較爛的設計或者一些比較
2019-02-22 17:22:29
1
原创 js循環實現九九乘法表
js裏面的循環是日常編程中用的最多的也是最基礎的，我們可以藉着實現99乘法表的實現學習和熟練js的循環技巧。本文只實現99乘法表，但是大家可以根據自己的喜好練習使用循環打印各種不同的形狀，如正方形或者三角行等等。打印99乘法表思路：
2019-02-22 17:22:29
原创 手機端網頁設計尺寸,手機端網頁設計圖片尺寸
電腦網頁的設計尺寸對大於30W臺客戶端用戶進行測試，得到的測試數據如下（數據來源於網絡）：安全分辨率爲1024 X 768 px 可建議大分辨率爲1280 X 800 px在Window XP常見分辨率1024×768下我們除掉任務欄，瀏覽
2019-02-22 17:22:29
原创 trim（）清除字符串空格
js裏面處理字符串的時候我們經常會用到一個方法就是trim()，意思很 簡單就是能將我們字符串首尾的空格清除掉，例：<script type="text/javascript"> var str = " abc "; ale
2019-02-22 17:22:29
原创 js定時器案例
<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>定時器案例</title> <script> var myC
2019-02-22 17:22:28
原创 自適應網頁設計的方法(手機端良好的訪問體驗)
昨天中午Google進行了一次在線講座，講述自適應網頁設計的概念和方法，維護同一個網頁代碼，即可使網站在多種瀏覽設備（從桌面電腦顯示器到智能手機或其他移動產品設備）上具有更好的閱讀體驗，這裏我將該講座內容簡要的整理一下1、在HTML頭部增加
2019-02-22 17:22:28
1
原创 一段jquery代碼搞定多個tab效果
現在的頁面上幾乎都要tab切換甚至不止一個，早有想法嘗試用一段代碼控制所有tab的方法，自己嘗試了一下。裏面有幾個要點抓住就好了。 <style> .wrap{
2019-02-22 17:22:28
1