摘要: 源码优化首先是源码优化,也就是小右对于 Vue.js 框架本身开发的优化,它的目的是让代码更易于开发和维护。源码的优化主要体现在使用 monorepo 和 TypeScript 管理和开发源码,这样做的目标是提升自身代码可维护性。接下来我们就来看一下这两个方面的具体变化。 1. 更好的代码管理方式: 阅读全文
posted @ 2020-09-23 20:22 KeyNG 阅读(693) 评论(0) 推荐(0) 编辑
摘要: What's FC?一定不是KFC,FC的全称是:Formatting Contexts,是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。 BFCBFC(Block Formatting Context 阅读全文
posted @ 2020-09-22 16:04 KeyNG 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 提供一个短址服务你有没有发现,我们的任务中出现长 URL 就会比较麻烦?如果有一个短址生成器就好了。虽然市面上有很多,但是我们可以重复发明一个轮子,利用这个机会尝试一下简单的 Web 全栈开发。 任务 做一个短链接生成器,可以将一个长链接缩短成一个短链接。 要发车了 发车前,和大家说一下 如果不想重 阅读全文
posted @ 2020-09-22 15:28 KeyNG 阅读(2391) 评论(0) 推荐(0) 编辑
摘要: 一、使用router-link进行路由导航,传递参数 => 父组件中:使用<router-link to="/需要跳转的路由路径/需要传递的参数"></router-link>标签进行导航 child是子页面路由路径,123是需要传递的参数 =>子组件中:使用this.$route.params.n 阅读全文
posted @ 2020-09-22 15:09 KeyNG 阅读(285) 评论(0) 推荐(0) 编辑
摘要: JavaScript常见原生DOM操作API总结 目录 几种对象 Node NodeList HTMLCollection 节点查找API 节点创建API createElement createTextNode cloneNode createDocumentFragment 节点修改API ap 阅读全文
posted @ 2020-09-18 21:28 KeyNG 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 在dom的原生api中,只用insertBefore,没有insertAfter,借助原有的api,可以模拟一个insterAfter。 function insterAfter(newElement,targetElement){ var parent = targetElement.parent 阅读全文
posted @ 2020-08-07 16:05 KeyNG 阅读(2636) 评论(0) 推荐(0) 编辑
摘要: 首先看看柯里化到底是什么? 维基百科上说道:柯里化,英语:Currying(果然是满满的英译中的既视感),是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。 看这个解释有一点抽象,我们就拿被做了无数次示例的add函数,来做一 阅读全文
posted @ 2020-08-01 15:35 KeyNG 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 面向对象的四大特性1、抽象忽略一个主题中与当前目标无关的东西,专注的注意与当前目标有关的方面。(就是把现实世界中的某一类东西,提取出来,用程序代码表示,抽象出来的一般叫做类或者接口)。抽象并不打算了解全部问题,而是选择其中的一部分,暂时不用部分细节。抽象包括两个方面,一个数据抽象,而是过程抽象。数据 阅读全文
posted @ 2020-07-30 16:25 KeyNG 阅读(2230) 评论(0) 推荐(1) 编辑
摘要: 1. reduce 遍历数组每一项,若值为数组则递归遍历,否则concat。 function flatten(arr) { return arr.reduce((result, item)=> { return result.concat(Array.isArray(item) ? flatten 阅读全文
posted @ 2020-07-28 22:06 KeyNG 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 实现将对象下所有key由驼峰/Pascal转成下划线分割: toSnakeCase({ UserName: 'toutiao', group: { GroupName: 'douyin' } }) => { user_name: 'toutiao', group: { group_name: 'do 阅读全文
posted @ 2020-07-23 11:24 KeyNG 阅读(1661) 评论(0) 推荐(0) 编辑