Kay_

编译原理科普文，编译是什么，转译器、编译器、解释器的区别是啥，编译流程都做了什么，前端领域哪些地方用到编译技术。...

Video 元素、 JS API介绍以及如何从零实现视频播放器的播放控制、进度条、字幕、视频截图等功能。...

前言 此篇主要手写 Vue2.0 源码-侦听属性 上一篇咱们主要介绍了 Vue 组件原理 深入了解了 Vue 组件化开发的特色 此篇将介绍我们日常业务开发使用非常多的侦听属...

基础回顾 上篇文章已经详细介绍了vue-router的整体运作流程,想了解上篇文章具体内容可以点击这里.上一篇留下了导航守卫(俗称钩子)没有展开分析.本篇文章将着重研究导航...

对于前端而言，图标的发展可谓日新月异。从img标签，到雪碧图，再到字体图标，svg，甚至svg也有了类似于雪碧图的方案svg-sprite-loader。雪碧图没有什么好讲...

在最开始，项目中使用图标就是直接设计师切下来的.png图标。后来发现页面中图图标的引用数目太多占据了大部分的请求资源，所以有了 CSS Sprite 将多张小图合并到一个图...

相信每位前端童鞋都对字体图标不陌生，毕竟网页必然少不了用大量的图标来装饰页面效果。在很早的时候，我们一般都是用img来当作图标来使用，由于大量地使用img会造成http请求...

先从资源管理器认识Chrome首先我们找到资任务管理器:打开后我们会看到这样的一幕:不知道大佬们有没有发现, 虽然我们之打开了一个Tab页, 但是Chrome竟然启动了九个...

前言在正式进入vue-router之前,我们先从框架的思维跳出来,仔细思考一下前端路由的实现原理,观察如下案例.在html文件里新建三个a标签,并且下面放一个空的div.在...

2 种不同的配置形式，在 webpack 内部有着不同的解析方式。此外，不同的配置方式也决定了最终在实际加载 module 过程中不同 loader 之间相互的执行顺序等。...

今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。...

每个前端都想做一个完美的表格，业界也在持续探索不同的思路，比如钉钉表格、语雀表格。笔者所在数据中台团队也对表格有着极高的要求，尤其是自助分析表格，需要兼顾性能与交互功能，本...

最近组里有同学做了 React Router 源码相关的分享，我感觉这是个不错的选题， React Router 源码简练好读，是个切入前端路由原理的好角度。在分享学习的过...

前言前端权限架构的设计一直都是备受关注的技术点.通过给项目引入了权限控制方案,可以满足我们灵活的调整用户访问相关页面的许可.比如哪些页面向游客开放,哪些页面必须要登录后才能...

通常在页面开发中，我们是通过路由去管理不同的页面，常用的路由库也有很多，譬如：React-Router，Dva-router...... 当我们切换路由时，没有被匹配到的 ...

最近项目中使用了vue-router的addRoutes这个api，遇到了一个小坑，记录总结一下。 纳尼(⊙o⊙)？这是怎么回事呢，第二次登录也正常登录了，功能上似乎没有什...

在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细： 下面我们就看一看是如何实现这些个权限控制的。 接口权限就...