超级索尼

惰性渲染其实是一种渲染优化方式之一，简单来说一个React组件，比如Drawer抽屉组件，开始是抽屉是不显示的，也就是说visible这个prop如果初始为false的话，那么在render里就return null，也就是说这个抽屉组件就不渲染，dom树中就没有对应的结构。然…

作用就是将这个网址映射到127.0.0.1也就是localhost，hosts文件的作用就是做一个映射，当访问某个网址时，首先查找hosts文件看看是否有映射到的ip地址，如果没有再去走dns查询。

一年经验侥幸拿到字节跳动Offer，最近面了那么4,5家，发现无论大公司还是小公司，都比较注重原生Javascript，而大点的公司框架源码更是必问。所以我重新看了遍MDN以及其他的书籍，自己总结出了如下的题目，目的是提升对底层原生知识的了解，其实我自己基础也不是特别扎实，反正…

整个系统比较复杂，包含图片文字上传组件，emoji表情组件，一级评论，二级回复，以及二级回复要能展示图片，点赞组件，图片展示组件等。其实主要是后台比较复杂，如何有效地设计数据库表结构以及各种增删评论。本文主要介绍下图片展示模块的构思和代码编写逻辑，如下图，下图是新鲜事中的图片展…

value1是data中的值，当滑动滑块时这个值也会改变。我们先从slider-button这个按钮组件进行分析，因为它才是核心，该组件的代码200多行，可见不简单啊，仅仅一个子组件就那么多,html结构如下 这是一个wrapper里面嵌套了一个div作为button的主体,最…

关于开关组件，之前自己写了一个，其实这个组件是不需要绑定任何click事件的，也就是说js部分几乎可以不写，核心思想就是利用<input type=checkbox>的checked属性，当鼠标点击input时，会切换其checked属性，这是原生checkbox的特性。下面是…

上图是点击推荐选座5人后选出的座位(绿色)，这个demo和美团app不同的地方在于可以连续进行推荐选座，美团app点击了推荐选座就必须买票才能继续选择。 这里注意vue中改变data中的二维数组必须先缓存二维数组，修改后，最终将二维数组重新赋值，否则修改不生效，因为Vue无法侦…

Element中和该组件相关的文件有main.vue和menu.vue2个文件，前者代表输入框部分，后者代表下方的级联选择部分，以及附加的js文件popper.js以及vue.popper.js，用来处理弹出框逻辑，前面文章介绍过，这4个文件总代码量2000行左右，首先要明确，…

可见最外层的<el-select>有一个v-model，这个是组件的v-model用法，具体参考官网，value初始为空，当选择了下拉菜单的某一项后，value变成那一项的值。<el-select>标签内是用v-for循环出所有的options,<el-option>也是Ele…