龙风

### react项目中实现条形码 > 使用jsBarcode实现一个条形码  [参考地址](https://www.cnblogs.com/dreambin/p/10570873.html)

## clip-path 切割图形 > 需求是切图一个不规则的图形，方案原本采用伪元素处理，更好的方案处理是使用css: clip-path处理。  - 以下采用的css-in-jss ```css mermberBg: { position: 'absolute', minWidth: '52px', height: '20px', right: 0, top: 0, '-webkit-clip-path': 'polygon(0 0, 100% 0, 78% 100%, 0...

## 原生的语音实现语音播报 > 最近项目要实现会员问好的一种需求，发现 window下有原生的方法支持播报！ - dayjs npm库！ ```js // 语音播报 export function voiceReport(message: string) { const msg = new SpeechSynthesisUtterance(message) msg.volume = 100 msg.rate = 1 msg.pitch = 1.5...

### antd 使用中遇见了.bezierEasingMixin() > 这种情况很有可能是less版本过高，大于3.0版本，降级less版本， - ` yarn add [email protected]` 安装即可

React中 css被覆盖的解决方案（2020-3-8）

1

> 在react项目中，如果我们使用css, 或者scss ，最终会被打包到一个文件中，这时会产生css被覆盖的情况出现！ #### 解决方案有以下 - 尽可能使用复杂的css命名 （low) - 使用css-in-jss （引入多余的模块, 而且比较麻烦） - 使用react-app-rewire-css-modules #### webpack 配置！！！ > 对于react 项目，我们需要对webpack,进行重写，重写的过程不再赘述。 **新建文件`config-overrides.js`** ```js const { injectBabelPlugin } = require('react-app-rewired'); const...

export default 和 export 的区别（2020-3-8）

1

### export default 和 export 的区别 （es6相关） - export 和 export default 都可以导出 模块、函数、文件、常量等 - 可以在其他文件或者模块中通过import + （ 文件 | 函数 | 常量 | 模块） 名字的方式将其导入，以便于能够对其使用 - 在一个文件中或者模块中，export 、import 可以有多个，...

虚拟dom的实现方式(2020-2-18）

1

#### 虚拟dom的实现方式 ```js class Element { constructor(type, props, children) { this.type = type this.props = props this.children = children } } function createElement(type, props, children) { return new Element(type, props,...

Vue2.5开发基础学习 ## vue基础 [vue官网](https://vuejs.org) - 注意： vue不支持低版本浏览器内容 #### 使用vue.js 实现hello world ```js // 如何在页面上实现一个简单的hello world // 1. 方式1: 原生的方式 var app = document.getElementById('app') app.innerHTML = 'hello world' // 2. 方式2:...

> 可以通过正则的方式获取 ```js /^\[object (.*)\]$/.exec('[object Null]') // ["[object Null]", "Null", index: 0, input: "[object Null]", groups: undefined] ``` > 可以通过 slice的方式 ```js '[object Null]'.slice(8, -1) ```

mobx轻量级状态管理（2020-2-13）

1

### mobx轻量级 > 最简单的用法 ```js import { observable, action } from 'mobx' class UserStore { @observable public userInfo: any = {} @observable public shopInfo: any = {} @observable public staffInfo:...