随笔分类 - FE
1
摘要：基于 SSR 的预渲染首屏直出方案 Create React Doc 是一个使用 React 的 markdown 文档站点生成工具。此前在 Create React Doc 中引入了预渲染技术来预先生成对应路由的静态页面，以使基于其搭建的文档站点能享用到 SEO(Search Engine Opt
阅读全文
摘要：在大多数程序中，我们必须根据输入做出决策。TypeScript 也不例外，使用条件类型可以描述输入类型与输出类型之间的关系。 本文同步首发在个人博客中，欢迎订阅、交流。 用于条件判断时的 extends 当 extends 用于表示条件判断时，可以总结出以下规律 若位于 extends 两侧的类型相
阅读全文
摘要：背景 观察基于 create-react-doc 搭建的文档站点, 发现网页代码光秃秃的一片(见下图)。这显然是单页应用 (SPA) 站点的通病 —— 不利于文档被搜索引擎搜索 (SEO)。 难道 SPA 站点就无法进行 SEO 了么, 那么 Gatsby、nuxt 等框架又为何能作为不少博主搭建博
阅读全文
摘要：Create React Doc 是一个使用 React 的 markdown 文档站点生成工具。就像 create-react-app 一样，开发者可以使用 Create React Doc 来开发、部署 markdown 站点或者博客而不用关心站点环境配置信息。 特性 零配置书写 markdow
阅读全文
摘要：流畅性 本篇是基于 FDCon2019 上《让你的网页更丝滑by刘博文》的复盘文。该课题也是博主感兴趣的领域, 后续会结合 React 的 Schedule 与该文进行进一步整合, "个人博客" 被动交互: animation 主动交互: 鼠标、键盘 被动交互 当前市面上的设备频率在 60 HZ 以
阅读全文
摘要：本文整理了 React 16.x 出现的耳目一新的概念与 api 以及应用场景。 更多 React 系列文章可以订阅 "blog" 16.0 Fiber 在 16 之前的版本的渲染过程可以想象成一次性潜水 30 米，在这期间做不了其它事情(Stack Reconciler); 痛点概括: 一次性渲染
阅读全文
摘要："原文链接" InversityJS 是一个 IoC 框架。IoC(Inversion of Control) 包括依赖注入(Dependency Injection) 和依赖查询(Dependency Lookup)。 相比于类继承的方式，控制反转解耦了父类和子类的联系。 案例解析 上述案例可以抽
阅读全文
摘要：阅读完本文可以了解到 为什么等于 以及 JavaScript 中最大安全数是如何来的。 十进制小数转为二进制小数方法 拿 173.8125 举例如何将之转化为二进制小数。 ①. 针对整数部分 173，采取 ; 得整数部分的二进制为 。 ②. 针对小数部分 0.8125，采用 ; 得小数部分的二进制为
阅读全文
摘要："更好的阅读体验" 跨域是日常开发中经常开发中经常会接触到的一个重难点知识，何不总结实践一番，从此心中对之了无牵挂。 同源策略 之所以会出现跨域解决方案，是因为同源策略的限制。同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等，就认定它们跨源了。比如下列表格列出和 比较的同源检测的结
阅读全文
摘要：更好的阅读体验，点击 "原文地址" "项目地址" MVVM 框架 近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过 Ajax 的方式和网关 REST API 作通
阅读全文
摘要：TodoList小demo 效果展示 项目地址 (单向)数据流 数据流是我们的行为与响应的抽象；使用数据流能帮我们明确了行为对应的响应，这和react的状态可预测的思想是不谋而合的。 常见的数据流框架有Flux/reFlux/Redux。相比其它数据流框架，Redux轻量(压缩后只有2K),而且在一
阅读全文
摘要：由于公司的前端业务全部基于ES6开发，于是给自己开个小灶补补ES6的一些常用特性。原来打算花两天学习ES6的，结果花了3天才勉强过了一遍阮老师的ES6标准入门，下面罗列一些自己经常用到的ES6特性。 Default Parameters（默认参数） 还记得我们以前不得不通过下面方式来定义默认参数：
阅读全文
摘要：近年来前端开发趋势 1.旧浏览器逐渐淘汰，移动端需求增加: 旧浏览器主要指的是IE6-IE8，它是不支持ES5特性的；IE9+、chrome、sarafi、firefox对ES5是完全支持的，移动端大部分浏览器是基于webkit内核，所以ES5在移动端也是全面支持的，因此vue可以在移动端以及现代浏
阅读全文
摘要：css布局之于页面就如同ECMAScript之于JS一般，细想一番，html就如同语文，css就如同数学，js呢，就是物理，有些扯远，这里就先不展开了。 回到主题，从最开始的css到如今的sass(less),开发的效率确实变得越来越高效，但是可能有时候我们还是会对页面布局产生烦恼的情绪，比如:"咦
阅读全文
摘要：随着该项目的发布到线上(小打小闹)，即将又要开启另一段崭新的旅程。强迫自己停下来写写所学所得，个人认为总结和分享是一种很棒的学习方式。那让我们先来瞧瞧项目长的什么样。如果着急要源码的朋友，可以下拉到最后~~ 微信端部分展现 从微信端进入网页端的效果(这部分还需要优化(*^__^*)) 但是这图是真的
阅读全文
摘要：一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~，在这十一花上半个小时整个hexo博客岂不美哉。 使用Hexo吸引我的是，其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平台的搭建，再加上有些node,git基础，分分钟创建出一个高大上的博客。废话少说，开始吧。 准备工作
阅读全文
摘要：1.1、段落标题 根据原文中的文档标题可以对应设置标题。 # 一级标题## 二级标题### 三级标题 效果 => 一级标题 二级标题 三级标题 1.2、斜体、加粗 *单星号* => 单星号 _单下划线_ => 单下划线**双星号** => 双星号__双下划线__ => 双下划线 1.3、列表 1.3
阅读全文
摘要：做好笔记方便日后查阅o(╯□╰)o bootstrap简介： ☑ 简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。 ☑ 基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。 ☑
阅读全文
摘要：希望多年以后再看前辈们的教诲，能拉近和前辈们之间的距离 送给奋斗在前端路上的自己 ①转载自http://kb.cnblogs.com/page/545784/ ②http://kb.cnblogs.com/page/549049/ ③http://www.cnblogs.com/hustskykin
阅读全文
摘要：转用Chrome，不仅仅因为它的插件之丰富，更因为它的响应速度其他浏览器都望尘莫及。接着我就要写写一些心得。 如何最简易地用上谷歌搜索？ 1，下载hosts文件:https://pan.baidu.com/s/1c2r8jV6 解压密码：laod.org（ 感谢老D大神的贡献的hosts！！） 2，
阅读全文
1
