原创 GIT 常用命令

學無止境,精益求精! 十年河東,十年河西,莫欺少年窮! 學歷代表你的過去,能力代表你的現在,學習代表你的將來! 本篇博客是轉發的別人的,原文地址:http://www.ruanyifeng.com/blog/2015/12/git-che

原创 css樣式-選擇父元素下的非一個子元素

在調整樣式中我們經常會遇到這樣的情況,相鄰且相同元素之間間隔20px時並且第一個元素沒有變化。 <div> <span>這是第1個元素</span> <span>這是第2個元素</span> <span>這是第3

原创 css樣式 - 使用display: inline-block;佈局時錯位問題

在頁面中我們經常會左右佈局。左邊寬度固定右邊寬度佈滿整個盒子比如這樣的  .content_module { height: calc(100% - 0.8rem); /*padding: .15rem

原创 js實現表格的選中一行

先設想下它的實現效果: 1、原始樣式: 2、鼠標滑過時: 3、鼠標選中點擊某一行 我們來記錄下它的詳細實現,儘管它看起來如此簡單。 1、先寫html語言,當然還是應用的前幾天相同的代碼,可是多了一點點...   <div id=

原创 vue-router 基本使用

路由,其實就是指向的意思,當我點擊頁面上的home按鈕時,頁面中就要顯示home的內容,如果點擊頁面上的about 按鈕,頁面中就要顯示about 的內容。Home按鈕  => home 內容, about按鈕 => about 內容,也

原创 前端學習之正則表達式

正則表達式,又稱規則表達式,英語名稱:Regular Expression,在代碼中常簡寫爲regex、regexp或RE。是對字符串操作的一種邏輯公式。 正則表達式主要有3個用處: 1、替換文本,可以在文檔中使用一個正則表達式來標識特定

原创 webpack 介紹 & 安裝 & 常用命令

webpack系列目錄 webpack 系列 一:模塊系統的演進 webpack 系列 二:webpack 介紹&安裝 webpack 系列 三:webpack 如何集成第三方js庫 webpack 系列 四:webpack 多頁面支持

原创 在VUE應用中配置ESLint(代碼檢查)

eslint配置方式 註釋配置:使用js註釋來直接嵌入ESLint配置信息到一個文件裏 配置文件:使用一個js文件,JSON或者YAML文件來給整個目錄和它的子目錄指定配置信息。這些配置可以寫在一個文件名爲.eslintrc.*的文件或者

原创 vue報錯(一)

剛剛運行一下以前的一個Vue+webpack的demo,運行之後沒有出現想象中的效果,並且報錯 Uncaught TypeError: Cannot assign to read only property ‘exports‘ of ob

原创 module.exports與exports,export與export default之間的關係和區別

首先我們要明白一個前提,CommonJS模塊規範和ES6模塊規範完全是兩種不同的概念。 CommonJS模塊規範 Node應用由模塊組成,採用CommonJS模塊規範。 根據這個規範,每個文件就是一個模塊,有自己的作用域。在一個文件裏面定

原创 開發vue插件-插件實現v-model功能

最近在開發自己的富文本編輯器插件,在開發中遇到了很多問題其中我覺得比較好的問題就是在你定義的插件中實現雙向綁定。就好像input中v-model的功能類似。 v-model語法: 在vue中我們實現表單的雙向綁定時代碼一般時這樣寫的:

原创 vue-cli腳手架搭建開發vue插件(一)

vue腳手架搭建網上有很多教程,並且在以前我的一篇博客中記錄了vue-cli腳手架安裝和使用的步驟,在這裏我就不多加描述了。如果小夥伴們有興趣可以看一下vue-cli搭建使用的這篇文章:https://mp.csdn.net/posted