codeandcode

2019年终岁尾，最近对布局相关的内容比较有兴趣，在此整理一下和瀑布流相关的使用场景以及多种实现方案。 瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称...

JavaScript 普通对象 {key: 'value'} 可用于保存结构化数据。 但是我发现很烦人的一件事：对象的键必须是字符串（或很少使用的符号）。 JavaScri...

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，...

计算属性以声明的方式创建依赖关系，依赖的 data 或 props 变更会触发重新计算并自动更新。 计算属性是基于它们的响应式依赖进行缓存的。 在上面的代码里，render...

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏...

体验地址工具地址由于挂载在githubpage上，打开速度会慢一些，请耐心等待或自行解决git网速问题背景为什么要制作这么一款工具分析主要实现思路是将gif动图经过gif库...

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以...

几乎在每一本JS相关的书籍中，都会说JS是单线程的，JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说，根本搞不清楚单线程的JS为什...

感觉作者连前端规范都没看，就开始拿自己的python来分析了。希望技术圈的人还是本着实事求是的态度，大胆假设，小心求证！！！下面我就话不多说，直接放ECMAScript的标...

本文主要针对SPA类型前端应用。 1. 启动应用时通常需要做些什么 a. 加载监控 b. tracking 2. 什么是全局拦截器 3. 初始化路由 4. 进入页面初始化 ...

dotAll (ES9) : 是否设置了 s （并非 d ）标志，即使用 . 可以匹配任何单个字符，可以理解为 [\s\S]（默认 . 不会匹配换行符，回车符，分隔符等） ...

函数组合在函数式编程中被称为组合(composition),我们将了解组合的概念并学习大量的例子。然后创建自己的compose函数。 组合的概念是非常直观的，并不是函数式编...

在掘金群比较活跃的群友应该都认识我，我就是那个每天吹水的管理员，最近赶上秋招之际，毕业刚满一年，就打算试下杭州的几家厂，因为本身也是二线厂出身，所以投的也都是二线厂以上，拿...

编写 Web 应用的时候，一般来说，我们大多时候处理的都是同步的、线性的业务逻辑。但是正如开篇所说的“时间是程序里最复杂的因素”，应用一旦复杂，往往会遭遇很多异步问题，如果...

5 年是一个值得总结的阶段，而这 5 年后的今天，我发现自己越来越不像一个“程序员”。 如今在工作中 开始关注文档，开始关注规范，希望自己输出的不只是代码； 每天会耗费时间...

首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到的事件。最后一个阶段是冒泡阶段。 我们上文中的监听图片自身的 error 事件，实际上在事件流中是处于目标...

今天，我惊讶的发现，往常积极友好的 VueJS 社区陷入了一场激烈的战争。 两周前，Vue 的创建者尤雨溪发布了一个请求意见稿（RFC），用于在即将发布的 Vue 3.0 ...

前端发展太快了，在2004年之前，大概只要会网页三剑客（一套强大的网页编辑工具，最初是Macromedia公司开发的，由Dreamweaver、Fireworks、Flas...

面试一直是程序员跳槽时期非常热门的话题，虽然现在已经过了跳槽的旺季，下一轮跳槽季需要到年底才会出现，但是当跳槽季的时候你再看这篇文章可能已经晚了，过冬的粮食永远不是冬天准备...