5 大灰狼的小绵羊哥哥

尚未进行身份认证

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

等级
博文 3k+
排名 61

React技术栈构建后台管理系统模版

之前一直开发的技术栈主要是VueJS相关,平时也有阅读React文档,但是没有把React相关技术栈串联起来,形成一个后台管理系统的模板。在学习的过程之中,基于React开发推荐的create-react-app脚手架搭建管理系统模板。开发依赖antd:"^3.19.1",axios:"^0.19.0",bizcharts:"^3.5.3",react:"^16.8.6...

2019-06-16 15:32:42

开发中常用的 25 个JavaScript 单行代码

下面为大家介绍我在开发中常用的30个JavaScript单行代码,没有特别的顺序。1.强制布尔值要将变量强制转换为布尔值而不更改其值:constmyBoolean=!!myVariable;!!null//false!!undefined//false!!false//false!!ture//ture!!""//false!!"string"...

2019-06-15 11:07:19

前端路由实现 history|hash

前言在技术的世界,没有奇迹,只有精妙的,令人咂舌的技术运用。----南方小菜语看到一句话,前端的革命性事件:ajax实现主动请求局部刷新,路由控制权的掌控;前者很好理解,后者越觉得很让人惊喜,以往自己开发项目的固态思维:后端服务器定义两类接口,页面跳转、数据返回; 前端获取数据并渲染页面,关注界面及用户体验; 再加上一些数据库加密避免http无状态而利用session等等blab...

2019-06-15 10:31:29

JS之大循环

@JS之循环createbydbon2019-5-1309:45:24Recentlyrevisedin2019-5-1414:47:50 Hello小伙伴们,如果觉得本文还不错,麻烦点个赞或者给个star,你们的赞和star是我前进的动力!GitHub地址 查阅网上诸多资料,并结合自己的学习经验,写下这篇学习笔记,以记录自己的学习心得。现分享给大家,...

2019-06-15 10:28:12

React Hooks + Context打造简易redux

Hook是React16.8的新特性,它可以让在不编写class类组件的情况下使用state以及其他的React特性;而Context是React16.3版本里面引入新的ContextAPI,在以往React版本中存在一个ContextAPI,那是一个幕后试验性功能,官方提议避免使用,Redux的原理就是建立在旧的ContextAPI。现在新的ContextApI提供了一个无需为每层组...

2019-06-14 16:00:48

react面试

yarn和npm的区别yarn的优点:速度快 并行安装 离线模式 安装版本统一 更简洁的输出 多注册来源处理 更好的语义化 zhuanlan.zhihu.com/p/27449990yarn.lockyarn.lock会记录你安装的所有大大小小的软件包的具体版本号。只要你不删除yarn.lock文件,再次运行yarninstall时,会根据其中记...

2019-06-13 22:38:39

精读《Function Component 入门》

1.引言如果你在使用React16,可以尝试FunctionComponent风格,享受更大的灵活性。但在尝试之前,最好先阅读本文,对FunctionComponent的思维模式有一个初步认识,防止因思维模式不同步造成的困扰。2.精读什么是FunctionComponent?FunctionComponent就是以Function的形式创建的Rea...

2019-06-13 20:16:13

观察者模式 vs 发布-订阅模式

我曾经在面试中被问道,_“观察者模式和发布订阅模式的有什么区别?”_我迅速回忆起“HeadFirst设计模式”那本书:发布+订阅=观察者模式“我知道了,我知道了,别想骗我”我微笑着回答:“没有区别,它们是一样的。”但是面试官笑了,“不,它们不一样。”我当时的表情:所以是我错了吗?之后我回到家打开google查找答...

2019-06-13 19:18:18

React16.8中关于children和render props的认知

一、组件的创建方式 1、使用createClass方式创建(已经被淘汰了) 2、类组件 importReact,{Component}from'react'exportdefaultclassComponents1extendsComponent{render(){return<div/>}}复制代码 ...

2019-06-13 15:42:04

用惰性加载优化 React 程序

翻译:疯狂的技术宅原文:medium.freecodecamp.org/how-to-opti…惰性加载是一种优化Web应用和移动应用的旧技术。非常直截了当——如果在某一时刻资源没有被查看或需要,就不要渲染它们。例如,如果我们有一个要显示的文章列表,开始时应该只渲染视口上的内容。这意味着其他元素将在以后按需呈现(当它们位于视口中或即将在视口上时)。为什...

2019-06-13 10:27:47

React+Typescript 实现一个简单的豆瓣电影应用

作者:github.com/Yangfan2016源码:github.com/Yangfan2016…协议:MIT前言看掘金上有人写过React高仿的豆瓣电影,我也准备尝试一下,顺便试试React新的编写风格react-hooks设计豆瓣电影主站的UI样式不是很好看(豆瓣,不要打我

2019-06-13 09:33:57

Vue 实现前进刷新,后退不刷新的效果

更多文章需求一:在一个列表页中,第一次进入的时候,请求获取数据。点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。解决方案在App.vue设置:<keep-aliveinclude="list"><router-vie...

2019-06-13 09:21:40

用 useContext + useReducer 替代 redux

Redux毫无疑问是众多React项目首选的状态管理方案,但我觉得Redux的开发体验并不好。比如当你正在开发一个很复杂的功能,中途需要不断添加全局状态,每次添加都不得不重复如下步骤:去到管理redux的文件夹,思考把这个状态放到状态树的哪个位置,然后新建一个文件夹并命名myFeature。 创建三个文件my-feature/actions.js、my-feature...

2019-06-13 09:20:39

重新学习 React (一) 生命周期,Fiber 调度和更新机制

前几天面试问道react的相关知识,对我打击比较大,感觉对react认识非常肤浅,所以在这里重新梳理一下,想想之前没有仔细思考过的东西。另外有说的不对的地方还请帮我指正一下,先谢谢各位啦。目录索引:重新学习React(一)生命周期,Fiber调度和更新机制 重新学习React(二)Diffing算法及性能优化 重新学习React(三)深入理解js...

2019-06-12 20:28:06

深入浅出 React Hooks

直播回放链接:云栖社区(@x-cold)ReactHooks是什么?Hooks顾名思义,字面意义上来说就是React钩子的概念。通过一个case我们对ReactHooks先有一个第一印象。假设现在要实现一个计数器的组件。如果使用组件化的方式,我们需要做的事情相对更多一些,比如说声明state,编写计数器的方法等,而且需要理解的概念可能更多...

2019-06-12 20:05:30

webpack4的30个步骤打造优化到极致的react开发环境,如约而至

上一篇记录了一下webpack4使用的一些基础使用小技巧,确实没有想到能收获这么大的反响,还是非常感谢各位的错爱,没有看过的关于webpack4的14个知识点,童叟无欺这一篇文章将react和webpack4进行结合,集webpack的优势于一身,从0开始构建一个强大的react开发环境本篇所有代码线上代码react-webpack4-cook,翻译过来叫:webpack4和react的乱...

2019-06-12 14:04:30

JS 数据类型,数据类型的判断,类型转换

参考文章:js深拷贝vs浅拷贝 Java​Script数据类型和数据结构--MDN InterviewMap-yck数据类型JS中分为七种数据类型,七种内置类型又分为两大类型:6种基本类型和Object1.基本类型基本类型主要是:Undefined、Boolean、String、Number、Null、Symbol(ECMAScript6新定义);存放...

2019-06-12 10:02:26

复习webpack4之如何编写loader

之前学习过webpack3的知识,但是webpack4升级后还是有很多变动的,所以这次重新整理一下webpack4的知识点,方便以后复习。这次学习webpack4不仅仅要会配置,记住核心API,最好还要理解一下webpack更深层次的知识,比如打包原理等等,所以可能会省略一些比较基础的内容,但是希望我可以通过此次学习掌握webpack,更好地应对以后的工作。1.编写入门级loader...

2019-06-06 09:35:27

你必须知道的路由原理

hash路由利用hash实现路由切换<htmllang="en"><head><style>#root{height:200px;border:1pxsolidred;}</style></head><body>&l...

2019-06-03 09:44:23

你要的 React 面试知识点,都在这了

摘要:问题很详细,插图很好看。原文:你要的React面试知识点,都在这了 作者:前端小智Fundebug经授权转载,版权归原作者所有。React是流行的javascript框架之一,在2019年及以后将会更加流行。React于2013年首次发布,多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。以下是面试前必须了解的话题。什么是声...

2019-05-31 09:41:15
奖章
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得