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