杰的记事本——javascript.shop

摘要： 背景 常见的一个图文列表设计，通常是这样的，两端顶着容器，中间的间距平均分，如下图的某东商品列表的设计： 列表是这样自适应的，当视窗足够放多少个商品就放多少个，然后各个商品项目之间的间距平均分。由于每个人的视窗都可能不同，因此所看到的间距或者每一行的个数都会不同。 方案 想到这种设计，我们学过fle 阅读全文

摘要： 前言 sticky这种设计效果是经常出现的，比如陶宝右侧的工具栏，当我们向下滚动到它的位置时，它就会黏住顶部跟随滚动，类似position: fixed的效果，只不过它的触发条件是当我们滚动到所在位置时，才触发fixed的效果的： 我们经常的做法是用JavaScript去监听滚动事件然后进行处理，比 阅读全文

摘要： 关于作用域插槽v-slot的用法可以先看看文档 https://cn.vuejs.org/v2/guide/components-slots.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD 现在我们进入正题 我们用到一个第三方组件validate 阅读全文

摘要： 最近在搞微信小程序，发现flex下使用省略号是没有效果的，而且还会打乱预期的结构，查询statckoverflow知道需要在父级设置min-width:0; 但是在我的尝试下，依然不行，原来在上层父级就是flex那一级别也需要设置 min-width:0; 就是可以理解为 省略号标签的flex-it 阅读全文

摘要： TypeScript宗旨 我觉得Typescript的宗旨是 任何一个 TypeScript 程序，在手动删去类型部分，将后缀改成 .js 后，都应能够正常运行。Typescript是javascript的超集，是编译期行为，不引入额外开销，不改变运行时行为，始终与 ESMAScript 语言标准一 阅读全文

摘要： 今天在群里聊天有人说 flex的那几个居中属性好难记，时不时都要尝试一下，或者查看一下文档，现在我把我自己的记忆方式分享一下。。。 1. flex的居中主要是通过这三个属性来实现的： 2. 总结 3. 记忆方式 原文：https://javascript.shop/2019/08/flex-just 阅读全文

摘要： 总结 splice()会改变原来的数组，返回的是被改变的内容，比如说通过splice删掉了某一项，那么返回的是删掉的这一项，当然还是会以数组的形式返回。 slice不会对原数组进行改变，会返回一个新的数组。利用slice同样也可以实现根据索引删除某一项 我是怎么记忆的 splice的前缀是sp，sp 阅读全文

摘要： 总结 call()、apply()和bind()都是用来改变函数执行时的上下文，可借助它们实现继承；call()和apply()唯一区别是参数不一样，call()是apply()的语法糖；bind()是返回一个新函数，供以后调用，而apply()和call()是立即调用。 我是怎么记的 apply是 阅读全文

摘要： 有空的时候还是把3个都熟悉一下、除了Angular学习起来笔记花时间外、React跟Vue没啥难度，学习用的时间不多。 如果你在Google工作：Angular如果你喜欢TypeScript：Angular（或React）如果你喜欢面向对象编程（OOP）：Angular如果你需要代码规范化，架构清晰 阅读全文

摘要： 1、背景 我们都知道ajax请求可以加个timeout，就是最多请求多少时间，如果超过这个时间直接就报错。 这个是最多请求多长时间，我现在要做的是，最少要请求多长时间，然后才能执行后续的逻辑。 比如，一个ajax请求 x 毫秒就执行完毕了，但我要让他至少执行1秒钟，那我们会这么想： ajax完成后 阅读全文