原创 如何vue-cli2.x以及vue-cli3.x中怎麼使用postcss

使用vue-cli腳手架新建了一個以webpack模版的項目,想在單組件的項目中使用postcss書寫css。 1、安裝 npm install postcss-cssnext postcss-import postcss-loader

原创 react-redux 基礎概念

結合官方提供的todo教程,以及我Get到的點(感覺沒有Vuex那麼操作簡單易上手)~~傳送門 三大 ( 核心 ) 概念:   store 是應用的狀態管理中心,保存着是應用的狀態(state),當收到狀態的更新時,會觸發視覺組件進行更

原创 Vue-cli的介紹與安裝

1.vue-cli介紹 Vue-cli是Vue的腳手架工具,能夠幫助我們搞定目錄結構、本地調試、代碼部署、熱加載、單元測試等。 2.安裝 # 全局安裝 vue-cli$ npm install --global vue-cli# 創建一

原创 JavaScript中call()l和apply()的區別

call方法: 語法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定義:調用一個對象的一個方法,以另一個對象替換當前對象。 說明: call 方法可以用來代替另一個對象調用一個方法。call

原创 對原型對象中this的一個認知--(轉自張鑫旭)

1. 事情的起因 平時接觸的都是下面的故事: var story = { progress: "unknown", start: function() { this.progress = "start";

原创 vue-cli3 配置 postcss-pxtorem

1.首先安裝依賴 (已配置postcss) yarn add 或者 npm  install postcss-pxtorem   2.更改package.json "postcss": { "plugins": {

原创 vue-cli3中process.env.BASE_URL配置、接口代理以及其他配置

  vue-cli3的源碼部分:@vue/cli-service/lib/util/resolveClientEnv.js module.exports = function resolveClientEnv (options, raw

原创 使用addeventlistener點擊li彈出內容,並且動態添加li之後有效

html <button onclick="addFunction()">點我增加</button> <ul></ul> var num = 1; var u=document.querySelector("ul"); functio

原创 react阻止冒泡事件

react阻止事件冒泡的方法: <a onClick={(e)=>{ e.nativeEvent.stopImmediatePropagation() }}></a>  

原创 React dangerouslySetInnerHTML渲染html

dangerouslySetInnerHTML把字符串渲染爲html。 以換行爲例,如果接收的字符串是\n 渲染到dom 需要爲<br /> render(text) { text = text?text.replace(/\n/g

原创 幾行代碼讓你明白原型鏈

原型鏈作爲實現繼承的主要方法,基本思想是利用一個引用類型繼承另一個引用類型的屬性和方法~~可能看着有點繞。(js的數據類型分爲基本類型和引用類型,而ECMA-262把對象定義爲無序屬性的集合,創建對象最簡單的方式就是創建一個Object的

原创 JS數組常用方法:forEach、map、filter、some、every,filter與map區別

forEach() 方法對數組的每一個元素執行一次提供的函數。 map() 方法創建一個新數組,其結果是該數組都執行一次函數,原函數保持不變。 filter() 方法使指定函數測試數組的每一個元素,並放回一個通過元素的新數組。 some(

原创 Unable to resolve module 'AccessibilityInfo', when trying to create release bundle

最近使用react-native init 'XXX' ,報 500 。 This might be related to https://github.com/facebook/react-native/issues/4968 To

原创 Vue項目首屏優化--webpack

1、externals的使用externals,官方文檔給出的解釋,就是webpack可以不處理應用的某些依賴庫,使用externals配置後,依舊可以在項目中通過CMD、AMD或者window/global全局的方式訪問。例如:通過CD

原创 多個ip空格分隔,驗證ip是否合法

文本域輸入多個ip以空格或者多個空格分隔,判斷每個輸入的ip是否合法。 1、首先給String增加一個原型方法,用來去除多個空格,人後通過split方法分割成數組String.prototype.ResetBlank=function()