umijs 服务端渲染（SSR） 指南 Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。Umi 是蚂蚁集团的底层前端框架，已直接或间接地服务了 3000+ 应用，包括 java、node、H5 无线、离线（Hybrid）应用、纯前端 assets 应用、CMS 应用等。他已经很好地服务了我们的内部用户，同时希望他也能服务好外部用户。
如何向开源项目提交PR（pull rquest） Pull Request（PR）是 GitHub 上用于请求将代码合并到主分支的机制。就是在 GitHub 上提交代码，然后向开源项目发起请求，让开源项目将代码合并到主分支。
uni-app开发小程序实用技巧 uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。......
rollup配置工具库开发环境 使用rollup配置ts打包前端工具库，类似lodash，dayjs之类的函数工具库，丰富函数编程的生态。Git仓库我配置好的仓库地址放在github的：https://github.com/mySkey/myskey一、生成package.json我们可以使用以下命令创建一个默认的package.json：npm init -y生成以下内容：{ "name": "ktools", "version": "1.0.0", "description": "", "main"
git使用经验 git使用经验从工作到现在都一直使用git作为代码管理工具，总结一下工作中常用的场景和它们相关的命令，还有自己的一些见解！一、相关平台以下平台都是使用git作为代码管理工具的，并且各有自己特色，我4种都有使用，都算稳定可靠！gitlab通常自建代码托管，都首选gitlab，搭建公司自己的代码管理平台，能保证数据安全性，稳定性嘛就看公司人咋样了码云码云是开源中国 Git 代码托管平台，也支持svn，带宽都高，非常放心托管codingcoding以前只提供给个人5个免费仓库，被腾讯
基于百度翻译API的node插件 基于百度翻译API的node插件背景做过国际化的项目就明白要把每处的文案翻译成不同的语言版本，如果只是一点点，自己去百度上翻译成对应语言版本，copy过来就ok了，但是如果这个项目文案特别多的话，自己去翻译，可能会烦死umijs如果构建国际化，会有一个locals的目录，里面存放前端项目中不需要存进数据库的各种语言版本文件，我就想实现只写中文的，其他版本通过nodejs+百度翻译api直接生成一、百度API文档地址需要注册开发者（使用时需要开发者的appid+密钥），并开通通用翻译API，每
Fiddler抓包工具 Fiddler抓包工具Fiddler是一款免费的windows系统的抓包工具，可以将网络传输发送与接受的数据包进行截获、重发、编辑、转存等操作。我是在项目中需要代理项目的前端打包文件时接触到的，目前都在使用，为了防止忘记了一些功能，还是记录下来。一、下载安装https://www.telerik.com/download/fiddler官网下载的话要翻墙，还是在国内找资源吧，还是很多地方都有链接的！二、原理Fiddler是位于客户端和服务器端之间的HTTP代理， 它能够记录客户端和服务器之间的所
盘点ES6之后每次版本更新 盘点平常使用频繁，对开发者有重大意义的变更，无感的基本就没写，感兴趣的可以参考这篇 ES3到ES11都增加了什么ES61、let 和 const新的申明变量的方式和变量的作用域区别1：var声明的变量会挂载在window上，而let和const声明的变量不会区别2：var声明的变量存在变量提升，而let和const不存在变量提升区别3：let和const声明形成快作用域区别4：同一作用域下的let和const不能声明同名变量，而var可以2、字符串方法和模板字符串// 模板字符串
将闲置电脑搭建成私有云盘，使用ipv6外网使用 最近买了一台台式电脑，然后想安装photoshop cc最新版，在找到资源下载时，需要百度网盘下载，非会员的我欲哭无泪，100kb的下载速度，等它下完要什么时候去了，只能开了几个小时的会员。虽然将它存在了自己的硬盘上，但是要是我到其他地方又想安装这个，不可能随时带个硬盘上吧，反正我这个台式机平时低频使用，就把它利用起来，搭建一个自己的私有云盘吧，云盘平台还存在数据丢失的风险！然后构思了方案：1、利用开源云盘程序部署在电脑开启服务->2、使用内网穿透将服务暴露到外网->3、使用向日葵远程关机电脑
内网、外网、内网穿透、端口映射、IPV4、IPV6场景探讨 先附上各自概念，概念性的东西对于我们有一个大概的认识，那么实际使用与生活中又有哪些场景，来一一列举一些，了解下互联网的魅力！一、内网内网也叫局域网（Local Area Network，LAN），是在一个局部的地理范围内（如bai一个学校、工厂和机关内），一般是方圆几千米以内，将各种计算机，外部设备和数据库等互相联接起来组成的计算机通信网。如何形成内网1、最常见的通过路由器内网通信路由器只需一个外网IP就可以供下面的N多电脑联网，基于ipv4协议分配给每台连接的终端一个内网ip，关闭防火墙的
Chrome控制台使用技巧 一、常用功能1、查看BOM，变量，简单计算2、copy和saving你可以通过全局的方法 copy() 在 console 里复制任何能拿到的资源，比如一些嵌套层级深的数据结构，使用copy可以直接拿到假如你在 console 中打印了一堆数据 (例如你在 App 中计算出来的一个数组) ，然后想对数据做额外的操作，比如刚刚说的 copy (在不影响它原来值的情况下) 。 那就可以将它转换成一个全局变量，只需要 右击 它，并选择 “ Store as global variable ”
前端体验优化 一、UED用户体验设计（英语：User Experience Design），是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。其目的就是保证：1、对用户体验有正确的预估2、认识用户的真实期望和目的3、在功能核心还能够以低廉成本加以修改的时候对设计进行修正4、保证功能核心同人机界面之间的协调工作，减少BUG。二、视觉体验前端出现的BUG基本上在测试阶段就能被发现，然后得到更正，实在没发现的，也无法从
前端性能优化 浏览器渲染机制Html解析成DOM树，Css解析成CSS树，将DOM树与CSSDOM规则树合并在一起生成Render树，遍历渲染树开始布局，计算每个节点的位置大小信息，将渲染树每个节点绘制到屏幕阻塞渲染当浏览器遇到一个script标记时，DOM构建将暂停，直至脚本完成执行，然后继续构建DOM。每次去执行JavaScript脚本都会严重的阻塞DOM树的构建，如果JavaScript脚本还操作了CSSOM，而正好这个CSSOM还没下载和构建，浏览器甚至会延迟脚本执行和构建DOM，直至完成其CSSOM
关注
