活在当下
活在当下
可以使用mac 命令行打开配置文件来查看 ``` open ~/.oh-my-zsh/plugins/git ``` ### 简写列表 ``` g=git ga='git add' gaa='git add --all' gapa='git add --patch' gb='git branch' gba='git branch -a' gbd='git branch -d' gbda='git branch --no-color --merged...
## Sonar (SonarQube)是一个开源平台，用于管理源代码的质量。Sonar 不只是一个质量数据报告工具，更是代码质量管理平台。支持的语言包括：Js, Ts, Java、PHP、C#、C 等等。 ### 主要特点： - 代码覆盖：通过单元测试，将会显示哪行代码被选中 - 改善编码规则 - 搜寻编码规则：按照名字，插件，激活级别和类别进行查询 - 项目搜寻：按照项目的名字进行查询 - 对比数据：比较同一张表中的任何测量的趋势
``` balabalblabalbalbalblab readingGuideHeaderTitle: { textAlign: 'center', fontFamily: 'PingFangSC-Regular', fontSize: color: '#333', backgroundColor: 'rgba(0,0,0,0)' // here }, ```
# vue webpack 打包 ### 初始化 1. mkdir vue-webpack-101 2. cd vue-webpack-101 3. npm init （都懂 就不介绍了） 4. touch .gitignore （都懂 就不介绍了） ### 装包 - Yarn add webpack vue vue-loader...
### 我对接口测试的理解 一、什么是接口测试 我所理解的接口是用来处理业务逻辑和数据，实现功能的。接口测试就是检测数据的转换、传递和控制管理过程，以及系统间的逻辑依赖关系。 二、接口测试的目的及意义 1.app的后端服务（抑或接口）出现功能异常、或者错误的数据输出等问题时，会导致客户端功能异常甚至崩溃。 2.如果之前没有进行api接口测试，当客户端出现功能或者数据的问题时，需要逐个排查是前端的问题还是后端的问题。 所以，很有必要进行api接口测试，来检测接口的正确性和准确性 三、接口测试的分类 目前是http协议接口测试。 四、测试内容 两个重点，注重业务逻辑分析（正反向都要测到），注重数据检查 1.功能：检查接口的功能有没有实现，也就是请求会不会成功，如果不成功会不会返回错误代号。 2.数据： - 1 检查接口返回的数据、数据格式、数据类型是否与预期一致（正向，传递的参数正常） - 2 检查传递的参数为边界值时，接口是否可以正常处理（传递的参数足够大或者为负、空值时） 例如：需要一个ip参数，当我输入一个100位的数字时，看会不会报错 - 3 检查输入各种数据类型的参数，是否可以处理（支持整数，如果输入小数或者字符串呢） 3.性能：接口处理数据的时间（涉及到代码优化） ### 一 、接口测试 1. 接口测试是测试系统组件间接口的一种测试。接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。测试的重点是要检查数据的交换，传递和控制管理过程，以及系统间的相互逻辑依赖关系等。...
# React-Navigation Redux Integration ### React-Navigation的配置里面只能通过嵌套实现card push进来一个modal； 想要实现modal里面push card 只能通过额外的组件实现， 如果你想要实现类似的场景可以参考 👇 ``` (this.login = ref)}> ``` 参考资料 https://github.com/maxs15/react-native-modalbox Redux 集成[官方有文档](https://reactnavigation.org/docs/guides/redux) （不知道为何官网的example not work） 其他参考资料 https://hackernoon.com/a-comprehensive-guide-for-integrating-react-navigation-with-redux-including-authentication-flow-cb7b90611adf ### navigation集成redux后需要实现的功能 #### 常用api...
这个错误出现在ListView中，在以后的版本中才会实现空的`section headers`作为默认值，当前版本（0.44version）并没有支持。 如果我们不需要使用headers的话，可以禁止`EmptySections`。 解决方法： `enableEmptySections = {true}`
## 前端渲染优化 ### CSS 是阻塞渲染的资源。需要将它尽早、尽快地下载到客户端，以便缩短首次渲染的时间。 - 默认情况下，CSS 被视为阻塞渲染的资源，这意味着浏览器将不会渲染任何已处理的内容，直至 CSSOM 构建完毕。请务必精简您的 CSS，尽快提供它，并利用媒体类型和查询来解除对渲染的阻塞。 - 默认情况下，CSS 被视为阻塞渲染的资源。 - 我们可以通过媒体类型和媒体查询将一些 CSS 资源标记为不阻塞渲染。 - 浏览器会下载所有 CSS 资源，无论阻塞还是不阻塞。 ```html ``` > ==请注意“阻塞渲染”仅是指浏览器是否需要暂停网页的首次渲染，直至该资源准备就绪。无论哪一种情况，浏览器仍会下载 CSS 资产，只不过不阻塞渲染的资源优先级较低罢了。== ### CSSOM...
```javascript /** * 导航系统： react-Navigation * 参考文档： https://reactnavigation.org/docs/intro/s * 拓展： 与redux集成 */ import { NavigationActions } from 'react-navigation'; import { findIndex, find } from 'lodash'; import AppNavigator, { tabNavigator }...
## "webpack": "^4.25.1", ### before ```javascript plugins: [ new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false, }, }), ], ``` ### now ```javascript const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); optimization: { minimizer:...