JavaScript

淺談vue的幾種綁定變數的值 防止其改變的方法，淺談vue1、Object.freeze(obj)語句obj={ foo:"nan" } Object.freeze(obj); 用該語句固定變數後，之後對這個變數的更改都會無效，並在console中報錯。2、v-once元素繫結<span>{{msg}}</span> 當msg資料改變之後span的內容也會當即發生改變，但是如果<span v-once>{{msg}}</span> 如果加上了v-

vue-star評星組件開發執行個體，vue-star執行個體star檔案夾下建立Star.vue，及相關的圖片資訊。便於組件的就近維護Star.vue：<template> <div class="star" :class="starSize"> <span v-for="(itemClass,key) in itemClasses" :class="itemClass" class="star-item"></span>

詳解用Node.js寫一個簡單的命令列工具，node.js命令列本文介紹了用Node.js寫一個簡單的命令列工具，分享給大家，具體如下：作業系統需要為Linux1. 目標 在命令列輸入自己寫的命令，完成目標任務 命令列要求全域有效 命令列要求可以刪除 命令列作用，產生一個檔案，顯示當前的日期2. 代碼部分 建立一個檔案，命名為sherryFile 檔案sherryFile的內容介紹: 產生一個檔案，檔案內容為當前日期和建立者#! /usr/bin/env

解決VUEX相容IE上的報錯問題，vuexie在IE 上使用Vuex的過程中，出現如下錯誤：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser. 解決方案：1、先安裝babel-polyfillnpm install --save-dev babel-polyfill2、webpack.base.config.js下修改檔案entry: { 'babel-polyfill': 'babel-polyfill',

JavaScript 中定義函數用 var foo = function () {} 和 function foo()區別介紹，varfoo某天寫代碼突然縣道這個問題,順勢總結一波JavaScript 函數和變數聲明的“提前”（hoist）行為簡單的說 如果我們使用 匿名函數var a = {}這種方式， 編譯後變數聲明a 會“被提前”了，但是他的賦值（也就是a）並不會被提前。也就是，匿名函數只有在被調用時才被初始化。如果使用function a () {};這種方式，

在vue中封裝可複用的組件方法，vue封裝複用組件本次封裝的組件以toast組件為例以前使用移動端ui外掛程式時，通過一句代碼比如 $.toast( ‘ 需要顯示的內容 ' )，從而在頁面上展示這段文字，並在一定時間後消失。現在我們也嘗試自己封裝toast組件。準備工作：vue-cli腳手架工程先看一下涉及到的檔案目錄：這次的封裝主要涉及的檔案是Toast.vue toast.js Hello.vue，主要思路如下：① Toast.vue是我們要使用的toast組件；②

Vue中的slot使用插槽分發內容的方法，vueslot本文題材來自：https://cn.vuejs.org/v2/guide/components.html#%E4%BD%BF%E7%94%A8%E6%8F%92%E6%A7%BD%E5%88%86%E5%8F%91%E5%86%85%E5%AE%B9<slot></slot>標籤，簡單來說就是預留位置，它會幫你佔好位置，等你需要的時候直接將html傳入，它會幫你顯示出來。也有人說：props可以將資料從父組件傳入子組

詳解vue-cli 快速搭建單頁應用之遇到的問題及解決辦法，詳解vue-cli一、報錯內容類別似：Expected indentation of 0 spaces but found 4將 build 檔案下的 webpack.base.conf.js 檔案裡面的下面一段代碼注釋掉（eslint-loader內容）,重新運行.二、報錯內容： Newline required at end of file but not found只需要在 js css 等後面再加一行（空行）就可以了或者將

基於cropper.js封裝vue實現線上圖片裁剪組件功能，cropper.jsvue如下所示，github:demo下載cropper.jsgithub:cropper.js官網（demo）cropper.js 安裝 npm或bower安裝npm install cropper# orbower install cropperclone下載：git clone

利用vue和element-ui設定表格內容分頁的執行個體，vueelement-uihtml代碼因為我寫在template中，也就是建立了組建中，貼出代碼。<el-pagination small layout="prev, pager, next" :total="total"

Spring Boot/VUE中路由傳遞參數的實現代碼，springvue在路由時傳遞參數，一般有兩種形式，一種是拼接在url地址中，另一種是查詢參數。如：http://localhost:8080/router/tang/101?type=spor&num=12。下面根據代碼看一下，VUE 和 Spring Boot 中各自是如何處理傳遞和接受參數的。Spring Bootpackage com.tang.demo1.controller; import

Vue

vue2.0 + element UI 中 el-table 資料匯出Excel的方法，vue2.0el-table1、安裝相關依賴主要是兩個依賴npm install --save xlsx file-saver如果想詳細看著兩個外掛程式使用，請移步github。https://github.com/SheetJS/js-xlsx https://github.com/eligrey/FileSaver.js2、組件裡頭引入import FileSaver from

vue判斷input輸入內容全是空格的方法，vueinput比如input中的資料和data中的msg雙向繫結。那麼我們可以  判斷先把msg以空格拆分成數組，然後拼接起來，判斷字串的長度，如果長度為0，證明輸入的就全是空格了，如下：msg.split(" ").join("").length = 0 以上這篇vue判斷input輸入內容全是空格的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。

vue element-ui table表格滾動式載入方法，vueelement-ui添加全域註冊事件，用來監聽滾動事件window.Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scroll', function() { let sign = 100

vue中添加mp3音頻檔案的方法，vue添加mp3音頻有的時候我們需要在vue中添加音頻檔案，但是直接將音頻檔案放置了assets目錄下的時候，會發現並不能正常播放，下面是兩種常用的配置方法：方法一、將音頻檔案放置在static目錄中，然後進行調用，如下所示<audio class="success" src="/static/audios/do_wrong.mp3"></audio>以上這種方式就能夠解決這個問題了。方法二、給項目配置mp3格式的解析器

Vue的輪播圖組件實現方法，vue播圖組件今天在上慕課老師fishenal的vue實戰課程的時候，有一個輪播圖組件實現，在跟著做的時候，自己也踩了一些坑。此外，在原課程案例的基礎上，我加入了不同方向的滑動功能。本文章採用Vue結合Css3來實現輪播圖。首先要瞭解的是Vue的動畫原理。在vue中，如果我們要給元素設定動畫效果，則需要使用一個<transition

關閉Vue計算屬性內建的緩衝功能方法，vue緩衝使用Vue的小夥伴都會知道，vue的計算屬性。這個是這個樣子解釋的，當某些依賴值發生變化的時候，其自身的值也會發生變化，與之先關的DOM也會發生變化，通常呢，這個計算屬性裡面都會有兩個方法：get和set可以使用。這裡我只分析一下，如何關閉計算屬性的緩衝，擷取最新資料，如下執行個體：HTML代碼<div id="mess"> <div>{{exapm}}</div> </div>JS代碼：

在Vue中使用Compass的方法，vue使用compass寫作動機拖了蠻久的，總算下定決心要給自己寫一個個人網站，不僅要看起來狂拽酷炫，技術也要OK，所以趁此機會也將自己不熟悉的技術拿來鍛煉一下。網站打算用Vue來作為前端架構，Css用Sass來寫。但是尚未正式開始就突然想到，既然Sass有Compass這麼有力的工具不用豈不是步子邁小了，然而找了一輪發現都是說怎樣在Vue項目中使用Sass而沒有Compass的解決方案。但是這麼放棄一個強大的工具練習不了又不甘心，於是各種繼續搜尋和嘗試後總算

vue實現裁切圖片同時實現放大、縮小、旋轉功能，vue裁切本篇文章主要介紹了vue實現裁切圖片同時實現放大、縮小、旋轉功能，分享給大家，具體如下：實現效果： 裁切指定地區內的圖片 旋轉圖片 放大圖片 輸出bolb 格式資料 提供給 formData 對象大概原理：利用h5 FileReader 對象， 擷取 <input type="file"/> “上傳到瀏覽器的檔案” ，檔案形式 為base64形式， 把 base64 賦給canvas的上下文。然後給canvas