flybird82311-CSDN博客

原创 DOCKER 部署NPM私有仓库 VERDACCIO

DOCKER 部署NPM私有仓库VERDACCIO项目背景私有化NPM仓库私有Npm方案比较Verdaccio 服务器部署安装步骤(docker + Verdaccio)拉取verdaccio的docker镜像在根目录下创建docker文件从git拉取示例到data到目录下移动配置文件设置文件夹权限启动镜像用户管理直接添加用户在注册用户文件中添加用户项目背景公司项目前端架构不断的发展壮大, 为了摆脱原先的 A->B->C 固有的项目开发流程。优化原有的项目架构、降低模块间耦合度、分离公共的

2020-10-26 21:05:41 630 2

原创 vscode 识别 ‘@’符号跳转方法

我们在项目中一般都会设置webpack alias，最常用的就是‘@’代表‘src’，这样的话编辑器无法识别，使用Ctrl+左键的方式无法找到对应文件。在vscode中我们操作步骤如下：1.在根目录新建文件jsconfig.json文件2.写入内容如下：{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"], } }, "exclude": ["node_modul...

2020-05-20 11:32:50 4039 4

原创设计规范管理及示例

开发和设计沟通有多难？归根结底，你只差了一个设计规范。相信大家使用摹客设计系统后，一定会大大提高设计师和开发的协作沟通效率。摹客设计系统...

2020-04-12 12:14:18 248

原创 Mac 环境下本地部署YApi

前言Yapi是去哪儿网开源的一款接口管理工具。接口的文档的管理是一件比较痛苦的事情，后端开发不得不使用很长的时间去维护繁杂冗余的文档，而前端开发也因为文档的不精确也浪费开发时间。工作中接口返回的参数值包含很多的异常场景，前端不得不写一大串的判断逻辑。配合前段调试需要模拟很多场景，比较费时费力，而且很多场景到了项目后期才能调试，在提交测试时时间就会显得很紧张。总结起来文档式的接口管理方式浪费...

2019-07-12 14:20:41 2277

转载深入浅出浏览器渲染原理

前言浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。比如在 Firefox 中叫做 Gecko，在 Chrome 和 Safari 中都是基于 WebKit 开发的。本文我们主要介绍关于 WebKit 的这部分渲染引擎内容以及几个相关的问题。浏览器工作大体流程浏览器工作流程大体分为如下三部分：...

2019-01-17 13:38:49 207

原创 sourcetree跳过注册的方法

当前只有Win的版本，Mac自行百度（笑）很多人用git命令行不熟练，那么可以尝试使用sourcetree进行操作。然鹅~~sourcetree又一个比较严肃的问题就是，很多人不会跳过注册或者操作注册。废话不多，我们直接开始跳过注册阶段的操作下载好之后会有这么一个界面要求你注册或登录。（不管它）将下面的一串串放进我的电脑的地址栏，打开sourcetree的文件夹...

2018-09-04 16:19:44 792

原创读 ECMAScript 6 笔记 ( 四 )

异步加载与setTimeout执行顺序const promise = new Promise(function(resolve, reject) { // ... some code if (true){ resolve(value); } else { reject(error); }});console.log(1);setTimeout(function(){ cons...

2018-06-28 16:50:12 169

原创读 ECMAScript 6 笔记 ( 三 )

ＥＳ６里新增了for of 循环，有很多特别的地方，这里列举出来和几个常用的循环对比；以数组为例，JavaScript 提供多种遍历语法。最原始的写法就是for循环。for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]);}这种写法比较麻烦，因此数组提供内置的forEach方...

2018-06-22 18:02:55 243

原创读 ECMAScript 6 笔记 ( 二 )

记录两个ＥＳ６解决常用场景前端数据的方法：一．　多维数组降维并去重的极简方法：(直接上代码)　　　let src_arr=[1, 2, [2, 3, 4], 3, 4, 5] ; let res_arr=[...new Set(Array.prototype.concat.apply([],src_arr))] ; console.log(res_arr); /...

2018-06-21 16:18:44 101

原创读 ECMAScript 6 笔记 ( 一 )

let 和 constlet 命令基本用法1. ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。2. let不允许在相同作用域内，重复声明同一个变量。应用场景:1. 场景一: 块级作用域内ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。用let命令可以完美解决变量内外层覆盖的问题;2. 场景二: for...

2018-05-28 15:14:34 97

flybird