JavaScript

詳解vue表單驗證組件 v-verify-plugin，vuev-verify-pluginverifygithub:https://github.com/liuyinglong/verifynpm:https://www.npmjs.com/package/vue-verify-plugininstallnpm install vue-verify-pluginusehtml<div> <div> <input type="text"

小程式頁面傳值執行個體分析，小程式頁面執行個體分析小程式頁面傳值執行個體分析最近組裡開發小程式，遇到了一個前端亙古不變的話題：頁面傳值剛開始使用路徑傳參解決，但是眾所周知：各瀏覽器HTTP Get請求URL最大長度並不相同，幾類常用瀏覽器最大長度及超過最大長度後提交情況如下：IE6.0 :url最大長度2083個字元，超過最大長度後無法提交。IE7.0 :url最大長度2083個字元，超過最大長度後仍然能提交，但是只能傳過去2083個字元。firefox 3.0.3

小程式教程系列之視圖層的條件渲染（10），小程式視圖本教程為大家分享了使用wx:if進行視圖層的條件渲染，供大家參考，具體內容如下使用wx:if進行視圖層的條件渲染樣本：wxml：使用view<!--index.wxml--><button bindtap="EventHandle">按鈕</button><!-- wx:if --><view wx:if="{{boolean==true}}"> <view

Vue.js仿Metronic進階表格（二）資料渲染，vue.jsmetronic上篇使用Vue.js製作仿Metronic進階表格（一）靜態設計介紹了需求、原型設計以及靜態頁面實現，這篇講解如何使用Vue渲染資料，實現動態展示。表格式資料先定義一個數組來儲存所有資料：var vm = new Vue({ el:'#content', data: { book_list: [ {id:1, name:"標準日本語", type: "文化", price:19.00, time: 1

vue動態產生dom並且自動綁定事件，vue動態dom綁定用jquery的時候你會發現，頁面渲染後動態產生的dom，在產生之前的代碼是沒辦法取到相應對象的，必須重新擷取.但是vue基於資料繫結的特性讓它能產生的時候直接綁定資料。html:<div id="app"><table v-for="table in tables"> <tr v-for="row in table.row"> <td

小程式開發入門基礎教程，程式開發基礎教程小程式開發入門基礎教程本文檔將帶你一步步建立完成一個小程式，並可以在手機上體驗該小程式的實際效果。開發準備工作擷取小程式的 AppID登入 https://mp.weixin.qq.com ，就可以在網站的“設定”-“開發人員設定”中，查看到小程式的 AppID 了，注意不可直接使用服務號或訂閱號的 AppID 。

純JS實現圖片驗證碼功能併兼容IE6-8(推薦)，jsie6-8最近要搞一個圖片驗證碼功能，但是又不想自己寫後台代碼。於是自己準備搞一個純前端的驗證碼功能，於是網上搜尋了一下，找到一個外掛程式gVerify.js，簡單好用，實現完美。不過後面接到說要相容IE8，想想也是醉了。萬惡的IE，不過也還好，也沒有想著在去找外掛程式，準備自己搞一搞，順便拿來學習一下並加強自己的知識。下面看我是如何搞定它的，雖然花了一點時間，不過也值得。使用方法　　使用特別簡單，定義一個DIV一驗證碼輸入框，引入下載的js

Vuex之理解state的用法執行個體，vuexstate執行個體1.什麼是state？上一篇文章說了，Vuex就是提供一個倉庫，倉庫裡面放了很多個物件。其中state就是資料來源存放地，對應於與一般Vue對象裡面的data（後面講到的actions和mutations對應於methods）。響應書儲存：state裡面存放的資料是響應式的，Vue組件從store中讀取資料，若是store中的資料發生改變，依賴這個資料的組件也會發生更新。（這裡“狀態”=“資料”），也就是是說資料和視圖是同步的。2

小程式 判斷手機號的實現代碼，小程式手機號小程式 判斷是否是手機號JS實現代碼： validatemobile: function (mobile) { if (mobile.length == 0) { wx.showToast({ title: '請輸入手機號！', icon: 'success', duration: 1500 }) return false; } if (mobile.length != 11) {

javascript中json對象json數組json字串互轉及取值方法，javascriptjson今天用到了json數組和json對象和json類型字串之間互轉及取值，記錄一下：1.json類型的字串轉換為json對象及取值var jsonString = '{"bar":"property","baz":3}'; var jsObject = JSON.parse(jsonString); //轉換為json對象 alert(jsObject.bar);

javascript 的變數、範圍和記憶體問題，javascriptjavascript 的變數、範圍和記憶體問題（一）JavaScript變數可以用來儲存兩種類型的值：基本類型值和參考型別值。基本類型的值源自以下5種基礎資料型別 (Elementary Data Type)：Undefined、Null、Boolean、Number和

JS簡單判斷字元在另一個字串中出現次數的2種常用方法，js2種本文執行個體講述了JS簡單判斷字元在另一個字串中出現次數的2種常用方法。分享給大家供大家參考，具體如下：經過搜尋驗證，提供兩個方法。1. 通過分割擷取長度原理var s = 'www.jb51.net';var n = (s.split('.')).length-1;alert(n); //彈出22. 通過正則實現function patch(re,s){ re=eval("/"+re+"/ig") return s.match(

H5手機端多檔案上傳預覽外掛程式，基於zepto，支援多檔案上傳，進度和圖片預覽，用於手機端。(function ($) { $.extend($, { fileUpload: function (options) { var para = { multiple: true, filebutton: ".filePicker", uploadButton: null, url: "/home/MUploadImg", filebase: "mfile",//mvc後台需要對應的名稱

jquery中$.fn和圖片滾動效果實現的必備知識總結，jquery.fn前言圖片滾動效果相信對大家來說都不陌生，爛大街的如下所示，js實現代碼很短，不過如果想做的話，必須掌握jquery、IIFE、setInterval等基礎以及$.fn用法：jquery中$.fn用法$.fn是jquery的命名空間,如果對jquery源碼有過學習，就不難發現源碼中有如下代碼：jquery.fn=jquery.prototype={ init:function(selector,context){ /*

jQuery實現百度登入框的動態轉場效果，jquery切換點擊右下角圖片進行狀態切換,<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度登入框</title> <style type="text/css"> *{margin: 0;padding: 0;} body {

JS使用cookie實現只出現一次的廣告代碼效果，jscookie我們上網經常會遇到第一次需要登入而之後不用再登入的網站的情況，其實是運用了Cookie 儲存 web 頁面的使用者資訊，Cookie 以名/值對形式儲存,當瀏覽器從伺服器上請求 web 頁面時， 屬於該頁面的 cookie 會被添加到該請求中。服務端通過這種方式來擷取使用者的資訊l。今天的這個效果：第一次開啟網頁彈出一個廣告框（js實現捲簾效果），關閉廣告或重新整理頁面之後就不會再出現。由於往電腦裡寫cookie資訊是伺服器行為，

AngularJS的髒檢查深入分析，angularjs深入分析寫在開頭關於Angular髒檢查，之前沒有仔細學習，只是旁聽道說，Angular 會定時的進行周期性資料檢查，將前台和後台資料進行比較，所以非常損耗效能。這是大錯而特錯的。我甚至在新浪前端面試的時候胡說一通，現在想來真是羞愧難當! 沒有深入瞭解就信口開河實在難堪大任。最後被拒也是理所當然。誤區糾正首先糾正誤區，Angular並不是周期性觸發藏檢查。只有當UI事件，ajax請求或者 timeout

ionic+AngularJs實現擷取驗證碼倒計時按鈕，ionicangularjs按鈕功能為：點擊“擷取驗證碼”——按鈕不可用-設定倒計時-60秒後重新擷取。主要實現原理：點擊後，設定一個$interval，每一秒更改一次剩餘時間，並依賴Angular資料繫結即時顯示在頁面中。設定一個$timeout，60秒後將按鈕初始化到可用狀態。實現代碼：（1）js代碼，設定成一個directive以便多次調用。angular.module('winwin').directive('timerbutton

Vue.use源碼分析，vue.use源碼我想有過vue開發經驗的，對於vue.use並不陌生。當使用vue-resource或vue-router等全域群組件時，必須通過Vue.use方法引入，才起作用。那麼vue.use在組件引入之前到底做了那些事情呢？讓我們一窺究竟。先上vue.use源碼// javascript的方法是可以傳遞的，哈哈Vue.use = function (plugin) { /* istanbul ignore if */ if

AngularJS之ionic 架構下實現 Localstorage本機存放區，angularjsionic前言：我們前台用的是ionic+AngularJS，做的是混合模式行動裝置