摘要：
在 vue + ts 项目中，我们一定会用到 这个库， 中的代码会变成下面这样： 通过代码的引用关系，可以发现 的实现依赖于 ，它具备以下几个属性： @Component @Emit @Inject @Provice @Prop @Watch @Model Mixins 下面我们通过源码来看看，上面 阅读全文
摘要：
参考资料 "typeScript 文档" "Vue 官方文档 TypeScript 支持" 代码地址 "vue ts" 新建项目 项目配置，可以参考这篇文章 "在 Vue+TypeScript 项目中，如何配置 ESLint 和 Prettier" 类型注解和编译时类型检查 类型注解：变量后面通过冒 阅读全文
摘要：
在接手一些老项目的时候，最让人头疼的就是代码格式化不统一的问题，控制台满屏 警告，简直是要逼死强迫症的节奏。 如果是开启一个新的Vue项目，我一定会选用 的组合，这个配置有以下好处： TypeScript 使我们的代码更规范 ESLint + Prettier 可以统一团队代码格式化，并且保存时自动 阅读全文
摘要：
就在我第100次以为我弄懂了原型和原型链，第101次又被面试官问到自闭。 先说结论：原型链是基于 形成的，继承是通过 (原型)实现的。 那么，什么是 ，什么是 ，两者关系又是怎样的呢？ prototype 是只有函数才有的属性 函数的 指向一个对象(原型对象)，其他对象可以通过它实现属性和方法的继承 阅读全文
摘要：
我们日常开发的前端项目中，图片资源会占到项目资源的很大比例，因此在考虑到性能优化，页面加载速度的时候，如何更好地处理图片就非常重要了。 首先我们可以想到的方案是：使用 的`image webpack loader webpack webpack`的构建速度。 接下来要讲的是 + 实现的图片自动压缩方 阅读全文
摘要：
基于 vue cli3 创建一个移动端项目 安装 postcss 相关插件 由于 vue cli 已经内置了 postcss，只需要安装相关插件，就可以实现 自适应布局。 下面简单的说一下这几个插件的作用。 用来把px单位转换为vw、vh、vmin或者vmax这样的视窗单位，也是vw适配方案的核心插 阅读全文
摘要：
题目分析：求dom树的最大深度 1. 以html标签为根结点； 2. 从根节点出发，一层一层找子节点； 3. 对于同级节点来说，只需要返回该级子节点返回的最大子节点( node.children )树。 阅读全文
摘要：
[TOC] 框架到底为我们做了什么？ 数据和视图分离，解耦(开放封闭原则) 所有数据和视图不分离的，都会命中开放封闭原则 数据独立在 里面，视图在 中 以数据驱动视图，只关心数据变化， 操作被封装 使用原生js是直接通过操作 来修改视图，例如 以数据驱动视图就是，我们只管修改数据，视图的部分由框架去 阅读全文
摘要：
整理了一下工作中常用的 Git 操作，持续更新中... merge单个文件 例如 B分支想要合并A分支的某个文件 首先，我们切换到B分支 git checkout branch B 之后，我们checkout A 分支的a文件，git checkout --patch A a路径 最后，弹出修改确认 阅读全文
摘要：
需求描述 最近在做一个后台系统，有一个功能产品需求是页面分为左右两部分，通过右边的组件列表来动态配置左边的页面视图，并且左边由组件拼装起来的视图，可以实现上下拖拽改变顺序，也可以删除。 根据这个需求我做了下面这个demo。 功能分解 右边的组件列表，可以通过拖拽克隆到左边，拖拽结束后右边组件列表数量 阅读全文