摘要:一、简介 Storybook是一款开源的组件开发工具,它可以运行在主程序之外,因此开发者可以用它来独立开发UI组件,或者用它来快速构建ui组件文档。 目前Storybook支持的框架有: React React Native Vue Angular Marionette.js Mithril Mar 阅读全文
posted @ 2020-06-25 19:38 卑微小陈的随笔 阅读(1058) 评论(2) 推荐(0) 编辑
摘要:前几天面试的时候被面试官问了这个问题,愣了一下,突然没反应过来哪些操作方法是ES5哪些是ES6的(平时用得比较少,记得不是很牢),后面在面试官的提醒下才说出了map和filter。今天就稍微总结一下在JavaScript中数组的操作方法吧。 一、ES6中数组新增的操作方法 1. 数组解构运算符(sp 阅读全文
posted @ 2020-04-13 17:30 卑微小陈的随笔 阅读(72) 评论(0) 推荐(0) 编辑
摘要:一、什么是原型对象 首先明确一下定义,每个函数都会有它的原型对象,也就是prototype,这是在函数创建的时候浏览器会根据一定规则自动生成的。看下图: 可以看到,函数的prototype里面包含一个construction,它会指向函数本身。另外一个__proto__,也就是我们下面将会讲到的原型 阅读全文
posted @ 2020-04-11 13:16 卑微小陈的随笔 阅读(62) 评论(0) 推荐(0) 编辑
摘要:每个Vue实例在被创建的时候,都会经历一系列初始化的过程。比如说需要设置数据监听、模板编译、将实例挂载到DOM结构上并且在数据变化时对DOM结构进行更新等等。Vue允许开发者在不同的生命周期运行一些钩子函数(hook),给开发者在不同的生命周期中添加自己代码的机会。所有的生命周期钩子自动绑定 thi 阅读全文
posted @ 2020-04-10 23:11 卑微小陈的随笔 阅读(216) 评论(0) 推荐(0) 编辑
摘要:在学习vue、react的过程中,总能看到MVVM模型,那么MVVM究竟是什么,下面将我最近看到的资料以及自己的想法总结一下。 与MVVM相似的,还有MVC、MVP,先从MVC、MVP这两个入手,方面后面对MVVM的理解。 一、 MVC M:Model,即模型,也可以理解为数据层,用于封装数据以及数 阅读全文
posted @ 2020-04-04 01:22 卑微小陈的随笔 阅读(112) 评论(0) 推荐(0) 编辑
摘要:在html5中,新增了几个语义化标签:<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>等。 1.什么是HTML语义化? 通过标签判断内容语义,例如根据h 阅读全文
posted @ 2019-10-30 15:19 卑微小陈的随笔 阅读(728) 评论(0) 推荐(0) 编辑
摘要:首先,了解一下什么是单例模式,这里我直接把菜鸟教程中的定义给copy过来: 用一句话来总结就是:在单例模式中,一个类仅有一个实例,并提供一个访问它的全局访问点。这无非是用一个变量来标志当前是否已经为某个类创建过对象,如果是,则在下一次获取该类的实例时,直接返回之前创建的对象,在JavaScript我 阅读全文
posted @ 2019-10-29 23:03 卑微小陈的随笔 阅读(171) 评论(0) 推荐(0) 编辑
摘要:一、函数节流 所谓节流,就是控制某个函数在某一时间内,只能执行一次。应用场景一般是在拉动滚动条进行懒加载,为了防止过度请求,所以加上节流控制,防止服务器过载。 知道其原理之后,我们就可以思考一下如何进行节流。“某一时间内只能执行一次该函数”,那么我们自然而然就会想到一个函数,setTimeout() 阅读全文
posted @ 2019-10-22 11:24 卑微小陈的随笔 阅读(58) 评论(0) 推荐(0) 编辑
摘要:一、块级元素和行内元素的区别 (1)块级元素会独占一行,其宽度自动填满其父元素宽度; 行内元素不会独占一行,相邻的行内元素会排列在同一行,直至一行排不下才会换行,其宽度随元素的内容而变化。 (2)块级元素可以包含行内元素和块级元素;行内元素不能包含块级元素。 (3)行内元素设置width、heigh 阅读全文
posted @ 2019-10-20 16:41 卑微小陈的随笔 阅读(43) 评论(0) 推荐(0) 编辑
摘要:废话不多说直接进入正题,首先我们需要先知道new运算符到底做了哪些事情,再来模拟它实现这一功能。 1. 建立一个空的Object对象; 2. 把这个空对象用__proto__链接到原型 3. 用apply绑定对象的this指向 4. 返回新的对象 知道了new的具体过程之后,我们就可以来试一下用代码 阅读全文
posted @ 2019-10-15 11:26 卑微小陈的随笔 阅读(61) 评论(0) 推荐(0) 编辑