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