JavaScript

深入理解Angularjs中$http.post與$.post，angularjshttp.post摘要在angularjs發送post請求的時候，確實很困惑，在傳遞json資料的時候，總會遇到在服務端無法接受到參數的情況，這裡有必要與$.post進行比較學習一下。一個例子這裡類比登入的一個情境，post使用者名稱與密碼，服務端接受賬戶並直接返回到用戶端不做其它業務處理。使用angularjs版本/* AngularJS v1.2.15 (c) 2010-2014 Google, Inc.

小程式利用co處理非同步流程的方法教程，小程式co本文主要介紹的是關於小程式利用co處理非同步流程的方法教程，分享出來供大家參考學習，需要的朋友們下面來看看詳細的介紹：coco是一個基於ES6 Generator特性實現的【非同步流程同步化】寫法的工具庫。co需要使用Promise特性，所以，我們先來建立一個使用Promise來處理的非同步方法呼叫：function myAsyncFunc() { return new Promise(function (resolve, reject) {

在使用JSON格式處理資料時應該注意的問題小結，json小結根據項目的需要，我要定義一個JSON字串。鑒於之前零基礎，看到百科的解釋如下連結http://baike.baidu.com/link?url=TUxeHruHcaY-hofuOufrP37a8VhUT8hcFM4k7JkTN1500wAlfwihAoRRg12g5klTT-l050TjCGA__EM1zfJ9bq&qq-pf-to=pcqq.c2c。其中有一句，這樣說： 要實現從對象轉換為 JSON 字串，使用

jQuery擷取選項按鈕radio選中值與去除所有radio選中狀態的方法，jqueryradio如下所示：喜歡<input type="radio" name="likea" id="" value="3" /> 一般<input type="radio" name="likea" id="" value="2" /> 不喜歡<input type="radio" name="likea" id="" value="1" />

layui檔案上傳實現代碼，layui檔案上傳代碼本文執行個體為大家分享了layui檔案上傳的具體代碼，供大家參考，具體內容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>檔案上傳</title> <link rel="stylesheet" href="layui/css/layui.css">

Angular2使用Augury來調試Angular2程式，auguryangular2Augury-Angular專用的chrome 調試外掛程式如題，在的2016-12-8Google開發人員大會上，angular2的leader來給我們示範了angular2的特性，對於已經入門的同學們，已經沒有太多新鮮內容，唯有一個內容讓我為之一震，就是Augury（現在和VUE對比起來，確實可以看出有Google支援下angular2會更活躍，我個人認為2年後恐怕VUE無法與之抗衡），跟Angular-

Ionic + Angular.js實現圖片輪播的方法樣本，本文主要給大家介紹了關於Ionic + Angular實現圖片輪播的相關資料，分享出來供大家參考學習，需要的朋友們下面來一起看看吧。先來看看實現的：方法樣本：template檔案夾建立slider.html<ion-view view-title="圖片輪播"> <ion-content class="padding" scroll="false"> <ion-slides

詳解Angular 4.x NgIf 的用法，angularngifNgIf 指令作用ngIf 指令用於根據運算式的值，在指定位置渲染 then 或 else 模板的內容。 then 模板除非綁定到不同的值，否則預設是 ngIf 指令關聯的內聯模板。 else 模板除非綁定對應的值，否則預設是 null。NgIf 指令文法簡單形式<!--文法糖--><div *ngIf="condition">...</div><!--Angular

如何在AngularJs中調用第三方外掛程式庫，angularjs第三方在AngularJs中我們會不可避免的使用第三方庫，例如jquery外掛程式庫。我們不能散亂的在AngularJS中引入這些庫，例如在controller中。那麼應該怎麼在Angular中使用第三方庫呢？如何使用？很簡單，給外掛程式寫一個directive。在這裡，我會使用一個簡單的jquery外掛程式Toolbar.js 的DEMO。這是我們如何在jquery中建立一個tooltip的：<!-- Click

JS實現上傳圖片即時預覽功能，js上傳圖片即時預覽前段時間在網路上找的代碼，修改了一部分用在了項目裡。原部落格地址找不到了，如果原作者看到的話留言我，將於第一時間刪除。//js本地圖片預覽，相容ie[6-9]、Firefox、Chrome17+、Opera11+、Maxthon3 function PreviewImage(fileObj) { //建立dom元素 var divPreviewId = 'divPreview_' + fileObj.name; var

單行 JS 實現移動端金錢格式的輸入規則，js金錢金錢格式檢驗屬於很普通的需求，記得工作中第一次遇到這個需求的時候，還不太會寫Regex，搜到了一個類似的解決方案，看著正則的文檔改成了自己需要的形式。但是使用者的輸入操作是任意的，只是顯示提示資訊，這種方式雖然可以滿足要求，但是感覺不友好。其實移動端的很多應用在輸入金錢時都是屏蔽錯誤輸入，只能輸入正確的格式。先看一看金錢格式的輸入規則有哪些：1. 不能輸入空白字元及字母2. 只能輸入數字及小數點3. 首位不能為小數點4. 小數點只能出現一次5.

jQuery表單驗證之密碼確認，jquery表單驗證眾所周知，在修改密碼時會需要兩次輸入密碼。這時如何確保兩個密碼框中都有內容？兩個密碼框中是一致的？如果一個沒有輸入會給出提示？OK這一切都可以用JS來實現，具體思想很簡單啦，就是編寫事件擷取dom節點，判斷對象的取值呀？ 那麼編寫什麼事件？應該是onblur事件~。而且要為兩個密碼框都加上失去焦點的blur事件。利用jQuery比較方便勒。 話不多說，直接上代碼：<!DOCTYPE html><html>

javascript簡單寫的判斷電話號碼執行個體，javascript電話號碼用javascript簡單寫的判斷電話號碼   在很多網站註冊的時候，需要我們填寫電話號碼，本來想糊弄一下，但是還不行，一直提示不正確，我去網上搜了很多，Regex，發現有很多不對的，最後寫了一個簡單的，但是比較實用的   首先是html部分的內容手機號：<input type="text" class="loginuser" placeholder="請輸入您的手機號"

vue.js實現價格格式化的方法，vue.js價格格式化這裡分享一個常用的價格格式化的一個方法，在電商的價格處理中非常的實用，我們可以看一個效果這裡在價格資料的地方使用了一個過濾器，通過這個過濾器對價格做了保留小數位的處理。HTML<div class="price"> <span v-html="goods.sale_price|format"></span> <span

Angular2搜尋和重設按鈕過場動畫，angular2過場需求：給專案管理頁面加上搜尋和重設的過場動畫。最先想到的就是利用angular2的animations屬性。// project.component.tsimport {trigger, state, style, animate, transition} from '@angular/animations';@Component({ selector: 'projects', template:

jquery append與appendTo方法比較，jqueryappendtojquery中append與appendTo方法區別1. append(content)方法方法作用：向每個匹配的元素內部追加內容。參數介紹：content (<Content>): 要追加到目標中的內容。用法樣本：HTML代碼為<p>I come from </p><p>I love  </p>向所有p標籤中追加一個單詞china，則寫法為 $

JQuery Ajax 非同步作業之動態添加節點功能，jqueryajax非同步作業動態添加節點，導致在代碼中給添加的節點全域綁定事件或者擷取元素無效，上代碼：$(function () { var IP = '...'; // 頁面中的預設編號起始值 和 公用IP首碼 showData(); function showData() { if ($('.content')) $('.content').remove(); $.ajax({ url:IP +

Angular.js指令學習中一些重要屬性的用法教程，angular.js用法Angular指令定義一個指令的方法非常簡單，只需要調用`directive`方法即可: var app=angular.module('myapp',[]); app.directive(name,fn)1. 基礎指令 var app=angular.module('myapp',[]); app.run(function($templateCache){ $templateCache.put('cache','&

基於vue實現swipe輪播組件執行個體代碼，vueswipe項目背景圖片輪播是前端項目必有項，當前有很多效果很酷炫的輪播外掛程式，例如Swiper。但是當項目中的圖片輪播只需要一個很簡單的輪播樣式，比如這樣的我們引用這樣一個110k的大外掛程式，就大材小用了。再安利一下，swiper2.x和swiper3.x對移動和PC端支援情況如噹噹噹噹~~~我們今天的主角登場了，thebird/Swipe，這個外掛程式完成了圖片輪播需要的準系統，只有14.2k,真真的輕量級

js實現分頁功能，js實現分頁本文僅為自己記錄下編寫過程，如有興趣，或者疑問，請與我聯絡。寫前背景:java開發工作經驗一年，現項目為SSM架構，使用maven管理項目。需要頁面查詢實現分頁，網上找了很多外掛程式，單獨頁面實現是好的，可是放到我的頁面就沒有效果，苦於自己也找不到原因，故寫以下代碼，很是粗糙，不過懶得整理成js檔案了。效果：第一頁時，首頁和上一頁為不可點擊，最後一頁時，下一頁和尾頁不可點擊，頁數只會顯示5個實現的js://分頁function$(document).ready(fu