6 大灰狼的小绵羊哥哥

尚未进行身份认证

我要认证

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

等级
TA的排名 33

React 条件渲染最佳实践(7 种方法)

在 React 中,条件渲染可以通过多种方式,不同的使用方式场景取决于不同的上下文。 在本文中,我们将讨论所有可用于为 React 中的条件渲染编写更好的代码的方法。~~条件渲染在每种编程语言(包括 javascript)中都是的常见功能。 在 javascript 中,我们通常使用if else语句,switch case语句和三元运算符编写条件渲染。以上所有这些方法都适用于 React。 但是问题是,我们如何才能有效地使用它们?像你知道的那样,React 具有JSX标记,通常我们需...

2020-09-28 09:35:26

阿里云服务器部署web项目全过程

我们在本地编写完Node.js项目,需要将文件打包上传到云服务器,其他人才可以通过url地址来访问和浏览我们编写的程序,在申请、配置阿里云ECS服务器的时候也是踩坑无数,看了网上很多大神的文章,自己也尝试汇总整理了一下,文中涵盖的知识点比较多,大概包含如下几个方面:申请阿里云免费服务器 安装node.js 安装Nginx服务器 安装mongoDB数据库 安装pm2进程管理工具 安装本地FTP 上线移动端项目之前还写过一篇《阿里云服务器崩溃自救指南》,如果在本地误删了某些文件导致服务器...

2020-09-23 14:13:39

新版React Native 混合开发(iOS篇)

在React Native的应用场景中,有时候一个APP只有部分页面是由React Native实现的,比如:我们常用的携程App,它的首页下的很多模块都是由React Native实现的,这种开发模式被称为混合开发。混合开发的一些其他应用场景:在原有项目中加入RN页面,在RN项目中加入原生页面原生页面中嵌入RN模块RN页面中嵌入原生模块Native UI Components以上这些都属于React Native混合开发的范畴,那么如何进行React Native混合开发

2020-09-21 09:36:37

Nginx使用

最近越来越频繁地遇到需要配置反向代理的场景,在自己搭建博客的时候,也不可避免要用到 Nginx,所以这段时间集中学习了一下 Nginx,同时做了一些笔记,希望也可以帮助到大家~ ????这篇文章会在 CentOS 环境下安装和使用 Nginx,如果对 CentOS 基本操作还不太清楚的,可以先看看 <半小时搞会 CentOS 入门必备基础知识> 一文先做了解。相信作为开发者,大家都知道 Nginx 的重要,废话不多说,一起来学习吧。CentOS 版本:7.6Nginx 版本:1.

2020-09-15 15:43:09

用TypeScript编写React的最佳实践

本文译自 https://www.sitepoint.com/react-with-typescript-best-practices/如今,React和TypeScript是许多开发人员正在使用的两种很棒的技术。但是把他们结合起来使用就变得很棘手了,有时很难找到正确的答案。不要担心,本文我们来总结一下两者结合使用的最佳实践。React 和 TypeScript 如何一起使用在开始之前,让我们回顾一下React和TypeScript是如何一起工作的。React是一个 “...

2020-09-15 15:27:24

一杯咖啡的时间,上手 Koa2 + MySQL 开发

凭借精巧的“洋葱模型”和对 Promise 以及 async/await 异步编程的完全支持,Koa 框架自从诞生以来就吸引了无数 Node 爱好者。然而 Koa 本身只是一个简单的中间件框架,要想实现一个足够复杂的 Web 应用还需要很多周边生态支持。这篇教程不仅会带你梳理 Koa 的基础知识,还会充分地运用和讲解构建 Web 应用必须的组件(路由、数据库、鉴权等),最终实现一个较为完善的用户系统。起步Koa 作为 Express 原班人马打造的新生代 Node.js Web 框架,自从发布以来就

2020-09-11 17:38:11

中大厂前端面试总结

前言本次面试面试了很多家公司,包括 360,美团,猿辅导,小米,腾讯地图,头条,新东方,快手,知乎等几家公司,刚开始去面试的时候那段时间状态不是很好(基本每天都加班到很晚,周六日也没有休息的那种,而且当时心态真的是差到爆,很多平时自己很会的东西,被问到居然答不上来),基本一面就挂的那种(360,美团,猿辅导),越面越失望,后来就直接不面试了,调整自己的状态,请假休息,好好睡了两天两夜之后,调整自己的心态,开始准备面试,接下来的面试就顺利的很多。本篇面试题总结并没有按照公司那样分类而是按照知识点进行简

2020-09-10 14:49:10

用 TypeScript 写 React & Redux - 完全指南

"这个指南是一个最新的摘要,记录了关于如何用TypeScript *以函数式风格*使用React(以及相关生态)最重要的模式和示例。它会使你的代码在从具体实现中进行类型推导时绝对是类型安全的,这样就能减少来自过度类型声明的信息噪音,并更容易写出易于长期维护的正确类型声明。"目标完全的类型安全(支持--strict模式),并且在向应用的下游代码传递时,不会丢失类型信息(比如:缺少类型断言或用 any 来强行使用) 使用高级 TypeScript 语言特性(诸如类型推论和控制流分析)来消除类型冗余.

2020-09-08 09:27:02

在原生项目中集成Flutter

概述使用Flutter从零开始开发App是一件轻松惬意的事情,但对于一些成熟的产品来说,完全摒弃原有App的历史沉淀,全面转向Flutter是不现实的。因此使用Flutter去统一Android、iOS技术栈,把它作为已有原生App的扩展能力,通过有序推进来提升移动终端的开发效率。目前,想要在已有的原生App里嵌入一些Flutter页面主要有两种方案。一种是将原生工程作为Flutter工程的子工程,由Flutter进行统一管理,这种模式称为统一管理模式。另一种是将Flutter工程作为原生工程的子模块

2020-09-06 20:25:15

使用 React Hooks 结合 EventEmitter

EventEmitter 很适合在不修改组件状态结构的情况下进行组件通信,然而它的生命周期不受 react 管理,需要手动添加/清理监听事件很麻烦。而且,如果一个 EventEmitter 没有使用就被初始化也会有点麻烦。目的所以使用 react hooks 结合 event emitter 的目的便是添加高阶组件,通过 react context 为所有子组件注入 em 对象 添加自定义 hooks,从 react context 获取 emitter 对象,并暴露出合适的函数。 自动清理

2020-08-03 14:16:53

Flutter实战之路由功能篇

跳转功能举例常用页面跳转功能。普通跳转 Navigator.of(context).push( MaterialPageRoute( builder: (_) => NextPage1(), ), );复制代码命名跳转Navigator.of(context).pushNamed("/router/nextPage");复制代码前提是需要在程序主入口配置路由表MaterialApp( navigatorObserver

2020-07-28 08:09:05

Flutter 实现文件下载

01—Flutter 中的进度指示器Material 库中进度指示器有两个 : LinearProgressIndicator : 线性进度条指示器 CircularProgressIndicator : 圆环进度条指示器 这两个指示器都有精准精度和模糊精度两种模式。1、LinearProgressIndicator定义如下 :LinearProgressIndicator({doublevalue,ColorbackgroundColor...

2020-07-23 08:47:00

深入理解Flutter多线程

Flutter默认是单线程任务处理的,如果不开启新的线程,任务默认在主线程中处理。事件队列和iOS应用很像,在Dart的线程中也存在事件循环和消息队列的概念,但在Dart中线程叫做isolate。应用程序启动后,开始执行main函数并运行main isolate。每个isolate包含一个事件循环以及两个事件队列,event loop事件循环,以及event queue和microtask queue事件队列,event和microtask队列有点类似iOS的source0和source1。

2020-07-23 08:41:32

Flutter 框架层次结构

作者:Frederik Schweiger链接:https://medium.com/flutter-community/the-layer-cake-widgets-elements-renderobjects-7644c3142401说明:声明原创才能给文章加标签Flutter 是一个非常优秀的跨平台开发框架,基于 Flutter 我们可以用很少的代码快速的开发出界面精美的 APP ,同时热重载机制也极大的提高了我们的开发效率,并且基于 Flutter开发的 APP 运行起来也是如.

2020-07-23 08:37:56

Widget、RenderObject 与 Element

我们在学习 Flutter 的时候,可能经常看到三个名词:Widget、RenderObject 和 Element ,弄懂这几个概念可能也是入门 Flutter 框架原理的第一步。01—Widget在 Flutter 中,万物皆是 Widget,无论是可见的还是功能型的,那么 Widget 究竟是什么呢?按照惯例,先看官方文档。 Widget 的作用是用来保存 Element 的配置信息的。 Widget 本身是不可变的。 Elemen...

2020-07-23 08:30:31

V8引擎详解

背景在现有的javascript引擎中,V8引擎绝对是其中的佼佼者,chrome和node底层都使用了V8引擎,其中chrome的市场占有率已经达到70%,而node更是前端工程化以及扩展边界的核心支柱,V8引擎对于一个前端开发工程师来说重要程度可想而知。我们大部分javascript开发者也许没有机会自己开发一个javascript引擎,但是学习V8引擎绝对是我们提升技术能力的重要途径,故专门查阅各种书籍和文章进行学习,整理出系列文章让我们一起学习进步。(本文为系列文章第一篇)什么是V8引擎jav

2020-07-22 09:11:55

reduce高级用法

reduce作为ES5新增的常规数组方法之一,对比forEach、filter和map,在实际使用上好像有些被忽略,发现身边的人极少用它,导致这个如此强大的方法被逐渐埋没。如果经常使用reduce,怎么可能放过如此好用的它呢!我还是得把他从尘土中取出来擦干净,奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。下面对reduce的语法进行简单说明,详情可查看MDN的reduce()的相关说明。01:代替map和filterconstarr=[0,1,2,3];/...

2020-07-21 21:33:54

React 是如何创建 vdom 和 fiber tree

前言本篇文章作为react源码分析与优化写作计划的第一篇,分析了react是如何创建vdom和fiber tree的。本篇文章通过阅读react 16.8及以上版本源码以及参考大量分析文章写作而成,react框架本身算法以及架构层也是不断的在优化,所以源码中存在很多legacy的方法,不过这并不影响我们对于react设计思想的学习和理解。阅读源码一定要带着目的性的去展开,这样就会减少过程中的枯燥感,而写作能够提炼和升华自己的学习和理解,这也是本篇以及后续文章的动力所在。如果写作的文章还能够帮助到其他

2020-07-21 19:37:01

webpack——从基础使用到手动实现

写到前面:故虽然我事前也查阅了许许多多的博客专栏书籍,但是由于很多教程都是几年以前的,其不少插件或loader均进行了升级迭代不再是以前的用法,其新的使用方法均需一个一个手动查询。如有误,望指教。感恩!❞写在开头 我想这些你应该事先知道1. webpack是干什么的,它如今在前端是一个什么样的地位这个其实不用多说了,如今的前端项目哪里还有用不到打包工具的呢,而webpack又作为打包工具中的王者我们又有什么理由不去搞明白它呢。2. commonjs与ES6 Module不应该了解吗..

2020-07-21 17:39:11

JS工具方法

1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) =>

2020-07-21 17:04:54

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。