原创 Pjax是什麼以及爲什麼推薦大家用

什麼是pjax? 現在很多網站( facebook,  twitter)都支持這樣的一種瀏覽方式, 當你點擊一個站內的鏈接的時候, 不是做頁面跳轉, 而是隻是站內頁面刷新。 這樣的用戶體驗, 比起整個頁面都閃一下來說, 好很多。 其

原创 http請求返回405 (Method Not Allowed)

原因:使用post請求並且發送的URL是一個具體的資源的時候例如JSON文件, 網站應該解析的時候把整個URL當作域名解析, 解決方案:目前的需求是不需要傳參數給服務端, 而是直接訪問服務端的具體資源, 所以要用get請求。

原创 nodejs與npm更新、cnpm的安裝

一、nodejs與npm更新 在mac pro上安裝的雙系統中window 10上進行更新npm、nodejs 直接使用命令失敗的可能原因:Windows下不能使用“n”包管理器來對NodeJS進行管理 目前版本:   node 0.12

原创 CSS與JS的兼容性問題總結

兼容性 瀏覽器兼容性問題又被稱爲網頁兼容性或網站兼容性問題,指網頁在各種瀏覽器上的顯示效果可能不一致而產生瀏覽器和網頁間的兼容問題。在網站的設計和製作中,做好瀏覽器兼容,才能夠讓網站在不同的瀏覽器下都正常顯示。而對於瀏覽器軟件的開發和設計

原创 sublime text3 快捷鍵

選擇類Ctrl+D 選中光標所佔的文本,繼續操作則會選中下一個相同的文本。Alt+F3 選中文本按下快捷鍵,即可一次性選擇全部的相同文本進行同時編輯。舉個栗子:快速選中並更改所有相同的變量名、函數名等。Ctrl+L 選中整行,繼續操作則繼

原创 前端解決跨域問題的8種方案

原文:http://www.cnblogs.com/JChen666/p/3399951.html 1.同源策略如下: URL 說明 是否允許通信 http://www.a.com/a.jshttp://www.a.c

原创 打造高大上的Canvas粒子動畫

原文鏈接:https://isux.tencent.com/canvas-particle-animation.html 首先來看下我們準備要做的粒子動畫效果是怎麼樣的~ 是這樣: 或者是這樣: 甚至是這樣: 很酷

原创 js利用offsetWidth和clientWidth來計算滾動條的寬度

前言 其實,很多情況下滾動條寬度是不用計算的,特別是谷歌瀏覽器,可以對滾動條進行美化,具體請看http://www.haorooms.com/post/CSS_selections 這裏例子,已經定義了滾動條的寬度是9px加上padd

原创 10種優化頁面加載速度的方法

許多研究發現,頁面速度和訪客的滯留時間,跳出率以及收入都有直接的關係。另外,谷歌的排名算法中也把頁面加載速度作爲其中一項考慮因素。因此,你網站的頁面加載時間是至關重要的。從訪問者的角度看,測試你的瀏覽器速度的一個很好的方法是清除你的瀏

原创 JS獲取瀏覽器可視區域的尺寸

 所謂可視區域是指能看得見的區域,即在瀏覽器中能看到頁面的區域(高度與寬度)。剛剛使用 document.body.clientHeight 來獲取可視區域的高度得到的卻是整個文檔的高度,然後在cnblogs.com的一篇文章中獲知需要

原创 iphone 6 /chorme模擬器 普通網頁瀏覽器各值參考

iphone 6 /chorme模擬器一普通網頁各值參考: 一、JS方法 // 在聲明瞭DOCTYPE的瀏覽器中,可以用以下來獲取瀏覽器顯示窗口大小 document.documentElement.clientWidth 375 doc

原创 webpack

1、執行webpack.config.js文件 window環境下 .\node_modules\.bin\webpack --config webpack.config.js 或 npm run dev 點贊 收藏

原创 手機H5開發遇到的坑

 手機h5與原生混合的app,出現了一些奇葩的事情,在這裏與大家分享一下解決方案。 問題1​:手機不支持:active僞類,這個問題剛開始用的是andriod測試過沒有問題,後來用Ios手機測試時發現失效了,瞬間感覺整個人都不好了,經過不

原创 開發中常用的正則表達式

手機號碼: /^1d{10}$/  身份證號:/^[1-9](\d{16}|\d{13})[0-9xX]$/  請輸入15位或18位身份證號碼 身份證號:二代身份證都是18位:/^[1-9](\d{16})[0-9xX]$/  金額:/^

原创 angularjs中使用百度統計

1)、config.js中添加 * //PV跟蹤,查看"最新訪客"和"受訪頁面"等報告 var _hmt =_hmt||[]; //統計代碼 var BaiduTongJi = {