序当你管理着多个项目时，有没有遇到以下提示？ {代码...} 这是在执行程序的时候，本地运行版本与node-sass安装版本不一致导致的。有这种情况的朋友，大多数应该都有使用上nvm吧？没错，管理Node版本目前最好的工具就是nvm1。nvm的安装官方工具官网介绍nvm 是 node.js 的版本管理器，设计为按用户安装，并按 shell 调用...

经过《自动产出changelog-第一节：规范提交代码》与《自动产出changelog-第二节：自动产出》两节内容的记录后，日志能实现一键产出。在小项目中未接入持续部署的，本地跑release-it命令就能简单实现版本标记、产出日志、推送git与npm的流程，可说是一步到位。公司项目基于Drone持续部署工具的研发流程下，需要将上面提及...

接上一篇《自动产出changelog-第一节：规范提交代码》调研的后续，本文将基于 angular.js格式 的提交内容围绕自动化产出进行后续调研。研究的方向为产出内容的工具是否支持各种自定义特性，能否帮助我们实现团队的风格及自动化过程中的一些问题。

把项目管理流程与代码管理流程打通后运作的这一年，发现产出Changelog这步就是占据我们团队发布环节中较多时间的一环，将这步交由CI/CD工具进行自动生成，从效率的角度来说把人手解放从来投入其他工作会更科学和合理。

版本号是用于逐步演进软件的过程中和其使用者之间订立的一套公共规则，Semantic Versioning 语义化版本号则是版本号具体如何约定的一套公共约定。我们在日常的软件生产过程中，不单只产出软件本身，还会产出一些可供复用的代码包。这些代码包糅合集成在一起从而产出一个完整的软件及系统，期间代码包依旧会继续研发添加...

Photo by Adeolu Eletu on Unsplash 调查时间为2019年05月上旬进行 目前开发小程序可选方案有以下几种方式： 基于小程序开发工具进行原生开发（简称：原生开发） 基于构建环境进行开发，并转换为小程序原生代码（简称：构建式开发） 原生开发由于设计问题需要管理大量文件导致开发过程不流畅（如创建一个组件需要新建三...

最近写完一个基于sao的模板再把之前写的一些代码弄到github上，在项目中使用时遇到需要兼容IE的情况才发现webpack在加载文件时存在一定策略，下面来简单说一下。

做这个记录之前，刚完成使用drone作为公司前端项目的持续交付工具的实践，打算写的教程前先把官方文档扒下来做个翻译站。在实践一番后，卡在不能频密调取google翻译这块上，项目无法进行下去。最后觉得经历的过程涉及的内容挺多的所以记录一下同时分享给大家。

webpack 作为目前主流的构建工具，其较快的版本迭代和复杂的配置方式，使得每次开发前不得不规划相当部分时间来调试。这里将记录整个环境的搭建过程，为新手提供基础思路。

已知点A(x1,y1)和点B(x2,y2)，求两点求与圆点O(x0,y0)的夹角θ的角度：∠θ=arctan[(y2-y0)/(x2-x0)]-arctan[(y1-y0)/(x1-x0)]

Docker Machine的驱动程序模型没有完全映射到Docker for Windows，因为Docker for Windows更加集成且紧密耦合（例如，我们有一个依赖于hyper-v的网络代理）。这是在灵活性与一致性以及紧密集成之间的一个令人不愉快的折中，这让我们试图解决Toolbox的VPN持久化和其他常见问题。The driver model from Docker Machine doe...

在电脑还是window系统的时候，经常需要基于vm服务搭建一套环境才能更好地（应该是更贴近线上环境）进行开发，而现在在docker的神秘光环底下已经能实现用最小的资源搭建本地开发环境，同时能更好地迁移到其他地方。

安装 访问certbot.eff.org会看到下面页面 选择好你使用的软件及系统，这里我使用的软件是nginx及ubuntu16.04。 直接按照上面页面提供的命令完成安装。 使用 {代码...} 使用以上命令，会进入安装配置的步骤，按照提问并选择你要设置的https地址即可完成操作。 添加自动更新命令 {代码...} 上面的执行时间为：每周一半夜2...

最近公司在开发一个社交管理后台，看一遍线框图后发现需要富文本编辑器我便找会上两年开发的vue-tinymce组件，可惜的是组件支持还是vue1，所以这个组件需要升级支持vue2。然后有朋友问我为何不用现有的？因为看一圈回来发觉比较不靠谱的啊，全部都需要赋予id值（明明可以内部处理的为何要外部传入？），实在看不下去结果...

vue-sina-emotion 新浪表情面板的vue组件 传送门 setup {代码...} use {代码...} more see example style {代码...} Dev {代码...}

某天收到旧同事的信息说希望我帮手做一下一个简单的H5，然后我看了看的确很简单： 就是图片滚动到最后自动播放视频，播完显示个按钮交互。 然而我真的太天真，微信浏览器怎样会让你这样好过！ 问题集中于自动播放视频这块，需求很简单： 自动播放 全屏 不显示工具条 自动播放 一步步来，自动播放这个问题在ios十分肯定默...

解决运行shell存在\r问题，win下编辑的文档会包含\r实际上它安装了两个工具：todos（相当于unix2dos），和fromdos（相当于dos2unix）安装完即可，现在你已经可以进行文本格式的转换了。

但是它自身的限制也比较大，如不提供window对象会导致一些功能实现起来比较麻烦。我这次开发的小程序就遇到了，虽然比较快找到解决办法（可能都是比较标准化的东西），希望之后不会有其他大坑。

如题，es6 新增的fetch真的简单易用，感觉现在这一个支持完全可行。 虽然兼容性问题还是存在，但是打上polyfill后就基本解决了。 {代码...} 来自：github / fetch 使用 简单使用 这里说明一下，fetch必须配合promise一起使用，这会得到更佳效果。 {代码...} 跨域 跨域问题并不难只需加上 mode:'cors' 参数，如： {代码.....

项目地址：Sublime-JSHint 安装 Ctrl+Shift+P or Cmd+Shift+P in Linux/Windows/OS X 输入 install, 选择 Package Control: Install Package 输入 js gutter, 选择 JSHint Gutter 配置 Ctrl+Shift+P or Cmd+Shift+P 输入 jshint, 选择 Set node Path 然后找到你的系统，并把node.exe地址填入即可 像这样： {代码...} 使...

最近研究node后端相关内容，发现每次编码后都需手动重启有点不太科学，再加上看到有文章说可以使用chrome的debug工具进行调试就突然有了兴趣，今天就尝试了一番。

续 前端临床手札——webpack构建逐步解构（上） 工作流程 案例：multiple-page-vue-webpack-example 最近添加了雪碧图功能，并把sass-loader替换成postcss的press，详细可以看分支develop 构建生产 上一篇说完了本地测试webpack和express是如何工作，接下来分析构建生产模式下webpack配置如何配置和每个模块干了什么。 从...

由于博主最近又闲下来了，之前觉得webpack的官方文档比较难啃一直放到现在。细心阅读多个webpack配置案例后觉得还是得自己写个手脚架，当然这个案例是基于vue的，但是并不影响你使用其他库（jquery这些）。文章会逐步分析每个处理的用意（当然是博主自己的理解），不足之处欢迎指出沟通交流。

用了差不多一年多的fis，感觉他比其他构建工具更容易上手，扩展插件也比较多。但是诟病也是有的，比如接下来要说的部署问题，虽然fis3本身也有比较好的方案解决（设置url参数），但是对于部署不是给内部同事对接而是给客户部署是遇到不少问题，今天刚好有时间把这个问题解决啦，顺便也纪录下来。

前一段时间忙完公司的项目开始闲下来，打算自己写个todolist什么的小应用，然后就跑去调研了一下nodejs环境下有那些比较好的框架写后端服务，本打算用express+sequelize写restful风格API的，可惜没找到更方便的工具快速制作，然后就遇到meteor。

使用webpack:webpack这个包貌似存在些问题，比如vue components热更新问题并没有得到很好的支持，当你设置了devServer:{inline:true}参数还是不见生效。原因是webpack:webpack包没传这个devServer的参数进webpackDevServer导致(虽然我已经在提交了修改，但是啥时候能改并不知道)。

使用docker部署meteor 使用daocloud平台(目前还是免费试用)前需要添加docker配置。在项目根下创建Dockerfile，并键入 {代码...} 逐步使用daocloud平台发布meteor应用 登录daocloud平台并创建一份代码构建，选择你的仓库（支持github、coding、私有gitlab等），其他默认，点击开始创建。 页面自动进入构建代码，等待一段...

最近博主工作是和另一枚后端合作，但是经常发现他写的接口出错，苦逼连连。感觉不能这样下去就学写一下单元测试，等他更新代码我都跑一遍确认一下，这样工作安心多了。

PHPStorm安装 PHPStorm 使用手札——安装看这里 代码自动提示支持 laravel引入laravel-ide-helper能为PHPStorm提供相应支持 {代码...} 添加以下代码到config/app.php的providers里 {代码...} 构建相关内容： {代码...} 再把构建添加到composer.json配置 {代码...} 完成上面步骤即可于PHPStorm内快乐地使用代码自动提示了，...

本例子使用Laravel 5.2版本 这里记录的是较为灵活的方案，不考虑使用swaggervel，具体使用参考一下步骤： 安装依赖swagger-php {代码...} 创建SwaggerController {代码...} 在SwaggerController加上导出SwaggerJSON数据的处理 {代码...} 在routes.php加上路由 {代码...} 接下来下载swagger-ui，将swagger-ui/dist目录内...