原创 CSS3 3d特效 學習筆記

CSS3 3d特效 學習筆記 慕課網視頻教程 CSS3的動畫功能 transition 從一個屬性值平滑地過渡到另一個屬性值 animation 主要用於實現關鍵幀動畫,產生更加複雜的動畫效果 一、transition 1.

原创 angularJS監聽路由變化改變頁面內容

在使用angularJS開發單頁面應用時,點擊導航的標題切換路由往往需要改變改變頁面的標題,以及改變導航欄相關標題的樣式,此時監聽路由變化作出相應的操作即可。 示例:監聽路由變化改變頁面標題: app.js: var app =

原创 【項目心得】在微信網頁上的點擊按鈕複製功能

這幾天做的一個h5項目,遇到了上圖的這種需求,點擊按鈕複製框框裏面的內容。一開始是使用JS原生的寫法,核心語句是: document.execCommand(“Copy”); 以及xxx.select(); 但是瀏覽器一直報

原创 Ajax學習筆記

一、XMLHttpRequest(XHR)對象創建 var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest(); }else{ reques

原创 【轉載】微信小程序教程系列

轉載自:http://blog.csdn.net/michael_ouyang。 基礎篇 ———————————————————— 微信開發者工具的快捷鍵 微信小程序的文件結構 —— 微信小程序教程系

原创 寫一個網頁進度loading(一)

圖片預加載 主要是列出項目中要加載的主要圖片,並寫在預加載函數中。 var picPrefix = "images/";//圖片所在的文件夾 var preloadPics = ["img1.png", "img2.png", "img3

原创 屏蔽微信下拉出現黑底現象

最近做的項目遇到了一個需求,在ios上微信網頁下拉的時候不能出現黑底。如果要做的網頁本來就設計成不能滾動的效果的話,普遍流傳的方法是屏蔽掉 body 的 touchstart 或 touchmove 事件,但也會讓所有滾動不可用,只適

原创 AngularJS 獲取JSON數據

一、使用$http 我們可以使用內置的$http服務直接同外部進行通信。$http服務只是簡單的封裝了瀏覽器原生的XMLHttpRequest對象。 $http服務是只能接受一個參數的函數,這個參數是一個對象,包含了用來生成HTTP請求

原创 訪問IIS服務器的json文件報錯:404

轉載自:win7如何本地讓IIS服務器可以讀取json文件 首先,就需要配置本機IIS服務,在win7下找到“打開或關閉windows功能”,選擇“Internet信息服務”,然後確定,等待系統更新,成功後,就可以直接在瀏覽器輸入“l

原创 【項目心得】JS定時器

最近寫的一個項目用到了定時器,在測試過程中發現了一個問題:在很偶然的情況下倒計時會顯示負數的秒數(大概測幾十次纔會出現一次…)於是考慮到了定時器的阻塞問題,大概作出瞭如下的修改: $(".start").click(function(){

原创 angularJS+ui-router+requireJS異步加載controller、directive、filter

開發比較複雜的單頁面應用時,往往包括比較多的控制器、服務等,如果這些js文件都在頁面打開時就全部加載,往往加載量大,耗時長;因此,當打開對應的頁面才加載響應的控制器等資源時,能一定程度地優化頁面加載速度。 · 項目目錄結構: · in

原创 swiper animate

製作h5全屏動畫切換時可以使用swiper,同時需要爲頁面的內容添加動畫可以使用swiper animate插件。 swiper animate中文教程 下載Swiper 1、 需要加載swiper.aniamte.min.js和a

原创 jQuery實現初始化時滾動條在最底部

此功能應用在移動端的一個h5上。首先爲了禁止在iphone上頁面下拉露出黑底,同時頁面內部可以局部滾動,需要如下操作: $(function(){ document.body.ontouchmove = function (e)

原创 移動端頁面開發的常見問題

1、頁面高度渲染錯誤 在各移動端瀏覽器中經常會出現這種頁面高度100%的渲染錯誤,頁面低端和系統自帶的導航條重合了,高度的不正確我們需要重置修正它,通過javascript代碼重置掉: document.documentElement.

原创 jquery防止按鈕重複點擊

在最近的項目中用swiper做了一個h5應用,主要是給用戶答題,後臺記錄用戶答題的情況。每一個頁面有一道題,兩個選項,使用 swiper-slide 模擬每一個頁面,每一個頁面都添加了類 swiper-no-swiping,只有在點擊選項