随笔分类 - 6.前后端工具
摘要：背景 现在部门里写的开发者文档，是用markdown写的，然后用vuepress部署起来，虽然有用webhhook做更新，但是文档的更新不方便，有些折磨。 有几个缺点： 1、编写文档的预览，跟实际站点显示的有差异。 2、更新内容需要像编写代码一样，不方便。 3、新增gitbook过于麻烦。 都202
阅读全文
摘要：背景 在MacOS 10.15之前，应用如果没有签名，那么首次打开时就会弹出这种“恶意软件”的提示框。 这时只要应用签名了，就不会弹这个框。 但在MacOS 10.14.5之后，应用如果没有公证（简单说就是将安装包上传到Apple审查），那么就会弹出更严重的“恶意软件”提示框。 这时就需要在应用签名
阅读全文
摘要：背景 龙芯是国产的cpu，采用是mips架构，就类似大家熟知的x86、arm。 最近在一台龙芯电脑（系统是中兴新支点，Linux）上调试前端应用（electron），于是就需要安装NodeJS。 但是，NodeJS的官方资源就没有Linux mips 可直接使用的包，这就需要自己编译NodeJS。
阅读全文
摘要：要是官方文档写得好的话，我也许就不用自己做个笔记。 官方文档 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情： 1、语法转换 2、
阅读全文
摘要：背景 在工作过程中，我们常常会从一个项目工程复制代码到一个新的项目，改项目配置信息、删除不必要的代码。 这样做的效率比较低，也挺繁琐，更不易于分享协作。 所以，我们可以制作一个cli工具，用来快速创建一个新项目的脚手架。如vue-cli就是一个非常好用的cli工具。 PS：cli 是一个全局安装的
阅读全文
摘要：前言 在开发静态页面时，类似Vue的应用，我们常会调用一些接口，这些接口极可能是跨域，然后浏览器就会报cross-origin问题不给调。 最简单的解决方法，就是把浏览器设为忽略安全问题，设置--disable-web-security。不过这种方式开发PC页面到还好，如果是移动端页面就不行了。 解
阅读全文
摘要：安装 可能出现问题： 解决办法： 先卸载brew： 再重装： 简单命令 启动 停止 重启
阅读全文
摘要：1、查自己eclipse版本（我的是Neon) 2、到http://www.eclipse.org/babel/downloads.php找到对应eclipse版本 3、下载需要的语言包（我下载中文简体） 4、解压文件，把文件复制到eclipse软件的目录。 5、重启eclipse即可。
阅读全文
摘要：前言 由于测试的需要，需要10.8的macosx，但又不想降级自己mac版本，所以还是装虚拟机，Parallels Desktop试验了安装不了osx，就换VMware Fusion，发现是可以的。 下载 VMware Fusion 8.5： http://www.52mac.com/soft/82
阅读全文
摘要：用来自动执行一些前端发布的操作。 脚本： 注意： 1. 保存文件后，给脚本添加执行(x)权限, chmod +x youname.sh
阅读全文
摘要：在使用webpack作为模块加载工具时，我在想module.exports的模块应该是一种什么模式，最直接地思考是单例。不太确定，所以写一个简单例子做测试。 测试代码 singleton.js： var Singleton = { count: 0, addCount: function(){ Si
阅读全文
摘要：刚想跑个Vue页面，发现我本地没有应用服务器（Tomcat/IIS...） 于是想下载了Tomcat，才发现我没有装JDK，而Mac的JDK下得好久，都下不下来，想想算了。 于是在网上找个轻量级的服务器——http-server。 安装 1. 先装NodeJS 2. 再安装http-server 运
阅读全文
摘要：ESLint是JavaScript的代码检查工具。因为JS是弱类型的语言，不需要编译，代码错误是在运行时调适的，所以需要个工具在编码的过程发现问题。ESLint的初衷是为了让程序员可以创建自己的检测规则。 配置方案 配置方法 配置的方式有两种。 1.配置注释：直接把配置信息嵌入文件中。 2.配置文件
阅读全文
摘要：常有人拿gulp与webpack来比较，知道这两个构建工具功能上有重叠的地方，可单用，也可一起用，但本质的区别就没有那么清晰。 gulp gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执
阅读全文
摘要：VMware12 + ubuntu-16.04装起来简单，就只记录些Ubuntu使用问题。 1. 复制文件到虚拟机上（共享文件夹）？ （1）启动Ubuntu，然后点击VMware菜单， 【虚拟机】 -> 【安装VMware Tools】。 （2）然后在Ubuntu的文件管理，左下侧会有一个VMwar
阅读全文
摘要：（推荐使用）Mock.js是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。 提供了以下模拟功能： 1. 根据数据模板生成模拟数据。 2. 模拟Ajax请求，生成并返回模拟数据。 3. 基于 HTML 模板生成模拟数据。 PS：http://mockjs.com/ 用处
阅读全文
摘要：最近在学习钉钉（一个协作应用）桌面应用的前端源码时候，发现其js源码是用browserify做模块开发。于是想还原其源码的原本的目录结构，学习它的目录分类以及业务划分。 前言 用过browserify构建工具的应该清楚，在压缩合并后的代码的最前面，有处理模块依赖关系的代码： 目录结构解析 我写了一个
阅读全文
摘要：前言 在未接触browserify，虽然我知道它是一个前端构建工具，但还是有几个疑问： 1. browserify出现的日期？ 2. 能构建哪些文件？ 3. 附加的browserify代码体积是多大？ 4. 能生成多个输出文件吗？ 5. 如何兼顾开发调试？ 6. browserify vs webp
阅读全文
摘要：在前端开发过程中，无论是样式还是脚本，运行时的文件可能是压缩后的，那这个时候调试起来就很麻烦。 这个时候，可以使用Source Map文件来优化调试，Source Map是一个信息文件，里面储存着原代码位置信息（转换后的代码的每一个位置，所对应的转换前的位置），这样你调试时看到的就是原文件代码。 P
阅读全文
摘要：前言 在还未接触webpack，就有几个疑问： 1. webpack本质上是什么？ 2. 跟异步模块加载有关系吗？ 3. 可否生成多个文件，一定是一个？ 4. 被引用的文件有其他异步加载模块怎么办？ 在学习webpack时，也有几个疑问： 1. webpack有哪些常用的插件？ 2. 常用的Load
阅读全文