原创 端口被佔用問題Error: listen EADDRINUSE 127.0.0.1:8888

今天工作的時候,啓動環境突然啓動不了,報這樣的錯誤 Error: listen EADDRINUSE 127.0.0.1:8888 具體如下圖: 發現時候8888的端口被佔用,啓動不了 那麼 如何Mac OS 查看端口和殺死進程

原创 如何玩轉sortablejs-vuedraggable實現表單嵌套拖拽功能

最近幾天在研究有關vue實現拖拽的功能,不過跟一般的拖拽排序有點不同,這個需求可能出現多行多列嵌套的表單元素,數據也是遞歸形式的出現。我也是在vuedraggable的基礎上擴展實現的,如何想了解更多的拖拽排序功能可以參考htt

原创 帶你學習ES5中新增的方法

文章目錄1. ES5中新增了一些方法,可以很方便的操作數組或者字符串,這些方法主要包括以下幾個方面2. 數組方法2.1 forEach跟jQuery的each用法類似。語法是:2.2 map()2.3 filter()2.4 so

原创 ES6學習筆記(五):輕鬆瞭解ES6的內置擴展對象

前面分享了四篇有關ES6相關的技術,如想了解更多,可以查看以下連接 《ES6學習筆記(一):輕鬆搞懂面向對象編程、類和對象》 《ES6學習筆記(二):教你玩轉類的繼承和類的對象》 《ES6學習筆記(三):教你用js面向對象思維來

原创 前端基礎git(一)-git入門代碼版本控制介紹

上兩篇文章我主要分享了github的一些操作及用法,從今天開始我講分享一些有關git的一些知識。如果想了解github的操作可以看 前端都應懂的入門基礎-github基礎 前端基礎牢記的一些操作-Github倉庫管理 版本控制

原创 ES6學習筆記(四):教你輕鬆搞懂ES6的新增語法

文章目錄letconstlet、const、var的區別解構賦值數組解構對象解構箭頭函數剩餘參數總結 let ES6新增的用於聲明變量的關鍵字 let聲明的變量只在所處於的塊級有效 不存在變量提升 暫時性死區 // 使用le

原创 小程序入門到精通(三):學小程序必備技術基礎-flex佈局

學小程序我們需要有點html、css、js基礎,而flex佈局是我們小程序常用的css佈局,學習小程序之前,我們需要了解一些css方面的佈局知識-Flex佈局,Flex 佈局將成爲未來佈局的首選方案 1. flex 佈局是什

原创 小程序入門到精通(二):瞭解小程序開發4個重要文件

1. 小程序沒有DOM對象,一切基於組件化 2. 小程序的四個重要的文件 *.js —> view邏輯 —> javascript *.wxml —> view結構 ----> html *.wxss —> view樣式

原创 vue-codemirror基本用法:實現搜索功能、代碼摺疊功能、獲取編輯器值及時驗證

昨天實現了一些codemirror:基本的編輯代碼功能、插入變量功能、codemirror語法驗證功能、代碼格式化(由於主要是json數據,所以暫時沒引用其他組件,如果需要建議引用js-beautify,因爲查資料發現codem

原创 教你輕鬆搞懂vue-codemirror的基本用法:主要實現代碼編輯、驗證提示、代碼格式化

2017年的時候用過codemirror,當時用的是jQuery庫、codemirror、beautify插件。主要實現代碼的編輯功能、插入一些變量功能、beautify插件主要用來格式化代碼,實現代碼美化效果。不過這兩年做項目

原创 小程序入門到精通:微信小程序介紹及開發準備工作(一)

1. 什麼是小程序? 微信小程序(wei xin xiao cheng xu),簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用 ( 張小龍對其的定義是無需安裝,用完即走,實際上是需要安裝的,只不過

原创 前端工程師需要懂的前端面試題(c s s方面)總結(二)

實現元素水平垂直居中的幾種方法: <div id="wrap"> <div class="box"></div> </div> 1. 定位方法實現水平垂直居中 <style> *{ margin: 0; paddi

原创 axios學習筆記(一):學習HTTP相關的技術知識點

**HTTP是一種能夠獲取如 HTML 這樣的網絡資源的 **protocol(通訊協議)。它是在 Web 上進行數據交換的基礎,是一種 client-server 協議,也就是說,請求通常是由像瀏覽器這樣的接受方發起的。一個完

原创 ES6學習筆記(四):教你理解ES6的新增語法

文章目錄letconstlet、const、var的區別解構賦值數組解構對象解構箭頭函數剩餘參數總結 let ES6新增的用於聲明變量的關鍵字 let聲明的變量只在所處於的塊級有效 不存在變量提升 暫時性死區 // 使用le

原创 教你輕鬆搞定javascript中的正則

文章目錄1 正則表達式概述1.1 什麼是正則表達式1.2 正則表達式特點2 正則表達式在Javascript中的使用2.1 創建正則表達式2.2 測試正則表達式 test3 正則表達式中的特殊字符3.1 正則表達式的組成3.2 邊