原创 React CSS模塊化的解決方案

一、BEM與命名空間來規範CSS BEM(block-element-modifer)方法論 + 約定項目命名空間<component (c-), object(o-)> 參考:https://juejin.im/post/5b20e8e

原创 實現圖片的本地預覽

https://segmentfault.com/a/1190000019431922?utm_source=tag-newest 圖片壓縮 https://juejin.im/post/5a0161e151882561a209e253

原创 JavaScript原型&&原型鏈與面向對象

一、基礎&&問題 1. 創建的對象有幾種方式? 2. 什麼是原型、原型鏈、實例、構造函數? 3. 關於new及其本質 4. 實現繼承的的方式有幾種方式?繼承的本質是啥? 二、解答 1. 創建對象的幾種方式 // 方式一:字面量的方式

原创 Angularjs2項目打包發佈以及部署在Linux上

第一部分,打包項目,主要參考來自:https://segmentfault.com/a/1190000007921675 我們在使用Angular2項目時,直接使用官網提供的基礎配置文件,在NodeJS下面就可以生成一個新的ng2項目,但

原创 linux部署angularjs2項目步驟

一、編譯angularjs2的項目: ng bulid 二、在linux服務器上安裝  nginx  (怎麼安裝,百度教程) 三、將目錄發佈到 linux服務器上  假設發佈在  /home/XXXXX/    XXXX爲編譯好的 目錄

原创 行內塊級元素的並排問題

1. 在一個長度爲400px的section中,存在兩個分別爲200px的div, 如何並排存放:如圖所示: 解答: 設置最外層的 盒子 word-spacing: -5px, 兩個div盒子 inline-box box-sizing

原创 JS查詢數組中出現次數最多的元素--通過reduce解決

const arrx = [1, 2, 3, 'x', 'y', 3, 6, 2, 1, 1, 'y', 'x', {a: 2}] const resx = arrx.reduce((acc ,cur) => {     cur in a

原创 react-route中children、component、render區別和使用場景

原文鏈接:https://www.jianshu.com/p/a2a9b469a422 1. 我們再使用react-route的時候 經常會用到 chaildren component rend

原创 antd MonthPicker禁用往後月份

1. 自定義組件的的處理 const monthFormat = 'YYYY-MM' const currentMonth = moment().format(monthFormat) <Col span={7}> <MonthTot

原创 React + TS + Mobx 示例

原文鏈接:https://www.nealbuerger.com/2018/11/11/getting-started-with-mobx-5-and-typescript-3-react-16-6

原创 CSS3之內容佈局——定位(position)

聲明:本文源自《精通CSS:高級web標準解決方案》(第3版) 一、定位:static relative absolute  fixed 1. 概念:       static(靜態定位):塊級元素垂直堆疊       relative

原创 基於gulp4 + babel7 + webpack-stream5.x搭建的項目配置

Question:當用 gulp進行編譯的時候報錯如下: 根本原因babel包不一致 [14:41:49] Error in plugin "webpack-stream" Message:     ./js/index.ts Modul

原创 JavaScript數組扁平化處理

let testArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9]] function simpleNormalizeChildren (children) { for (let i = 0; i <

原创 ES6利用Proxy和Reflect實現觀察者模式

// 觀察者模式 const queuedObservers = new Set() const observe = fn => queuedObservers.add(fn) const observable = obj => new

原创 iView組件日期範圍添加限制

<FormItem :label="$t('myEngagement.newClient.periodFrom')"> <DatePicker v-model="formValidate.periodFrom" type="date