自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

转载 TypeScript && React

环境搭建我们当然可以先用脚手架搭建React项目,然后手动配置成支持TypeScript的环境,虽然比较麻烦,但可以让你更清楚整个过程。这里比较麻烦,就不演示了,直接用命令配置好。 1 npx create-react-app appname --typescript 可以安装一些自己需要的库及其声明文件,例如react-router-dom、axi...

2019-09-22 15:47:07 301

转载 MVC、MVP 和 MVVM 对比笔记

MVC、MVP 和 MVVM三个非常重要的架构模式MVC (Model(模型)-View(视图)-Controller(控制器)) MVP (Model(模型)-View(视图)-Presenter(中介者)) MVVM (Model(模型)-View(视图)-ViewModel(视图模型))MVC 模式MVC 是一个架构设计模式,它通过分离关注点的方式来支持改进应用组织方式。它...

2019-09-20 11:33:48 200

转载 Git常用命令清单

这里是我的笔记,记录一些 git 常用和一些记不住的命令,这个笔记原本是基于颜海镜的文章增加的,后面慢慢增加了许多内容,独立一个仓库维护,方便查询和使用。目录安装卸载 配置管理 不常见的使用场景 忽略文件的权限变化 配置自动换行 创建SSH密钥 多账号ssh配置 免密码登录远程服务器 https协议下提交代码免密码 文件推向3个git库 修改远程仓库地址...

2019-09-19 19:15:24 532

转载 浏览器与Node的事件循环(Event Loop)有何区别?

前言本文我们将会介绍 JS 实现异步的原理,并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。一、线程与进程1. 概念我们经常说 JS 是单线程执行的,指的是一个进程里只有一个主线程,那到底什么是线程?什么是进程?官方的说法是:进程是 CPU 资源分配的最小单位;线程是 CPU 调度的最小单位。这两句话并不好理解,我们先来看张图:进程好比图中的工厂,有单独...

2019-09-19 17:30:02 742

转载 React Native常用第三方组件汇总

react-native-system-setting 修改系统设置react-native-picker-select 数据选择react-native-searchable-dropdown 下拉搜索框lottie-react-native 动画封装库VoiceLine-master 声音变化波浪效果react-native-parallax-scroll-view 类似Scroll...

2019-09-19 16:10:30 1630

转载 前端经典面试题

简答题1、什么是防抖和节流?有什么区别?如何实现?参考答案防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间思路:每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () {...

2019-09-19 10:15:11 1123 1

原创 前端知识点

1.TCP有哪些手段保证可靠交付TCP提供一种面向连接的、可靠的字节流服务。 面向连接:意味着两个使用TCP的应用(通常是一个客户和一个服务器)在彼此交换数据之前必须先建立一个TCP连接。在一个TCP连接中,仅有两方进行彼此通信。广播和多播不能用于TCP。TCP通过下列方式来提供可靠性:应用数据被分割成TCP认为最适合发送的数据块(将数据截断为合理的长度) 发送一个报文段(TCP传递给...

2019-09-19 09:35:12 452

转载 动画道路上的新宠 -- Lottie

能够成为新宠,必定是有他自己的独特之处,那么lottie到底是什么呢?在没有接触lottie之前,要想做一个很炫酷的动画效果要经过很复杂的计算,嗯,对于不善于这种高难度的计算的我来说,很是具有挑战性啊,不过从今以后,制作一个动画就很容易啦1. lottie 简介Lottie是一个iOS,Android和React Native库,可以实时渲染After Effects动画,并且允许...

2019-09-18 14:19:17 280

转载 完全理解 redux(从零实现一个 redux)

前言记得开始接触 react 技术栈的时候,最难理解的地方就是 redux。全是新名词:reducer、store、dispatch、middleware 等等,我就理解 state 一个名词。网上找的 redux 文章,要不有一本书的厚度,要不很玄乎,晦涩难懂,越看越觉得难,越看越怕,信心都没有了!花了很长时间熟悉 redux,慢慢的发现它其实真的很简单。本章不会把 redux 的各...

2019-09-18 09:56:29 154

转载 浅说虚拟列表的实现原理

在列表数据的展示优化一文中,提到了对于列表形态的数据展示的按需渲染。这种方式是指根据容器元素的高度以及列表项元素的高度来显示长列表数据中的某一个部分,而不是去完整地渲染长列表,以提高无限滚动的性能。而按需显示方案的实现就是本文标题中说的虚拟列表。虚拟列表的实现有多种方案,本文以react-virtual-list组件为基础进行分析什么是虚拟列表?在正文之前,先对虚拟列表做个...

2019-09-16 20:34:16 664

转载 React、Redux、React-Redux

前言相信很多新手朋友们对于React、Redux、React-Redux这三者之间的关系和区别肯定有很多不解和疑惑。这里我们就来详细的剖析一下它们吧。React:负责组件的UI界面渲染;Redux:数据处理中心;React-Redux:连接组件和数据中心,也就是把React和Redux联系起来。ReactReact主要就是用来实现UI界面的,是一个专注于view层的框架。对于一...

2019-09-16 18:59:36 233

转载 npm发布包教程

作为一个前端,每个人应该对npm install这个命令应该非常熟悉了,尤其是对这个命令执行过程中命令窗口疯狂输出肯定印象深刻。我发现有的同学对安装包轻车熟路,但对包从哪里来的以及如何发布一个npm并不是很了解,基于此,在团队内部做了一次分享,将分享过程整理如下,希望对每一个想发布自己的包但又不知从何开始的同学有所帮助。由于发布包涉及到发布、安装、更新、删除/废弃等阶段,写在一篇文章中篇幅过长...

2019-09-16 11:39:19 261

转载 Array方法及其实现

2019年都快过完了,你还在用老掉渣的for循环和forEach么?教你几招,让你秒变代码最清爽的仔!!!基础篇数组方法map、filter、some、reduce与forEach的pkRound 1: map vs forEach// double number const number = [1,2,3,4,5];// forEach Versionconst d...

2019-09-12 20:03:53 336 1

转载 构建Vue.js组件的10个技巧

1. 组件可以在全局或本地加载Vue.js提供了两种加载组件的方法:一种在Vue实例全局,另一种在组件级别。两种方法都有其自身的优点。全局加载组件使其可以从应用程序中的任何模板(包括子组件)访问。它减少了将全局组件导入子组件的次数。此外,如果全局加载组件,将无法获得Vue注册组件错误--“did you register the component correctly?”。注意,谨慎加...

2019-09-12 15:27:23 311

转载 React高频面试题梳理,看看面试怎么答?(上)

这是ConardLi的第67篇原创,谢谢你的支持!文中流程图都为ConardLi原创,如需使用,请标明来源。前段时间准备面试,总结了很多,下面是我在准备React面试时,结合自己的实际面试经历,以及我以前源码分析的文章,总结出来的一些React高频面试题目。以前我写的源码分析的文章,并没有很多人看,因为大部分情况下你不需要深入源码也能懂得其中原理,并解决实际问题,这也是我总...

2019-09-12 10:06:12 3338

转载 金九银十~JS精选回顾宝典

前言在这个金九银十的日子中,为大家奉上JS精选复习宝典一份,望各位看官笑纳!普通函数和箭头函数的 thisfunction fn() { console.log(this); // 1. {a: 100} var arr = [1, 2, 3]; (function() { console.log(this); // 2. Window })(); /...

2019-09-12 09:22:25 377

原创 React高阶组件以及应用场景

什么是高阶组件在解释什么是高阶组件之前,可以先了解一下什么是 高阶函数,因为它们的概念非常相似,下面是 高阶函数 的定义:如果一个函数 接受一个或多个函数作为参数或者返回一个函数 就可称之为 高阶函数。下面就是一个简单的高阶函数:function withGreeting(greeting = () => {}) { return greeting;}复制代码...

2019-09-12 09:21:49 6097

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除