摘要：
很常见的错误就是 SyntaxError: Unexpected token 'export'，需要确保以下操作，才能解决问题 tsconfig.json 中 compilerOptions.module 与 target 要设置为 ESNext，compilerOptions.target 也要设 阅读全文
摘要：
最近拿出了大学时买的性（游）能（戏）本（机），其实从直观来看，硬件基础还是不错的，但是跑 WIN10, 清了各种广告，关了各种无效进程之后，用起来仍然还是很不爽。可能是已经用惯 mac 了吧，mac给媳妇用了，本来想割肉买 M1，但是尝试了 Ubuntu桌面版之后，不得不说还是挺香的。不过因为生态毕 阅读全文
摘要：
H5 hybrid-前端资源本地化方案纪要 就整个行业来说，大前端是趋势，现阶段，native方面除了一些偏CPU密集型工作与操作系统底层API方面的工作外，H5基本都可以满足需要。 目前的工作更偏向前端架构多一点，除了要对FE负责，还要对整体项目以及其他部门（配合）负责。本地资源本地化方案本身就源 阅读全文
摘要：
webpack + ts 配置路径别名总结 自我体验加总结：在配置脚手架时，定制别名很有必要，可以使得代码更优雅，可读性更强。但在使用ts的时候，即便项目能够运行，vscode 确时长会提示 can’t find module xxx。总结下来，如果想要完全解决这个问题需要考虑以下两方面： 概述 语 阅读全文
摘要：
此问题多半是出在， ndb权限不够， 以mac为例： sudo chmod -R 755 /Users/tate/.nvm/versions/node/v10.8.0/bin/ndb 完事之后， ndb . 就可以看到 Chromiun 的UI窗口了 阅读全文
摘要：
理解 类的成员的访问控制说明符：主要用于控制派生类成员对基类成员的访问权限 类的派生访问说明符：主要用于控制派生类实例对基类的成员访问权限 公有继承 → 保护继承 → 私有继承, 派生类实例对基类成员的访问权限束缚依次加强。除公有继承外，保护继承相当于重置基类公有成员为保护成员，私有继承相当于重置基 阅读全文
摘要：
#背景 旧的rem适配方案（无论是直接使用rem，还是配合flexiblejs等lib库进行视口缩放）已经疲态尽显，且随着安卓高清屏的不断出现，同时data-dpr仍有进一步增加的可能性，rem显得并不是那么稳固与称心如意。 首先截止至发文日期，viewport的兼容性如下： 可以看到，viewpo 阅读全文
摘要：
目录 用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑 用前端姿势玩docker【二】dockerfile定制镜像初体验 用前端姿势玩docker【三】基于nvm的前端环境构建技巧 用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境 用前端姿 阅读全文
摘要：
目录 用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑 用前端姿势玩docker【二】dockerfile定制镜像初体验 用前端姿势玩docker【三】基于nvm的前端环境构建技巧 用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境 用前端姿 阅读全文
摘要：
目录 用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑 用前端姿势玩docker【二】dockerfile定制镜像初体验 用前端姿势玩docker【三】基于nvm的前端环境构建技巧 用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境 用前端姿 阅读全文
摘要：
目录 用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑 用前端姿势玩docker【二】dockerfile定制镜像初体验 用前端姿势玩docker【三】基于nvm的前端环境构建技巧 用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境 用前端姿 阅读全文
摘要：
目录 用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑 用前端姿势玩docker【二】dockerfile定制镜像初体验 用前端姿势玩docker【三】基于nvm的前端环境构建技巧 用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境 用前端姿 阅读全文
摘要：
对原有的1.x版本进行的大版本的升级。本多页脚手架面向实际工作流，能够覆盖绝大多数的使用场景，在实际工作中，能结合的应用场景会更加多元化。 github：https://github.com/pomelott/webpack-multi-page-cli 如对您有帮助，请给星，如有问题请提issue 阅读全文
摘要：
对原有的1.x版本进行的大版本的升级。本多页脚手架面向实际工作流，能够覆盖绝大多数的使用场景，在实际工作中，能结合的应用场景会更加多元化。 github：https://github.com/pomelott/webpack-multi-page-cli 如对您有帮助，请给星，如有问题请提issue 阅读全文
摘要：
在webpack4中使用splitChunkPlugin时,根据需要将公共代码拆分为多个依赖后,需要在创建htmlWebpackPlugin时候按需引入对应入口文件依赖的chunk。但是html-webpack-plugin的chunk配置项只能手动添加，在没有得知拆分后的chunk情况下，无法得知 阅读全文
摘要：
全新升级后的FE工作流为：使用FE命令包进行项目的初始化，其中包括项目初始化、拉取脚手架、私库拉取模块包或后期扩展的CI/CD等与本公司工作流相关的操作。 出现的问题如下： 脚手架工具的包依赖信息存放在根目录的package.json中，若业务项目仍存放在package.json中，那么后期再更新脚 阅读全文
摘要：
之前一版的工程化核心产物就是一个IDE，即利用python+node将webpack等技术将FE的开发、编译、部署上线等环境集成在sublime中，产出了一个核心工具。但随着长期的使用与技术栈的优化升级等，原工程化工具的局限性、便利性、跨平台的兼容性等方面的问题正在逐渐暴露，加之最近的疫情因素，更让 阅读全文
摘要：
首先来看一个函数，考虑一下是否存在闭包呢？： function test (arr) { var temp = [] for (var i =0; i<arr.length; i++) { (function() { var j = i; temp[i] = function () { return 阅读全文
摘要：
20号新推送的IOS13给很多app厂商和RD带来了便秘的感觉，目前复现的问题如下，后续还会持续更新： 1.H5 hybrid输入框导致的页面上移，卡住不动。收起减半后，页面出现半截白屏。（IOS12 + IOS13） IOS12会在键盘弹出时将页面上推，并压缩body的高度。 IOS13会在键盘弹 阅读全文
摘要：
我们在使用koa2做路由拦截后一般都习惯于直接将查找对应处理函数的过程映射到项目的文件夹目录，如： app.controller.index.test 其实就是对应的处理函数，也就是 (ctx, next) => { }，我们习惯于将app.controller.index.test映射到根目录下的 阅读全文
摘要：
用户身份验证通常有两种方式，一种是基于cookie的认证方式，另一种是基于token的认证方式。当前常见的无疑是基于token的认证方式。以下所提到的koa均为koa2版本。 token认证的优点是无状态机制，在此基础之上，可以实现天然的跨域和前后端分离等。 token认证的缺点是服务器每次都需要对 阅读全文
摘要：
从Flux到Redux是状态管理工具的演变过程，但两者还是有细微的区别的。但是最核心的都还是观察者模式的应用。 一、Flux 1. Flux的处理逻辑 通俗来讲，应用的状态被放到了store中，组件是store状态的一个映射，用户通过事件触发action，再通过Dispatcher根据不同的acti 阅读全文
摘要：
1.在node官网下载linux二进制文件（确定文件的类型）本文以二进制文件为例 2.放入linux的对应目录下之后： 使用如上命令将二进制文件解压 若为二进制文件则不需要再次安装 3.建立软连接，解压后的二进制文件的bin目录命令链接至全局命令： 4.没有报错则建立成功，但此时会出现一种情况：np 阅读全文
摘要：
最近做的TS分享，到了高级类型这一块。通过琢磨和实验还是挖掘出了一些深层的东西，在此处做一下记录，也分享给各位热爱前端的小伙伴。 其实在学习TS之前就要明确以下几点： 1. typescript 是javascript的超集，这点是官方文档最先说明的，但是具体怎么理解就千差万别了。其实通俗的来说，t 阅读全文
摘要：
所谓的重载，其实就是使用相同的函数名，传入不同数量的参数或不同类型的参数，以此创建出多个方法或产生不同结果。 1. 最常见的，也就是根据定义傻瓜式地判断参数类型与数量 2. 其次就是使用常规的重载签名 使用重载签名进行重载，好处在于可以对传入的参数进行限制，只有当签名存在对应类型或数量的参数时，才不 阅读全文