詳解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"
Angular2自訂分頁組件，angular2自訂分頁在項目中，前端傳給背景參數有：pageSize：每頁的條數 pageNo：當前頁碼 比如當前是第1頁，每頁20條，則後台返回第1頁的20條記錄（sql應該是用limit去擷取分頁資料）同時，後台介面還會返回列表的總條數totalNum，前端根據totaNum/pageSize計算總共有多少頁注意事項： 需要先配置好路由（Angular2路由與導航）使用步驟：（1）在項目中引入分頁組件// app.module.tsimport {
angular-cli修改連接埠號碼【angular2】，angularcli連接埠號碼找到node_modules/angular-cli/lib/config/schema.json default值就是預設的連接埠"serve": { "description": "Properties to be passed to the serve command", "type": "object", "properties": { "port": { "description": "The
JS正則驗證多個郵箱完整執行個體【郵箱用分號隔開】，js分號本文執行個體講述了JS正則驗證多個郵箱的方法。分享給大家供大家參考，具體如下：<html><head><meta charset="utf-8"><title>JS正則驗證多個郵箱</title></head><body><SCRIPT LANGUAGE="JavaScript"> var str = 'xxxx@126.com;12323
Vuex之理解state的用法執行個體，vuexstate執行個體1.什麼是state？上一篇文章說了，Vuex就是提供一個倉庫，倉庫裡面放了很多個物件。其中state就是資料來源存放地，對應於與一般Vue對象裡面的data（後面講到的actions和mutations對應於methods）。響應書儲存：state裡面存放的資料是響應式的，Vue組件從store中讀取資料，若是store中的資料發生改變，依賴這個資料的組件也會發生更新。（這裡“狀態”=“資料”），也就是是說資料和視圖是同步的。2
jQuery ajax請求struts action實現非同步重新整理，jquerystruts這個範例是用JQuery ajax和struts來做的一個小範例，在這個範例中採用兩種方式將java
Vuex之理解Getters的用法執行個體，vuexgetters執行個體1.什麼是getters在介紹state中我們瞭解到，在Store倉庫裡，state就是用來存放資料，若是對資料進行處理輸出，比如資料要過濾，一般我們可以寫到computed中。但是如果很多組件都使用這個過濾後的資料，比如餅狀圖組件和曲線圖組件，我們是否可以把這個資料抽提出來共用？這就是getters存在的意義。我們可以認為，【getters】是store的計算屬性。２.如何使用定義：我們可以在store中定義getter
Vuex之理解Mutations的用法執行個體，vuexmutations執行個體1.什麼是mutations？上一篇文章說的getters是為了初步擷取和簡單處理state裡面的資料(這裡的簡單處理不能改變state裡面的資料)，Vue的視圖是由資料驅動的，也就是說state裡面的資料是動態變化的，那麼怎麼改變呢，切記在Vuex中store資料改變的唯一方法就是mutation！通俗的理解mutations,裡面裝著一些改變資料方法的集合，這是Veux設計很重要的一點，就是把處理資料邏輯方法全
H5圖片壓縮與上傳執行個體，接到需求，問前端是否可以壓縮圖片？因為有的圖片太大，傳到伺服器上再壓縮太慢了。意識裡沒有這麼玩過，早上老大丟來一個知乎連結，一看，原來前輩們已經用canvas實現了(為自己的見識羞愧3秒鐘，再馬上開幹)！。canvas壓縮使用了github上的一個現成庫：https://github.com/stomita/ios-imagefile-megapixel，不得不膜拜下stomita這位大神。大體的思路是將圖片抽樣顯示在canvas上，然後用通過canvas.toDat
推薦三款日期選擇外掛程式(My97DatePicker、jquery.datepicker、Mobiscroll)，my97datepicker三款日期選擇外掛程式推薦給大家：1.My97DatePicker純原生JS，專註於PC端，支援IE6+；頁面上只需要引入WdatePicker.js檔案，但是My97DatePicker整個目錄是一個整體，最好不要破壞裡面的目錄結構，否則就會報錯找不到指定檔案。(1)直接在html檔案中寫入<input id="ipt" type="text"
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"/>
推薦三款不錯的圖片壓縮上傳外掛程式(webuploader、localResizeIMG4、LUploader)，涉及到網頁圖片的互動，少不了圖片的壓縮上傳，相關的外掛程式有很多，相信大家都有用過，這裡我就推薦三款，至於好處就仁者見仁嘍：1.名氣最高的WebUploader，由Baidu FEX 團隊開發，以H5為主，FLASH為輔，相容 IE6+，iOS 6+, android
詳解如何在NodeJS項目中優雅的使用ES6，詳解nodejs項目es6NodeJs最近的版本都開始支援ES6（ES2015）的新特性了，設定已經支援了async／await這樣的更進階的特性。只是在使用的時候需要在node後面加上參數：--harmony。但是，即使如此node也還是沒有支援全部的ES6特性。所以這個時候就需要用到Babel了。項目地址：https://github.com/future-challenger/petshop現在開始Babel在開始使用Babel之前，假設1.你
詳解Vue 事件驅動和依賴追蹤，詳解vue事件追蹤之前關於 Vue 資料繫結原理的一點分析，最近需要回顧，就順便發到隨筆上了在之前實現一個自己的Mvvm中，用 setter 來觀測model，將介面上所有的 viewModel 綁定到 model 上。 當model改變，更新所有的viewModel，將新值渲染到介面上 。同時監聽介面上通過v-model 綁定的所有 input，並通過 addEventListener事件將新值更新到 model 上，以此來完成雙向繫結
Ionic2調用本地SQlite執行個體，ionic2sqlite執行個體普通的app用ionic內建的Storage儲存索引值對的方式可以滿足日常的使用，但是有時候遇到一些奇怪的需求。比如說有個網友留言說做一個離線版的App，怎樣調用本地Sqlite執行SQL語句。問題描述清楚直接上代碼。需要說明的是SQLite是手機內建的資料庫儲存方式，在Ionic2中需要安裝相應的外掛程式和安裝包。過程很簡單第一步安裝外掛程式、並加入項目$ ionic plugin add cordova-sqlite-
詳解Angular中的自訂服務Service、Provider以及Factory，angularprovider背景來源於前段時間的一場面試，面試官看著我Angular控制器中添加各種功能重複的方法，臉都發綠了，不過還是耐心地跟我指出提高Angular代碼複用性需要Service、Provider和Factory三種複用性很高的方法，遂習之，以下是我的學習成果：先說說Factory:通過註冊.factory('my註冊名',方法())，返回一個對象，你就能在控制器中引入這個方法並訪問這個對象：例
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
Bootstrap進度條與AJAX後端資料傳遞結合使用執行個體詳解，bootstrapajax很多時候，我們執行頁面上某個URL請求的時候，需要有等待的時間。如果是直接的頁面跳轉，瀏覽器會有緩衝進度展示，但是如果是AJAX，我覺得應該自己加上進度條，等待資料全部接收到之後，進度條消失，展示頁面。在Yii架構裡面使用了AJAX後，覺得前後端的資料互動變得方便多了。 下面直接貼代碼啦控制器Controllerpublic function actionTest(){
Node.js中的require.resolve方法使用簡介，noderequire.resolve前言網上關於NodeJs的論述很多，此處不多說。個人認為，NodeJs的編程思想和用戶端Javascript保持了一種理念，沒有什麼變化，只是增加了“require()”函數，因此只要學好require函數，剩下的問題就是如何更好的使用API了。本文則主要介紹了Node.js中的require.resolve方法，下面來看看詳細介紹吧。簡單的說，在 Node.js 中使用 fs
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
