MayOMengxuhui

styled-components 样式组件

1

## styled-components ### 背景 - 使用React的过程中，组件通过 JS 来定义 css 样式，就必须在 React 组件里面通过style属性来写。 ``` export class App extends React.Component { render() { return( ...... ); } } ``` 缺点： （1）样式属性与原生 css...

### 富文本安全前端防御问题 - XSS攻击全名（Cross-Site-Script）跨域脚本攻击，为了跟CSS（Cascading-Style-Sheet）区分开来，所以缩写是XSS。 ### 常见 XSS 遇到的攻击方法 - 普通的XSS JavaScript注入 ``` ``` - IMG标签XSS使用JavaScript命令 ``` ``` - IMG标签无分号无引号 ``` ``` - 嵌入式标签,将Javascript分开 ``` ``` - 双开括号 ```

## React-loadable #### 使用背景 - 当你的项目足够大时，把所有代码打包到一个bundle中的启动时间会非常缓慢。这时就需要把app组件拆分为若干个bundle，按需加载。 #### 异步加载的几种方式 一、基于`webpack`的require.ensure实现code splitting 示例如下（PC略懂商城tab切换） ``` require.ensure(['./goldGuild'], (require) => { let GoldGuild = require('./goldGuild').default; ReactDOM.render(, document.getElementById("container")); }); ``` 二、基于`路由`React-Router的按需加载（PC略懂发布） 示例如下 ``` let App =...

React-loable 基于组件的代码拆分