提交代码时的commit内容不明确不完整。当回溯代码的时候，很难通过commit内容定位历史记录，只能一条一条查看，找不到就要去问历史参与开发的其他同事，沟通成本太高了。

一个轻量级的、灵巧的软件开发方法；同时它也是一个非常严谨和周密的方法。它的基础和价值观是交流、朴素、反馈和勇气；即，任何一个软件项目都可以从四个方面入手进行改善：加强交流；从简单做起；寻求反馈；勇于实事求是。XP是一种近螺旋式的开发方法，它将复杂的开发过程分解为一个个相对比较简单的小周期；通过积极...

1、vue项目中阻止鼠标滚轮事件 @mousewheel.prevent<div class=“main” @mousewheel.prevent>2、vue阻止右键默认行为

执行 “yarn install” 报如下错误，错误表示node版本不一致：The engine "node" is incompatible with this module. Expected version XXX

要让 TypeScript 正确推断 Vue 组件选项中的类型，您需要使用 Vue.component 或 Vue.extend 定义组件：

1.全新项目：使用vue cli4脚手架创建vue项目时，选中typescript，会自动配置好ts相关环境。开箱即用。2.已有项目：使用vue cli4添加vue官方配置的ts相关插件。vue add typescript

安装常用npm包、配置脚本1. 删除文件和文件夹 rimraf 作用以包的形式包装rm -rf命令，用来删除文件和文件夹，不管文件夹是否为空，都可以删除。npm：[链接]github: [链接]安装 {代码...} 使用在package.json scripts中使用 "clean": "rimraf dist" //删除dist文件夹构建工具中使用这个包只提供一个方法：rimraf(f, [opts...

使用git把一个本地仓库同时push到多个远程仓库1. 首先需要分别新建远程仓库本次主要同时push到gitee和github；2. 从github拉取代码到本地 {代码...} 3. 添加新的远程仓库通过git remote set-url --add 别名 仓库地址添加新的远程仓库 {代码...} github和gitee都使用默认的远程版本库名称origin，方便同时推送4. 注意本地...

通过markdown写组件文档和示例代码，然后解析为页面和代码演示效果，参考element ui；element ui组件文档是使用markdown-it实现的；这里直接使用封装的第三方库vue-markdown-loader参考地址：[链接]解析markdown文档 [链接][链接][链接]按需加载打包[链接]

这里是通过Homebrew进行安装的，Homebrew是一款macOS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能；下载地址：[链接]

使用@vue/cli4脚手架，从零开始搭建typescript版的UI库1. 全局安装@vue/cli4官网地址：[链接] {代码...} 2.构建项目 {代码...} 3.简单配置vscode 保存自动格式化 {代码...} yarn serve时自动打开浏览器 {代码...} 4.目录结构设计packages: 组件源码website: 原src目录，改为组件文档官网，展示示例website/docs: 组件文...

module.exports = md => { md.use(require('markdown-it-container'), 'demo', {

{代码...}

全屏组件FullScreenContainer目录结构index.vue {代码...} autoResize.js {代码...} util/index.js {代码...}

{代码...}

在main.js中注册组件 {代码...} 在components文件夹下添加index.js，核心代码如下： {代码...} 在components文件夹下添加组件Wait在components文件夹下添加文件夹Wait，然后添加Wait.js {代码...} 使用组件使用时，<SFWait></SFWait>

在main.js中全局注册组件Debounce {代码...} 组件核心代码debounce.js {代码...} 组件使用使用<Debounce></Debounce>标签包裹按钮；

Vue项目npm包推荐 {代码...}

yarn打包 {代码...}

nginx配置内容 {代码...}

在VS Code中，配置适合Vue的开发环境；安装prettier插件, 并且在settings.json中,做出如下配置settings.json配置 {代码...} .prettierrc配置 {代码...} .eslintrc.js配置 {代码...}

办公软件通讯PC和Mobile 即时通讯软件邮箱会议全时云会议腾讯会议zoom远程办公vpn科学上网研发工具编辑器VS CodeSublime TextNode.jsnrm版本管理gitMarkdownTypora浏览器ChromeFirefoxEdge调试工具H5调试，针对Hybrid，IOS/AndroidH5调试，针对H5页面，v-console抓包工具看图/压缩2345在线压缩图片 TinyPNGPS原型工具思...

为什么需要制定提交规范为什么需要制定提交规范，简单总结如下：让之后的项目维护者了解代码出现特定变化和添加feature的原因方便code review清晰的历史记录，方便快速浏览查找，回溯之前的工作内容规范的提交记录可用于自动生成版本发布日志(CHANGELOG.MD)基于提交类型，触发构建和部署流程怎么制定提交规范Conventiona...

设置时关闭所有的chrome浏览器步骤：右键chrome快捷打开方式图标-->属性-->目标在目标路径的最后边，添加参数--disable-web-security，注意路径和参数之间有个空格

介绍npm包有很多的镜像源，有时需要切换npm的源，nrm包就是解决快速切换问题的。nrm可以帮助在不同的npm源地址之间轻松快速地切换。nrm内置了如下源： {代码...} 安装nrm打开终端运行npm install -g nrm命令 {代码...} 查看是否安装成功: nrm --version {代码...} 使用列出可选择的源nrm ls {代码...} 前面带 * 号的表示...

在平时开发中，VS Code几乎成了主力开发工具，这里分享一下个人觉得比较好用的一些插件。VS Code常用插件1.Auto Close Tag自动闭合HTML/XML标签2.Auto Rename Tag自动重命名配对的HTML/XML标签3.Bracket Pair Colorizer给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色4.Color Highligh...

video.js 默认效果是单击播放区域暂停 需求：要实现单击播放区禁止暂停功能 google发现有人提过这样的issue作者给出来答案，通过一段css来屏蔽 {代码...} 亲测有效 本来想着通过找到触发pause事件的方法进行处理的，没想到通过css就可以搞定