JavaScript

bootstrap 設定checkbox部分選中效果，bootstrapcheckbox在很多頁面都會需要根據載入的資料來控制checkbox是否選中，以前的方法在這個UI裡並不適用，現貼下兩種代碼供大家參考。前提條件：該欄位在資料庫中是以“，”間隔的字串，如：“WIFI,電視,有線寬頻”第一種：普通checkbox var servicesArray = data.Services.split(",");//資料庫裡擷取到的值 $("input[type=checkbox][

詳解Vuejs2.0之非同步跨域請求，詳解vuejs2.0非同步Vuejs由1.0更新到了2.0版本。HTTP請求官方也從推薦使用Vue-Resoure變為了axios。接下來我們來簡單地用axios進行一下非同步請求。（閱讀本文作者預設讀者具有使用npm命令的能力，以及具備ES6的能力，以及等等。。。）首先我們來安裝Vue-Cli開發模板(這個模板可以快速產生vuejs的回合組態環境,可以使新手快速免除配置搭建出運行介面)，這裡我使用cnpm命令，請自行百度配置。開啟命令視窗:cnpm

AngularJS改變元素顯示狀態，angularjs改變元素前言本文描述使用AngularJS提供的ng-show和ng-hide指令實現自動監聽某布爾型變數來改變元素顯示狀態。控制html元素顯示和隱藏有n種方法：html的hidden、css的display、jQuery的hide()和show()、bootstrap的.hide。今天的重點不是顯示和隱藏，而是監聽某個布爾變數值，自動改變元素顯示和隱藏狀態。監聽函數、if判斷、選擇dom、設定dom，5行代碼搞不定吧，而且毫無技術含量。執

AngularJS實現根據不同條件顯示不同控制項，angularjs實現控制項由於項目需求，需要實現根據不同條件顯示不同控制項的功能。具體要求如所示:即當選擇“每單固定減”時，下方只顯示“減免金額”一欄；    當選擇“每單固定折扣”時，下方只顯示“折扣比例”一欄；   

詳解Vue2.0之去掉組件click事件的native修飾，vue2.0native這個是在組件開發中遇到的問題，當時我在編寫button的組件，模板是這樣的：<template> <button class="disable-hover button ion-button" :class="[modeClass,typeClass,shapeClass,sizeClass,colorClass,roleClass,strongClass]">

Vue如何引入遠程JS檔案，vue引入js問題最近在使用 Vue 做東西，用到DingTalk掃描登入的功能，這裡需要引入遠端 js 檔案，因為 Vue 的方式跟之前的不太一樣，又不想把檔案下載到本地應用，找了一下解決的方法，貌似都需要引入第三方的庫，最後找到瞭解決方案，分享之。思路一開始的思路是在 Vue 載入完 Dom 之後（mounted），使用 JavaScript 指令碼在 body 中插入遠端指令檔。後來發現了 Vue 的 createElement

addEventListener()與removeEventListener()解析，removeeventlisteneraddEventListener()與removeEventListener()用於處理指定和刪除事件處理常式操作。所有的DOM節點中都包含這兩種方法，並且它們都接受3個參數：要處理的事件名、作為事件處理常式的函數和一個布爾值。最後這個布爾值參數是true，表示在捕獲階段呼叫事件處理常式；如果是false（false-

vue-cli入門之項目結構分析，vue-cli入門項目前言在上一篇項目搭建文章中，我們已經下載安裝了node環境以及vue-cli，並且已經成功構建了一個vue-cli項目，那麼接下來，我們來梳理一下vue-cli項目的結構。總體架構一個vue-cli的項目結構如下，其中src檔案夾是需要掌握的，所以本文也重點講解其中的檔案，至於其他相關檔案，瞭解一下即可。檔案結構細分1.build——[webpack配置]build檔案主要是webpack的配置，主要開機檔案是dev-server.js，當

原生javascript實現分頁效果，javascript分頁隨著近幾年前端行業的迅猛發展，各種層出不窮的新架構，新方法讓我們有點眼花繚亂。最近剛好比較清閑，所以沒事準備擼擼前端的根基javascript,純屬練練手，寫個分頁，順便跟大家分享一下function pageFunc(conf){ this.myFunc = conf.click //使用者點擊要執行的方法 this.total = conf.total; //總頁數 this.currentPage = 1; //當前頁碼

ES6新特性二：Iterator(遍曆器)和for-of迴圈詳解，es6for-of本文執行個體講述了ES6新特性之Iterator(遍曆器)和for-of迴圈。分享給大家供大家參考，具體如下：1. 遍曆數組for-of工作原理：迭代器有一個next方法，for迴圈會不斷調用這個iterator.next方法來擷取下一個值,直到傳回值中的 done屬性為true的時候結束迴圈。① 在ES6之前var arr = [1,2,3,4,5,6];arr.name = 'a';for (var

js禁止瀏覽器的回退事件，js禁止瀏覽器事件直接來個終極方案：尋找了好多資料才找到的，這種方式，可以消除 後退的所有動作。包括 鍵盤、滑鼠手勢等產生的後退動作。<script language="javascript"> //防止頁面後退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null,

小程式中form 表單提交和取值執行個體詳解，小程式form小程式中form 表單提交和取值執行個體詳解我們知道，如果我們直接給 input 添加 bindinput，比如：<input bindinput="onUsernameInput" />，那麼可以在 onUsernameInput 中直接使用 e.detail.value，即：onUsernameInput : function(e) {

詳解Vue.js 2.0 如何使用axios，vue.jsaxiosVue.js 1.0 我們常使用 vue-resource (官方ajax庫), Vue 2.0 發布後作者宣告不再對 vue-resource 進行更新， 推薦我們使用 axios (基於 Promise 的 HTTP 要求用戶端，可同時在瀏覽器和 node.js 中使用)安裝 axios使用 npmnpm install axios使用 yarnyarn add axios使用 axios如同使用 vue-resource

小程式 setData的使用方法詳解，小程式setdata小程式 setData的使用方法詳解最近在使用小程式的setData時，遇到了以下問題。如下：官網文檔在使用setData()設定數組對象的某個元素的屬性時，是這麼使用的：Page({ data: { array: [{text: 'init data'}], }, changeItemInArray: function() { this.setData({ 'array[0].text':'changed data' }) }

ES6新特性六：promise對象執行個體詳解，es6promise本文執行個體講述了ES6新特性之promise對象。分享給大家供大家參考，具體如下：1. promise 介紹它是一個對象，也就是說與其他JavaScript對象的用法，沒有什麼兩樣；其次，它起到代理作用（proxy），充當非同步作業與回呼函數之間的中介。它使得非同步作業具備同步操作的介面，使得程式具備正常的同步啟動並執行流程，回呼函數不必再一層層嵌套。它的思想是，每一個非同步任務立刻返回一個Promise對象，由於是立刻返回，

React中ES5與ES6寫法的區別總結，reactes5es6寫法前言相信很多React的初學者都被ES6的問題迷惑：各路大神都建議我們直接學習ES6的文法(class Foo extends

小程式 跳轉方式總結，小程式跳轉總結小程式 跳轉方式總結一共算是有四種方式。1.使用組件。<navigator>標籤。來實現。特點：點擊有按下的效果<navigator url="../job_detail/job_detail?isShowCompanyDetail=true&iscollect={{item.iscollect}}"> 跳轉 </navigator>

webpack配置的最佳實務分享，webpack最佳實務本文主要介紹了關於webpack配置的最佳實務，本文分享的實踐具有以下的優勢： 使用happypack提升打包速度。 使用MD5 hash可以組建檔案版本，進資料列版本設定 在非單頁面的系統中支援多個入口的配置 模板中可以利用htmlplugin輸出一些配置性的資訊 支援devserver，支援本地json資料的mock 一、webpack最佳實務中的需求     1.熱載入 &

ES6新特性四：變數的解構賦值執行個體，es6新特性解構賦值本文執行個體講述了ES6新特性之變數的解構賦值。分享給大家供大家參考，具體如下：1. 數組的解構賦值//① 可以從數組中提取值，按照對應位置，對變數賦值var [a, b] = [1, 2]; //a = 1;b = 2//② 下面是一些使用嵌套數組進行解構var [d, [[c], f]] = [1, [[2], 3]];var [,,third] = ["foo", "bar", "baz"];//third = "baz"var

ES6新特性五：Set與Map的資料結構執行個體分析，es6執行個體分析本文執行個體講述了ES6新特性五之Set與Map的資料結構。分享給大家供大家參考，具體如下：1. Set① 定義：它類似於數組，但是成員的值都是唯一的，沒有重複的值。Set本身是一個建構函式，用來產生Set資料結構。var s = new Set();[2,3,5,4,5,2,2].map(x => s.add(x))console.log(s); //Set { 2, 3, 5, 4 }②