JavaScript

Vue2.0實現購物車功能，vue2.0實現購物車簡介vue.js是由華人尤雨溪開發的一套MVVM架構。vue.js 的核心是一個允許你採用簡潔的模板文法來聲明式的將資料渲染進 DOM 的系統，它非常適用於具有複雜互動邏輯的前端應用，如一些單頁應用程式，有很多表單操作，頁面中的內容需要根據使用者的操作動態變化。主要特性： 1.響應式的資料繫結 2.組件化開發 3.Virtual DOM 開發準備工具我使用的編輯器是sublime

bootstrap multiselect 多選功能實現方法，bootstrapselect多選官方教程http://www.kuitao8.com/demo/20140224/1/bootstrap-multiselect-master/index.html使用方法：第一步引用樣式以及相關JS<link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow"

詳解Nodejs之靜態資源處理，詳解nodejs靜態前言剛開始用Nodejs寫簡單的web伺服器的時候，總是感覺少了點什麼。原來，我一直是在頁面上輸出什麼Hello World！啊， It Works.之類的了。還確實沒有處理關於CSS， JS這些引用的靜態相關的資源。一開始覺得處理這些東西應該會非常的easy，結果發現不僅僅是這麼回事。途中也遇到了一些人們經常可能會犯的想當然的錯誤。於是我就決定好好的記錄一下關於Nodejs中對於靜態資源的處理。著眼於問題重現問題先來展示一下目錄結構吧。E:\

D3.js進階系列之CSV表格檔案的讀取詳解，d3.jscsv前言之前在入門系列的教程中，我們常用 d3.json() 函數來讀取 json 格式的檔案。json 格式很強大，但對於普通使用者可能不太適合，普通使用者更喜歡的是用 Microsoft Excel 或 OpenOffice Calc 等產生的表格檔案，因為簡單易懂，容易編輯。Microsoft Excel 通常會儲存為 xls 格式， OpenOffice Calc 通常會儲存為 ods

javascript中mouseenter與mouseover的異同，mouseovermouseenter不知道大家在面試或者工作過程中有沒有被 mouseover 和 mouseenter (對應的是 mouseout 和 mouseleave )事件所困擾。自己之前在面試的時候就有被問到諸如mouseover和mouseenter事件的異同之類的問題？當時沒有答出來，一直也對這兩個事件有點模糊不清，趁著最近正在讀 zepto源碼 ，準備寫一篇這方面的文章，如果有錯誤，請大家指正。

詳解vue-cli開發環境跨域問題解決方案，vue-cli前後端分離開發中必要會遇到的問題—跨域。在使用vue開發的時候，開始為瞭解決跨域問題。採用的是CORS（Cross-origin resource sharing）。後台在回應標頭中添加Access-Control-Allow-Origin。這樣就可以跨域調後台介面了。 在前幾天無意中看到了config的index.js檔案中有一個proxyTable屬性，通過配置可以解決開發環境的跨域

js評分組件使用詳解，js評分使用詳解我們知道，許多外賣app都有評分的星星，這裡我總結一下對評分組件的開發，學習視頻：餓了麼實戰（慕課網）1.html部分<div class="star" :class="starType"> <span v-for="itemClass in itemClasses" :class="itemClass" class="star-item"

詳解Vue 開發模式下跨域問題，vue佈建要求頭部 後端佈建要求頭部Access-Control-Allow-Credentials: true和Access-Control-Allow-Origin: www.xxx.com 前端post請求設定withCredentials=true 這裡用了axios的請求資料方法代碼如下：import axios from 'axios'import config from '../config'export default {request

JavaScript實現移動端輪播效果，javascript實現輪播這個輪播代碼不是我自己所寫，是偶然遊覽一個簡友的首頁看到的，今天剛看了事件，決定來逐行分析一下這個代碼。首先，移動端與電腦端不同的是移動端只能通過觸摸和手勢來發生行為，所以我們要用到js中的與觸摸操作有關的新事件。其實我們輪播的原理和以前相同，都是通過改變元素的位置來控製圖片的出現，但讓我們不是很上手的，是那些用於跟蹤觸摸的屬性。下面，我簡單介紹一下與觸摸相關的知識觸摸事件

關於vue.js v-bind 的一些理解和思考，vue.jsv-bind一、v-bind 初探它是一個 vue 指令，用於綁定 html 屬性，如下：<div id="app"> <p v-bind:title="title">html屬性不能使用雙大括弧形式綁定，只能使用v-bind指令</p></div>......var vm = new Vue({ el: '#app', data: { title: 'title

JS實現裡判斷頁面是否被分享成功的方法，js頁面本文執行個體講述了JS實現裡判斷頁面是否被分享成功的方法。分享給大家供大家參考，具體如下：var shareData = { img_url: "", img_width: 200, img_height: 200, link: '', desc: '', title: '', appid: 0};document.addEventListener('WeixinJSBridgeReady', function

淺析 NodeJs 的幾種檔案路徑，淺析nodejs一、挖坑 & 掉坑：緣起一段這樣的代碼：fs.readFile('./docs/use.md', function (err, buffer) { if (err) { return console.log('error: ', err); } console.log('OK'); });本地運行時一切 OK，線上部署時卻死活找不到 ./docs/use.md

Bootstrap fileinput檔案上傳組件使用詳解，bootstrapfile組件一、使用方法1、匯入依賴的js和css檔案：<link rel="stylesheet" href="css/bootstrap.min.css" /><link rel="stylesheet" href="css/fileinput.min.css" /><script type="text/javascript" src="js/jquery-3.2.1.js" >

webpack打包單頁面如何引用的js，webpack打包js目錄結構如所示：webpack打包代碼如下：var webpack = require('webpack');var fs = require('fs');var path = require('path');var fse = require('fs-extra');const debug = process.env.NODE_ENV !== 'production';function entries(jsPath) { var

詳解nodejs非同步I/O和事件迴圈，nodejs非同步事件驅動模型現在我們來看看nodejs中的事件驅動和非同步I/O是如何?的.nodejs是單線程(single thread)啟動並執行，通過一個事件迴圈(event-loop)來迴圈取出訊息佇列(event-queue)中的訊息進行處理,處理過程基本上就是去調用該訊息對應的回呼函數。訊息佇列就是當一個事件狀態發生變化時，就將一個訊息壓入隊列中。nodejs的時間驅動模型一般要注意下面幾個點：

jquery dataTable 後台載入資料並分頁執行個體代碼，jquerydatatable使用 dataTable後台載入資料並分頁。網上版本很多，但很多都是不能用或者不詳細的，這裡是已經驗證過的。引用 js檔案<script src="static/ace/js/jquery-2.0.3.min.js"></script><script

JQueryMiniUI按照時間進行查詢的實現方法，jqueryminiui查詢考核的事情已經變成了上一年了，當時要做一個圖書管理系統，但是當時因為在按照時間進行搜尋的時候，無法將前台的資料傳遞到後台，所以失去了一部分，現在重看，其實也不過爾爾，反而然我有一種只是當時枉然的意味。好了，那麼如何將前台的時間資料傳遞到後台，其實如果是普通的傳遞倒也是無所謂的，因為有特殊的功能是在搜尋的時候實現所以要在載入頁面的時候傳遞資料，jQuery-MINI

Vue中儲存使用者登入狀態執行個體代碼，vue使用者登入首先我們假設，這裡的登入組件（register.vue）是App.vue組件的子組件，是通過路由進入登入組件的。 登入組件中使用者點擊登入後，後台會傳過來一個使用者名稱，我的App.vue組件中需要拿到這個使用者名稱，並將上面的“登入註冊”字樣變為“使用者名稱”。 為了保證使用者重新整理後使用者名稱不會消失，這裡我用到了sessionStorage代碼如下: register.vue中使用者點擊登入觸發signIn方法 signIn()

jstree單選功能的實現方法，jstree單選實現在選擇部門時，因為每個人只有一個部門，因此要實現單選。在jstree的core裡加入 “multiple”: false,注意是寫在core如下所示'plugins': ["wholerow", "checkbox", "types"],'core': { "multiple": false,//單選 "themes": { "responsive": false

jQuery帳戶圖片裁剪外掛程式cropbox.js使用詳解，jquerycropbox.js幾乎每一個網頁是必備圖片上傳，圖片裁剪功能，這裡通過cropbox.js外掛程式實現該功能。<script src="js/jquery-1.11.1.min.js"></script><script src="js/cropbox.js"></script><script type="text/javascript"> $(window).