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"

小程式教程系列之視圖層的條件渲染（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

Angular2自訂分頁組件，angular2自訂分頁在項目中，前端傳給背景參數有：pageSize：每頁的條數 pageNo：當前頁碼 比如當前是第1頁，每頁20條，則後台返回第1頁的20條記錄（sql應該是用limit去擷取分頁資料）同時，後台介面還會返回列表的總條數totalNum，前端根據totaNum/pageSize計算總共有多少頁注意事項： 需要先配置好路由（Angular2路由與導航）使用步驟：（1）在項目中引入分頁組件// app.module.tsimport {

純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) {

Vuex之理解Getters的用法執行個體，vuexgetters執行個體1.什麼是getters在介紹state中我們瞭解到，在Store倉庫裡，state就是用來存放資料，若是對資料進行處理輸出，比如資料要過濾，一般我們可以寫到computed中。但是如果很多組件都使用這個過濾後的資料，比如餅狀圖組件和曲線圖組件，我們是否可以把這個資料抽提出來共用？這就是getters存在的意義。我們可以認為，【getters】是store的計算屬性。２.如何使用定義：我們可以在store中定義getter

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

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 {

H5圖片壓縮與上傳執行個體，接到需求，問前端是否可以壓縮圖片？因為有的圖片太大，傳到伺服器上再壓縮太慢了。意識裡沒有這麼玩過，早上老大丟來一個知乎連結，一看，原來前輩們已經用canvas實現了(為自己的見識羞愧3秒鐘，再馬上開幹)！。canvas壓縮使用了github上的一個現成庫：https://github.com/stomita/ios-imagefile-megapixel，不得不膜拜下stomita這位大神。大體的思路是將圖片抽樣顯示在canvas上，然後用通過canvas.toDat

Vue form 表單提交+ajax非同步請求+分頁效果，vueajax廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="UTF-8"/>

Ionic2調用本地SQlite執行個體，ionic2sqlite執行個體普通的app用ionic內建的Storage儲存索引值對的方式可以滿足日常的使用，但是有時候遇到一些奇怪的需求。比如說有個網友留言說做一個離線版的App，怎樣調用本地Sqlite執行SQL語句。問題描述清楚直接上代碼。需要說明的是SQLite是手機內建的資料庫儲存方式，在Ionic2中需要安裝相應的外掛程式和安裝包。過程很簡單第一步安裝外掛程式、並加入項目$ ionic plugin add cordova-sqlite-

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

springMVC + easyui + $.ajaxFileUpload實現檔案上傳注意事項，springmvceasyui在使用easyUI做前端樣式展示時，遇到了檔案上傳的問題，而且是在彈出層中提交表單，想做到不重新整理頁面，所以選擇了使用ajaxFileUpload外掛程式。提交表單時一直發現後台接收不到檔案，後檢查發現，原來是檔案的id不對。檔案上傳框我們定義如下：<input class="easyui-filebox" id="image" name="image"

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，做的是混合模式行動裝置