原创 ...和map組數據的實用方法

this.items = ret.map((v, i) => { v.name = decodeURIComponent(v.name)

原创 js 轉樹結構

toTree (data) { var map = {} var val = [] data.forEach(function (item) { map[item.id] =

原创 關於上移下移,一行代碼完成數據交換

onMoveUp (index) { if (index !== 0) { this.swapArray(this.dataList, index, index - 1)

原创 JavaScriptES6之字符串String新特性

今天離職了,挺捨不得的,現在下班了,把自己寫的讀書筆記發一篇 1、模板字符串      模板字符串主要便於字符串拼接,可以把變量插入字符串中;      代碼如下: let str1 = "hello"; let str2 = "wo

原创 解構賦值

這兩天有點事,所以沒有繼續寫es6的東西,今天就說一下解構賦值 首先什麼是解構賦值?個人理解就是從數組和對象中提取值,對變量進行賦值。 舉個例子:這樣就很快的完成a,b值的交換,如果等號兩邊模式相同,左邊變量就會被賦予相應值。 爲了驗證一

原创 vue-router中的鉤子函數

全局路由鉤子函數 每次路由跳轉,都會執行beforeEach和afterEach,一般寫在main.js可以做權限控制 例如: router.beforeEach((to, from, next) => { if (to.ma

原创 如何快速讓瀏覽器兼容ES6特性

今天上午有點時間,所以在更新一篇文章 大家都知道目前es6不是所有瀏覽器都支持的,所以要通過轉碼器先進行轉碼然後再編譯代碼。所以大家在看我博客的時候可以先安裝了babel轉碼器 如果你還沒安裝 babel 可以使用 npm 來安裝: n

原创 瀏覽器緩存機制

       之前也有碰到面的基本都是計算機網絡,直接涼涼(因爲基本都忘了,面的時候已經說了不會,還在問,當時已經很想懟他了),後面要說的都是官話,前端工程師也許對各種具有炫酷效果的頁面的實現技巧、賞心悅目的 UI 框架更感興趣,但因此常

原创 說一說es6中的const

之前講了一下let,聲明一個變量,只在塊級作用域有作用。現在來說一下ES6新增的另一個關鍵字const const是聲明常量的,常量的值是不可改變的。 使用的時候有以下特點: 不可修改 只在塊級作用域起作用 不存在變量提升 不可重複聲明變

原创 vue-devtools的安裝與使用

git clone https://github.com/vuejs/vue-devtools npm install npm run build 更改vue-devtools\shells\chrome下的manifest.json

原创 使用js判斷數據類型

出去溜達的時候,也會有人問如何判斷js數據類型,我當時回答是使用 typeof  判斷各種數據類型,有兩種寫法:typeof   xxx   ,typeof(xxx) console.log(typeof 1 , typeof null

原创 es6新增的let

最近出去觀望一下,發現很多人喜歡問es6,所以我決定定期寫一寫關於se6都有哪些好玩的東西,今天先說一下爛大街的let 個人感覺之所有有let還是因爲var有幾點不足之處: 首先是作用域的問題,其次是變量提升 var arr = [

原创 省市區三級聯動jq

html: <!DOCTYPE html> <html> <head> <title>省市區三級聯動</title> </head> <body> <select id="province"> <opti

原创 解決vue-cli項目無法用本機IP訪問的問題

在我們的config目錄下有一個index.js, 找到dev對象的host屬性  將host重新定義爲:0.0.0.0即可, 然後重啓服務,這樣localhost、127.0.0.1、本地IP均能正常訪問。

原创 常用的location對象

document.location.host //表示當前域名 + 端口號 document.location.hostname //表示域名 document.location.href //表示完整的URL documen