JavaScript

標籤：extc   指定位置   訪問   注意   script   compute   表示   cdata   選取器   基本概念在講解操作DOM的api之前，首先我們來複習一下一些基本概念，這些概念是掌握api的關鍵，必

標籤：length   file   ctf   class   his   get   圖片剪裁   dev   context    //擷取上傳的檔案/圖片function getFile(){ var

標籤：情況   覆蓋   i++   函數   var   一點   顯示   轉換   完整   圖片預先載入是web開發中一種應用相當廣泛的技術，比如我們在做圖片翻轉顯示等特效的時候，為了讓圖片在轉換的時候不出現等待，我們最好

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

vue2.0父子組件間通訊的實現方法，vue2.0父子組件通訊1.父組件傳遞資料給子組件父組件資料如何傳遞給子組件呢？可以通過props屬性來實現父組件：<parent> <child :child-msg="msg"></child>//這裡必須要用 - 代替駝峰</parent>data(){ return { msg: [1,2,3] };}子組件通過props來接收資料:方式1：props: ['childMsg']方式2 :props:

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設計很重要的一點，就是把處理資料邏輯方法全

Vuex之理解Store的用法，vuexstore用法1.什麼是Store？上一篇文章說了，Vuex就是提供一個倉庫，Store倉庫裡面放了很多個物件。其中state就是資料來源存放地，對應於與一般Vue對象裡面的data（後面講到的actions和mutations對應於methods）。在使用Vuex的時候通常會建立Store執行個體new

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

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

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"

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

Node+Express+MongoDB實現登入註冊功能執行個體，mongodb登入註冊注入MongoDB 依賴var mongoose = require("mongoose");由於需要進行表單處理，需要用到bodyParser中介軟體bodyParser模組來做檔案解析，將表單裡的資料進行格式化var bodyParser = require("body-parser"); app.use(bodyParser.json());app.use(bodyParser.urlencoded({