5 大灰狼的小绵羊哥哥

尚未进行身份认证

成功道路并不拥挤,因为坚持的人不多。。。

等级
TA的排名 58

浅说虚拟列表的实现原理

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

2019-09-16 20:34:16

React、Redux、React-Redux

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

2019-09-16 18:59:36

npm发布包教程

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

2019-09-16 11:39:19

CSS开发技巧

前言√灵活运用CSS开发技巧请戳这里,持续更新√灵活运用JS开发技巧请戳这里,持续更新何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。每写好一篇文章,都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景交融、首尾呼应、衬...

2019-09-16 10:48:29

Array方法及其实现

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

2019-09-12 20:03:53

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

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

2019-09-12 15:27:23

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

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

2019-09-12 10:06:12

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

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

2019-09-12 09:22:25

React高阶组件以及应用场景

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

2019-09-12 09:21:49

隐式类型转换与操作符

如果你彻底掌握了隐式类型转换,那么对你来说,它就是“显式”类型转换了。小纲老师类型转换规则 一元操作符 加性操作符 乘性操作符 布尔操作符 相等操作符 关系操作符 其他操作符 不可思议的实例 结语类型转换规则JS是弱类型语言,不同数据类型之间可以发生类型转换。JS中类型转换只有三种情况:toString、toNumber、toBoolean,...

2019-08-31 11:52:01

React Native - 实现高度自增长的 TextInput 组件

在移动应用开发中,有时希望输入区的高度可以随着输入内容的行数增加而增长。本文演示如何实现这种自增长的TextInput组件。1,效果图(1)默认情况下TextInput组件只显示一行的高度。(2)当用户输入的内容超过TextInput组件的高度时,TextInput组件将会自动变高,把用户的所有输入都显示出来。2,样例代码 ...

2019-08-30 20:30:26

使用npm发布一个react组件(踩坑实践)

前言 本文主要记录本人在使用NPM发布具有样式的react组件时的完整实践流程,在这过程中踩了许多坑,花在完善发布脚手架的时间远多于开发组件的时间,于是记录下整个过程,希望能给大家提供帮助。 下文的内容主要包括: 发布react组件的脚手架搭建。 开发组件。 打包组件,并在测试项目中引入打包组件模块,验证组件功能。 发布到NPM。 脚手架搭建创...

2019-08-30 19:11:10

React Native---手势响应系统

前面我们写了ReactNative入门和ReactNative中的弹性盒模型(Flexbox)。今天我们谈谈ReactNative中的触摸事件。基本的Touch稍微有一点Android基础的人都知道,Android的触摸操作都是绑定在对应的空间上的,我们可以利用view.setOnClickListener,view.setOnTouchListener等方法响应触摸事件。Web上和...

2019-08-30 09:24:46

React hooks实战总结

Reacthooks实战总结一、什么是hooks?react于19年2月份在16.8版本中新增了hook这一特性,已经过去了半年多了,社区的各种文章解析页汗牛充栋,本文将结合自己的项目实践,对reacthooks做一个全面的讲解,俗话说没吃过猪肉,还没见过猪跑吗?确实,可能大部分同学对hooks特性都有了自己的了解,但是在实际项目中使用又是另一回事了,实践出真知,这篇文章是自己对...

2019-08-22 14:30:34

手把手带你用next搭建一个完善的react服务端渲染项目(集成antd、redux、样式解决方案)

前言本文参考了慕课网jokcy老师的React16.8+Next.js+Koa2开发Github全栈项目,也算是做个笔记吧。源码地址github.com/sl1673495/n…介绍Next.js是一个轻量级的React服务端渲染应用框架。官网:nextjs.org中文官网:nextjs.frontendx.cn当使用React开发系统的时候,常常需要配置很...

2019-08-22 13:46:34

vue开发看这篇文章就够了

Vue-渐进式JavaScript框架介绍vue中文网 vuegithub Vue.js是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别?Library库,本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者代表:jQuery jQuery这个库的核心:DOM操作,即:封装DOM操...

2019-08-18 16:56:17

React Native 混合开发与实现

关于微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈前言随着React的盛行,其移动开发框架ReactNative也收到了广大开发者的青睐,以下简称RN。通过RN我们能够使用JavaScript语言来实现跨平台移动应用的开发,打开了前端工程师通往移动平台的大门。用RN官方的介绍来概括它的特点就是:Learnonce,w...

2019-08-18 15:14:23

【深度总结】数组 reduce 一看一整天(附实现代码)

【深度总结】JS数组reduce相关的方法,原理,应用,还有polyfill实现的reduce,其实你可以直接调到最后一章,了解一下reduce的实现即可。

2019-08-18 06:49:44

0 到 1 掌握:Vue 核心之数据双向绑定

前言​当被问到Vue数据双向绑定原理的时候,大家可能都会脱口而出:Vue内部通过Object.defineProperty方法属性拦截的方式,把data对象里每个数据的读写转化成getter/setter,当数据变化时通知视图更新。虽然一句话把大概原理概括了,但是其内部的实现方式还是值得深究的,本文就以通俗易懂的方式剖析Vue内部双向绑定原理的实现过程。然后再根据Vue...

2019-08-17 11:20:32

React Native 动画(Animated)

在上篇文章中介绍了LayoutAnimation的用法,本篇文章就来详细介绍一下Animated的用法。Animated简介Animated库用于创建更精细的交互控制的动画,它使得开发者可以非常容易地实现各种各样的动画和交互方式,并且具备极高的性能。Animated旨在以声明的形式来定义动画的输入与输出,在其中建立一个可配置的变化函数,然后使用简单的start/stop方...

2019-08-17 09:22:25

查看更多

勋章 我的勋章
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。