- 博客(35)
- 收藏
- 关注
RSS订阅转载 这儿有20道大厂面试题等你查收
今年来，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。本文挑选了20道大厂面试题，建议在阅读时，先思考一番，不要直接看解析。尽管，本文所有的答案，都是我在翻阅各种资料，思考并验证之后，才给出的。但因水平有限，本人的答案未必是最优的，如果您有更好的答案，欢迎给我留言。如果有错误，也请在评论区指出，谢谢。本文篇幅较长，希望小...
2019-06-30 10:54:44
379
转载 Node.js + Express + MongoDB 实战 TodoList 基础入门
Node.js + Express + MongoDB 实战 TodoList 基础入门视频地址https://www.rails365.net b站常用链接express 官网 express 官网中文 express github Nodejs学习笔记以及经验总结看视频整理要点笔记:hello-express 1.介绍 2.请求与响应 3.路由参数 ...
2019-06-29 10:12:18
651
转载 利用webpack搭建脚手架一套完整流程
前言我们的目标是利用webpack搭建一个基于react + react-router +dva + es6 + less + antd用于中后台开发的脚手架，同学们可能会说社区里那么多优秀的脚手架为什么还要自己搭，而且网络上这类文章也非常的多，没有再重复写的必要，但是对我而言，分享也是再次学习的过程，只有自己动手实现一遍才会使印象更加深刻，总的来说基本秉持一个理念：在学习中分享，在分享中学习...
2019-06-28 09:32:52
3809
原创 async await promise try...catch
简单介绍下这几个的关系为方便起见 用以下代码为例简单介绍下这几个东西的关系，async function buildData(name) { try { let response1 = await axios.get('/api/user?name=' + name); let userInfo = response1.data; ...
2019-06-27 14:20:49
4253
原创 async/await 中的 try/catch
async/await 中的try/catches6中的async是异步编程的终极解决方案，近期学习了一下，相对于 generator 来说，具有更好的特性：内置执行器、更好的语义、更好的适用性，需要注意一点的是 await 后面是promise 对象或者原始类型的值。更有意思的是可以使用 try/catch 来捕获异步中出现的异常async/await中的 try/catch//...
2019-06-27 14:16:20
19205
转载 你要的Vue面试题都在这里。
1. Vue.js介绍Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API；Vue.js是一个构建数据驱动的Web界面的库。Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 ...
2019-06-27 10:22:51
960
转载 fiber
背景React15react核心思想：内存中维护一颗虚拟DOM树，数据变化时（setState），自动更新虚拟DOM，得到一颗新树，然后diff新老虚拟DOM树，找到有变化的部分，得到一个change(patch)，将这个patch加入队列，最终批量更新这些path到DOM中。简单说就是：diff + patch。react 执行render()和setState()进行渲染时主要有两...
2019-06-26 20:19:48
4775
转载 (译)Reacthooks：它不是一种魔法，只是一个数组——使用图表揭秘提案规则
原文地址：https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e译文：染陌 （Github）译文地址：https://github.com/answershuto/Blog转载请著名出处我是一名hooks API的忠实粉丝，然而它对你的使用会有一些奇怪的约束，所以我在本文中使用一个模型来...
2019-06-26 09:41:05
297
转载 (译)useHooks
原文：https://usehooks.com/useHooks简介Hooks是React 16.8新增的一项特性，可以让你在不使用class的情况下去使用state和React的其他功能。这篇文章提供了简单易懂的案例，帮助你去了解hooks如何使用，并且鼓励你在接下来的项目中去使用它。但是在此之前，请确保你已经看了hook的官方文档useEventListener如果你...
2019-06-26 09:40:02
516
转载 Vue面试高频考题解析
1. 对于MVVM的理解MVVM是 Model-View-ViewModel 的缩写Model: 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。我们可以把Model称为数据层，因为它仅仅关注数据本身，不关心任何行为View: 用户操作界面。当ViewModel对Model进行更新的时候，会通过数据绑定更新到ViewViewModel： 业务逻辑层，View需要什...
2019-06-25 10:34:26
1211
1
转载 使用hooks编写redux
最近有一个问题比较火，是在有了react hooks之后，我们还需要redux这种状态管理工具吗？个人的观点是：仍然需要。react hooks帮助我们更好的复用代码逻辑，但是对于复杂应用而言，仍然需要redux来管理数据流，并且redux跟hooks的配合能够更好解耦组件的逻辑。最近发布的react-redux@7.1.0-alpha提供了对react hooks的支持，使用hooks将会改变过...
2019-06-25 10:20:19
2179
转载 JavaScript高级技巧
本文简单介绍了一些 JavaScript 常用的高级技巧。1. 高级函数函数是 JavaScript 最有趣的部分之一，是 JavaScript 的一等公民。1.1 安全的类型检查functionisObject(value){returnObject.prototype.toString.call(value)==="[objectObject]";}...
2019-06-23 19:24:15
310
转载 Hooks API 在 Vue 中的实现分析
初次听到 React Hooks，是在其刚发布的那几天，网上铺天盖地的文章介绍它。看字面意思是 「React 钩子」，就想当然地理解应该是修改 React 组件的钩子吧。React 延伸的概念非常多，高阶组件、函数式、Render Props、Context、等等。又来了一个新概念，前端开发已经够复杂了！近两年一直用 Vue，觉得 React 相关的诸多特性，在 Vue 中也都有类似的解...
2019-06-23 15:48:02
942
转载 浅谈 React Fiber
2016 年都已经透露出来的概念，这都 9102 年了，我才开始写 Fiber 的文章，表示惭愧呀。不过现在好的是关于 Fiber 的资料已经很丰富了，在写文章的时候参考资料比较多，比较容易深刻的理解。React 作为我最喜欢的框架，没有之一，我愿意花很多时间来好好的学习他，我发现对于学习一门框架会有四种感受，刚开始没使用过，可能有一种很神奇的感觉；然后接触了，遇到了不熟悉的语法，感觉这是什么...
2019-06-23 15:45:04
6906
1
转载 React Native 版本九宫格转盘
本文将介绍从零开始实现一个 React Native 版本的九宫格抽奖转盘，先看最终效果图也可以直接使用react-native-super-lottery组件开发抽奖功能。一、布局布局很简单，我们可以采用flex 3行布局，也可以单行、配合flex-wrap子控件自动折行实现。直接上代码const LotteryStyle = StyleSheet.create({ ...
2019-06-23 15:32:51
415
原创 useHooks~小窍门
前言类似Hook的小宝藏，每个方法都有特定的用处，实例代码有点多。今日早读文章由腾讯@林林小辉翻译分享。正文从这开始～～Hooks是React 16.8新增的一项特性，可以让你在不使用class的情况下去使用state和React的其他功能。这篇文章提供了简单易懂的案例，帮助你去了解hooks如何使用，并且鼓励你在接下来的项目中去使用它。但是在此之前，请确保你已经看了hook的官方文档......
2019-06-20 09:31:34
4909
转载 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
719
转载 开发中常用的 25 个JavaScript 单行代码
下面为大家介绍我在开发中常用的30个JavaScript单行代码，没有特别的顺序。1.强制布尔值要将变量强制转换为布尔值而不更改其值：const myBoolean = !! myVariable;!!null // false!!undefined // false!!false // false!!ture // ture!!"" // false!!"string"...
2019-06-15 11:07:19
4294
9
转载 前端路由实现 history|hash
前言在技术的世界，没有奇迹，只有精妙的，令人咂舌的技术运用。 ---- 南方小菜语看到一句话，前端的革命性事件：ajax实现主动请求局部刷新，路由控制权的掌控；前者很好理解，后者越觉得很让人惊喜，以往自己开发项目的固态思维：后端服务器定义两类接口，页面跳转、数据返回； 前端获取数据并渲染页面，关注界面及用户体验； 再加上一些数据库加密避免http无状态而利用session等等blab...
2019-06-15 10:31:29
513
转载 JS之大循环
@JS之循环create by db on 2019-5-13 09:45:24Recently revised in 2019-5-14 14:47:50 Hello 小伙伴们，如果觉得本文还不错，麻烦点个赞或者给个 star，你们的赞和 star 是我前进的动力！GitHub 地址 查阅网上诸多资料，并结合自己的学习经验，写下这篇学习笔记，以记录自己的学习心得。现分享给大家，...
2019-06-15 10:28:12
307
转载 React Hooks + Context打造简易redux
Hook是React 16.8的新特性，它可以让在不编写class类组件的情况下使用state以及其他的React特性；而Context是React16.3版本里面引入新的Context API，在以往React版本中存在一个Context API，那是一个幕后试验性功能，官方提议避免使用,Redux的原理就是建立在旧的Context API。现在新的Context ApI提供了一个无需为每层组...
2019-06-14 16:00:48
1600
转载 react面试
yarn和npm的区别yarn的优点：速度快 并行安装 离线模式 安装版本统一 更简洁的输出 多注册来源处理 更好的语义化 zhuanlan.zhihu.com/p/27449990yarn.lockyarn.lock 会记录你安装的所有大大小小的软件包的具体版本号。只要你不删除 yarn.lock 文件，再次运行 yarn install 时，会根据其中记...
2019-06-13 22:38:39
293
转载 精读《Function Component 入门》
1. 引言如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。2. 精读什么是 Function Component？Function Component 就是以 Function 的形式创建的 Rea...
2019-06-13 20:16:13
1081
转载 观察者模式 vs 发布-订阅模式
我曾经在面试中被问道，_“观察者模式和发布订阅模式的有什么区别？” _我迅速回忆起“Head First设计模式”那本书：发布 + 订阅 = 观察者模式“我知道了，我知道了，别想骗我”我微笑着回答：“没有区别，它们是一样的。”但是面试官笑了，“不，它们不一样。”我当时的表情：所以是我错了吗？ 之后我回到家打开google查找答...
2019-06-13 19:18:18
168
转载 React16.8中关于children和render props的认知
一、组件的创建方式 1、使用createClass方式创建(已经被淘汰了) 2、类组件 import React, { Component } from 'react'export default class Components1 extends Component { render() { return <div /> }}复制代码 ...
2019-06-13 15:42:04
1070
转载 用惰性加载优化 React 程序
翻译：疯狂的技术宅原文：medium.freecodecamp.org/how-to-opti…惰性加载是一种优化 Web 应用和移动应用的旧技术。非常直截了当 —— 如果在某一时刻资源没有被查看或需要，就不要渲染它们。例如，如果我们有一个要显示的文章列表，开始时应该只渲染视口上的内容。这意味着其他元素将在以后按需呈现（当它们位于视口中或即将在视口上时）。为什...
2019-06-13 10:27:47
284
转载 React+Typescript 实现一个简单的豆瓣电影应用
作者: github.com/Yangfan2016源码: github.com/Yangfan2016…协议：MIT前言看掘金上有人写过 React 高仿的豆瓣电影，我也准备尝试一下，顺便试试 React 新的编写风格 react-hooks设计豆瓣电影主站的 UI 样式不是很好看（豆瓣，不要打我
2019-06-13 09:33:57
459
转载 Vue 实现前进刷新，后退不刷新的效果
更多文章需求一：在一个列表页中，第一次进入的时候，请求获取数据。点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。也就是说从其他页面进到列表页，需要刷新获取数据，从详情页返回到列表页时不要刷新。解决方案在App.vue设置： <keep-alive include="list"> <router-vie...
2019-06-13 09:21:40
569
转载 用 useContext + useReducer 替代 redux
Redux 毫无疑问是众多 React 项目首选的状态管理方案，但我觉得 Redux 的开发体验并不好。比如当你正在开发一个很复杂的功能，中途需要不断添加全局状态，每次添加都不得不重复如下步骤：去到管理 redux 的文件夹，思考把这个状态放到状态树的哪个位置，然后新建一个文件夹并命名 myFeature。 创建三个文件 my-feature/actions.js 、my-feature...
2019-06-13 09:20:39
2747
转载 重新学习 React (一) 生命周期，Fiber 调度和更新机制
前几天面试问道 react 的相关知识，对我打击比较大，感觉对 react 认识非常肤浅，所以在这里重新梳理一下，想想之前没有仔细思考过的东西。另外有说的不对的地方还请帮我指正一下，先谢谢各位啦。目录索引：重新学习 React (一) 生命周期，Fiber 调度和更新机制 重新学习 React (二) Diffing 算法及性能优化 重新学习 React (三) 深入理解 js...
2019-06-12 20:28:06
3427
2
转载 深入浅出 React Hooks
直播回放链接：云栖社区 (@x-cold)React Hooks 是什么？Hooks 顾名思义，字面意义上来说就是 React 钩子的概念。通过一个 case 我们对 React Hooks 先有一个第一印象。假设现在要实现一个计数器的组件。如果使用组件化的方式，我们需要做的事情相对更多一些，比如说声明 state，编写计数器的方法等，而且需要理解的概念可能更多...
2019-06-12 20:05:30
489
1
转载 webpack4的30个步骤打造优化到极致的react开发环境，如约而至
上一篇记录了一下webpack4使用的一些基础使用小技巧,确实没有想到能收获这么大的反响,还是非常感谢各位的错爱，没有看过的关于webpack4的14个知识点,童叟无欺这一篇文章将react和webpack4进行结合,集webpack的优势于一身,从0开始构建一个强大的react开发环境本篇所有代码线上代码react-webpack4-cook,翻译过来叫：webpack4和react的乱...
2019-06-12 14:04:30
595
转载 JS 数据类型，数据类型的判断，类型转换
参考文章：js 深拷贝 vs 浅拷贝 JavaScript 数据类型和数据结构 -- MDN InterviewMap -yck数据类型JS中分为七种数据类型，七种内置类型又分为两大类型：6种基本类型和Object1.基本类型基本类型主要是： Undefined、Boolean、String、Number、Null、Symbol(ECMAScript 6 新定义)；存放...
2019-06-12 10:02:26
153
转载 复习webpack4之如何编写loader
之前学习过webpack3的知识，但是webpack4升级后还是有很多变动的，所以这次重新整理一下webpack4的知识点，方便以后复习。这次学习webpack4不仅仅要会配置，记住核心API，最好还要理解一下webpack更深层次的知识，比如打包原理等等，所以可能会省略一些比较基础的内容，但是希望我可以通过此次学习掌握webpack，更好地应对以后的工作。1.编写入门级loader...
2019-06-06 09:35:27
562
转载 你必须知道的路由原理
hash路由利用hash实现路由切换<html lang="en"><head> <style> #root{ height: 200px; border: 1px solid red; } </style></head><body> &l...
2019-06-03 09:44:23
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人