从前有匹马叫代码

2022年3月6日

摘要：微前端实践本文主要是关于microApp的实践过程记录本文主要内容如下：什么是MicroApp? MicroApp的父子通讯方式以及路由介绍如何部署相关应用? 安装 npm i @micro-zoe/micro-app --save yarn add @micro-zoe/micro-app 阅读全文

posted @ 2022-03-06 21:04 从前有匹马叫代码阅读(2233) 评论(0) 推荐(0)

2022年2月4日

《Effective TypeScript》条款22 - 类型收缩

摘要：

本文主要记录书中关于TypeScript类型收缩的内容本文主要内容如下类型收缩的一些方法条件判断抛错误 instanceof 和 in 属性检查 “标签联合”或“可辨识联合” 类型收缩的失效示例自定义类型保护总结类型收缩的方法条件判断 const el = document.getE 阅读全文

posted @ 2022-02-04 22:25 从前有匹马叫代码阅读(189) 评论(0) 推荐(0)

2022年1月24日

《Effective TypeScript》条款21 - 类型扩展

摘要：本文主要通过一些实际的代码示例，来帮助大家理解什么是类型扩展，本文主要内容如下：什么是类型扩展代码示例总结什么是类型扩展? TypeScript 需要从你指定的单一值中决定一组可能的值，这个过程成为类型扩展代码示例 interface Vector { x: number; y: numb 阅读全文

posted @ 2022-01-24 20:50 从前有匹马叫代码阅读(164) 评论(0) 推荐(0)

2021年12月30日

数据可视化实践

摘要：一转眼，2021年马上要过去。回顾这一年，真是跌宕起伏，经历了七月的暴雨，十月的疫情封闭...不过，好在结局还算可以，在年末前两个月，我也算是找了一份相对来说还算满意的工作本文主要针对数据可视化项目做一些总结，希望通过笔者的总结能帮你节省不断查找各种搜索引擎的时间，愿你历经千帆，归来仍是少年。本阅读全文

posted @ 2021-12-30 21:58 从前有匹马叫代码阅读(123) 评论(0) 推荐(0)

2021年12月20日

Webpack学习篇

摘要：《深入浅出Webpack》优化篇 03 今天的主要内容仍然是构建部分的优化，本文主要内容如下： happypack webpack-parallel-uglify-plugin 本文主要介绍如何通过happypack和webpack-parallel-uglify-plugin来提高webpack构阅读全文

posted @ 2021-12-20 21:13 从前有匹马叫代码阅读(101) 评论(0) 推荐(0)

2021年12月14日

Webpack学习篇

摘要：

####《深入浅出Webpack》优化篇 02 本文继续记录学习Webpack优化的内容，本文的中心仍然是在Webpack构建阶段的优化上面，主要学习的技术是如何使用Webpack的DLLPlugin,本文主要内容如下：使用DLLPLugin 认识DLL 接入Webpack 认识DLL 动态链接库阅读全文

posted @ 2021-12-14 22:30 从前有匹马叫代码阅读(90) 评论(0) 推荐(0)

2021年12月12日

Webpack学习篇

摘要：

《深入浅出Webpack》优化篇 01 Webpack 优化可以分为开发优化和输出质量优化两部分，主要要点如下：优化开发体验，提升开发效率优化构建速度优化使用体验优化输出质量减少首屏加载时间提升流畅度本文主要记录优化构建速度这一部分的内容，本文主要内容如下：缩小文件的搜索范围优化阅读全文

posted @ 2021-12-12 00:19 从前有匹马叫代码阅读(317) 评论(0) 推荐(0)

2021年11月11日

使用Joi 完成JavaScript 数据校验

摘要：无论是在前端还是后端(Node.js)，数据校验都是一件不可或缺的事情，使用JOI让我们轻松的完成数据校验 > npm install joi 这里持续记录使用心得版本:17.4.2 官网:https://joi.dev/api/?v=17.4.2 使用Joi验证一个对象的某些字段? const 阅读全文

posted @ 2021-11-11 17:31 从前有匹马叫代码阅读(599) 评论(0) 推荐(0)

2021年10月30日

用CSS border画一个铅笔

摘要：先上效果图该例子来自 CSS世界的书中项目总结技巧如下：巧用 border 和伪元素来绘制层叠效果。使用 transform-origin 来改变元素的轴心使用 filter:drop-shadow 绘制物体阴影代码如下： <!DOCTYPE html> <html lang 阅读全文

posted @ 2021-10-30 22:16 从前有匹马叫代码阅读(116) 评论(0) 推荐(0)

2021年10月24日

ECMA Script6 中的尾调用优化

摘要：在读《深入理解ES6》一书中，看到有关函数的 “尾调用优化” 章节，特此记录一下尾调用指的是函数作为另一个函数的最后一条语句被调用: function foo () { return bar(); } 书中说在 ES5 的时候,尾调用的实现与其他函数调用类型,创建一个新的帧栈,然后将它推入阅读全文

posted @ 2021-10-24 22:09 从前有匹马叫代码阅读(58) 评论(0) 推荐(0)