JavaScript

先給大家說下我的項目需求：使用者掃一掃二維碼會產生一個連結，該連結會向後端發送個請求，返回一個 apk 的下載地址，使用者點擊下載按鈕可以下載此 apk。然後就發生了問題，經過測試，發現用微信掃一掃開啟的頁面點擊下載按鈕下載不了 apk，後百度之，原來是微信內建瀏覽器屏蔽了下載連結，後面和需求方溝通，需求改為如果使用者是用微信內建瀏覽器開啟的，則提示使用者換一個瀏覽器開啟頁面，否則下載不了 apk。那麼該如何判斷使用者是否是用微信瀏覽器呢？我們知道 js 可以通過

1. escape() 不能直接用於URL編碼，它的真正作用是返回一個字元的Unicode編碼值。比如“春節”的返回結果是%u6625%u8282,escape()不對"+"編碼主要用於漢子編碼，現在已經不提倡使用了。2. encodeURI()是javascript中真正用來對URL編碼的函數。編碼整個URL地址，但對特殊含義的符號";/?:@&=+$,#"，也不進行編碼。對應的解碼函數是decodeURI()。3. encodeURIComponent()能編碼";/?:@&

js操作瀏覽器的參數方法，js瀏覽器參數執行個體如下：function getQueStr(url, ref) //取獲參數值{ var str = url.substr(url.indexOf('?') + 1); if (str.indexOf('&') != -1) { var arr = str.split('&'); for (i in arr) { if (arr[i].split('=')[0] == ref) return arr[

原生js實現可拖動的登入框效果，js拖動登入實現原理1.onmousemove事件觸發時不斷更新滑鼠的pageXY改變位置，登陸框的位移量=滑鼠當前位置-滑鼠到登入框邊框的距離2.onmousedown滑鼠摁下時觸發事件擷取滑鼠到登陸框的距離，再設定true允許拖拽3.onmouseup 滑鼠彈起設定false停止拖拽4.登入框置中顯示公式：(可視地區寬高-登入框寬高)/25.當瀏覽器視窗大小變化時觸發事件window.onresize

小程式 swiper製作tab切換實現附源碼，swipertab小程式 swiper製作tab切換實現：swiper製作tab切換index.html<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">Seside1</view> <view class="

AngularJS的ng-repeat指令與scope繼承關係執行個體詳解，angularjsng-repeat本文執行個體分析了AngularJS的ng-repeat指令與scope繼承關係。分享給大家供大家參考，具體如下：ng-repeat指令的使用方式可以參考如下代碼：<!doctype html><html lang="en"> <head> <meta charset="utf-8">

js驗證手機號、密碼、簡訊驗證碼代碼工具類，js工具類本文執行個體為大家分享了js驗證手機號、密碼、簡訊驗證碼的代碼工具類，供大家參考，具體內容如下代碼工具類/** * 參數較驗 * * */ var verification = { stop : false, //倒計時 //驗證手機號 phone : function (tel, id) { if ("" == tel || !tel) { mui.toast('手機號不可以為空白!'); }

小程式 資料互動與渲染執行個體詳解，小程式執行個體小程式 資料互動與渲染實現：小程式的api中提供了網路互動的api，我們只要調用即可和後端進行資料互動，該api為wx.request.，具體代碼如下。//list.js //擷取應用執行個體 var app = getApp() Page({ data: { list:[], hiddenLoading: true, url: '' }, loadList: function () { var that = this;

vue實現添加標籤demo範例程式碼，vue範例程式碼本篇文章主要介紹vue添加標籤，廢話不多說了，下面上具體代碼效果如下：html<div id="app"><div style="margin-bottom: 4px;"> <span class="selectedItem" v-for="item in selectedItems">{{item.name}} <i class="red fa fa-close (alias)"

Mongoose學習全面理解(推薦)，mongoose學習理解一、建立schemas建立schemas的方式： var userSchema = new mongoose.Schema({ name: String, email: String, createdOn: Date });schemas中的資料類型有以下幾種：  String  Number  Date  Boolean  Buffer

jquery表單外掛程式form使用方法詳解，jqueryform傳統的表單提交，都是頁面跳轉的形式，但是現在更流行ajax提交，那麼如果希望有表單提交的簡便，也有ajax的效果，有什麼解決辦法嗎？怎麼使用兩種使用方式：第一種方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script

詳解基於angular路由的requireJs按需載入js，angularrequirejs最近終於不忙了！！有時間沉澱一下之前學到的angular東東！！angular路由想必大家已經不陌生了！（陌生的去看我之前那篇手把手教你配置angular路由！）angular路由作為單頁面應用，切換頁面的時候都是一個頁面，所以切換controller和按需載入控制項js就成了大問題！！折騰了我半天啊，angular-route內建的辦法也沒有解決這個問題，最終我是用requireJs解決的這個問題！！上

原生js實現圖片放大縮小計時器效果，js放大縮小計時器知識要點var fn=setInterval(function(){},1000)每隔1秒執行一次函數clearInterval(fn)清除計時器判斷當圖片放大縮小到固定大小時，清除計時器完整代碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

關於AngularJs資料的本機存放區詳解，angularjs儲存詳解第一、建立一個factory來儲存和調取你的資料(你可以單獨建立一個js檔案，按照語義命名如：dataService.js。然後在你的首頁面引入這個JS檔案)<!--引入到你的首頁面裡面--><script src="dataService.js"></script>建立一個factory'use

Bootstrap 手風琴菜單的實現代碼，bootstrap手風琴好了，廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：<!DOCTYPE html><html><head> <title></title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/bootstrap.min.css"><!-- 可選的Bootstrap主題檔案（

bootstrap中的 form表單屬性role="form"的作用詳解，bootstraprolehtml 裡面的 role 本質上是增強語義性，當現有的HTML標籤不能充分表達語義性的時候，就可以藉助role來說明。通常這種情況出現在一些自訂的組件上，這樣可增強組件的可訪問性、可用性和可互動性。role的作用是描述一個非標準的tag的實際作用。比如用div做button，那麼設定div 的 role=“button”，協助工具輔助就可以認出這實際上是個button比如，<div

js實現簡單的網頁換膚效果，js實現換膚中心思想：網頁換膚的原理就是通過調用不同的樣式表檔案來實現不同的皮膚切換，並且需要將換好的皮膚計入Cookie中，這樣使用者已下次訪問時，就可以顯示使用者自訂皮膚了步驟：1.在設計HTML代碼時，用了一些小技巧，就是將皮膚選擇按鈕<li>元素的id與網頁皮膚的樣式檔案名稱設定的相同。這樣就可以使完成換膚操作簡化很多。2.HTML結構要有一個帶id的樣式表連結，通過操作該連結的herf屬性的值，從而實現換膚<link

詳解JavaScript中this的指向問題，javascriptthisthis是物件導向語言中一個重要的關鍵字，理解並掌握該關鍵字的使用對於我們代碼的健壯性及優美性至關重要。而javascript的this又有區別於Java、C#等純物件導向的語言，這使得this更加撲朔迷離，讓人迷惑。this使用到的情況：1. 純函數2. 對象方法調用3. 使用new調用建構函式4. 內建函式5. 使用call / apply6.事件綁定1. 純函數var name = 'this is window';

原生js實現電商側邊導航效果，js電商導航知識要點實現原理：1.點擊樓層跳相應樓層，用的是錨點定位電梯：<a href="#item2">2F 個護家清</a></li>列表title：<div class="floor-title"

如何用CSS快速布局（一）—— 布局元素詳細，css布局元素要快速進行網頁排版布局，則必須對布局的元素有清晰的瞭解，才不會總是在細節處出錯。這一篇先詳解有關布局的因素作為布局基礎：區塊層級元素and內嵌元素、盒模型、準確定位、元素對齊、樣式繼承。下一篇則重點描述快速布局思路。一、什麼是區塊層級元素和內嵌元素1，區塊層級元素：display:block表現出來的特點是折行的， 一般來說可以包含區塊層級元素和內嵌元素；例外：　　P