- 博客(20)
- 收藏
- 关注
RSS订阅转载 前端 DSL 实践指南
前言近几年，前端社区中 DSL 这个词开始频繁出镜，这和环境的变化有很大关系：React、Vue、Angular 等现代框架的表现层设计往往和 DSL 有较强的关联，透过这些优秀作品我们可以得到一些实践指引。 前端相关语言的转编译工具链趋于成熟，如babel，postcss等工具可以帮助开发者以扩展插件的方式低成本地参与到语言构建流程中。 社区的解析器生成工具开始普及，如jiso...
2020-02-23 14:10:20
1532
转载 JavaScript实现DOM树的深度优先遍历和广度优先遍历
// 深度遍历function interator(node) { console.log(node); if (node.children.length) { for (var i = 0; i < node.children.length; i++) { interator(node.children[i]); ...
2020-02-23 10:32:57
557
转载 React Redux常见问题总结
react 部分为什么不能用数组下标来作为react组件中的key？react 使用diff算法，使用key来做同级比对。如果使用数组下标作为key，有以下情况：在数组头部或中部插入或删除元素：所有key对应的节点的值发生更改，进行重新渲染。造成性能损耗而如果使用数组中唯一值来作为key：不管是在何处插入或删除节点，其他key对应的节点的值未发生更改，只需插入或删除操作的数组节点。...
2020-02-23 10:31:12
506
1
转载 React Native 无限列表的优化与实践
导语本文介绍了在使用 React Native 开发过程中，如何对无限列表组件进行技术选型，如RecyclerListView组件对无限列表进行性能优化，如何解决无限列表与标签页搭配使用时的内存优化与手势重叠的问题，希望对大家有所启发。背景对于分类信息流形态的产品，用户通过左右滑动切换分类，通过不断上滑来浏览更多的信息。用标签页(Tabs)实现切换分类，用无限列表(List)实...
2020-02-23 09:44:19
1820
1
转载 React 自定义Hook的思想
阅读前提：希望你对react-hook的官方文档有几次阅读。下面我基本是拿了人家的代码直接过来自己执行。该骂看起来不难，重要的是人家的思路值得学习。 如果想看原味的请移步这里参考地址，仔细看完你会觉得太美了。下面的代码是封装类似于useHttp的自定义hook。useState基本使用方法import React, { useState } from 'react';funct...
2020-02-22 17:12:08
1256
转载 数据结构(八)之字典结构
如需转载, 请咨询作者, 并且注明出处.有任何问题, 可以关注我的微博: coderwhy, 或者添加我的微信: 372623326数组-集合-字典是几乎编程语言都会默认提供的数据类型.在JavaScript中默认提供了数组, 但没有提供集合和字典(ES6中增加了), 在上一章节中, 我们自己通过对象实现了一下集合.本章, 我们还是基于对象实现一下字典.一. 认识字典...
2020-02-11 11:30:36
319
转载 数据结构(七)之集合结构
如需转载, 请咨询作者, 并且注明出处.有任何问题, 可以关注我的微博: coderwhy, 或者添加我的微信: 372623326几乎每种编程语言中, 都有集合结构.集合比较常见的实现方式时哈希表(后续会学习), 我们这里来实现一个封装的集合类.一. 集合介绍我们先来简单认识一下集合的特点.集合的特点集合通常是由一组无序的, 不能重复的元素构成. 和数学中...
2020-02-11 11:24:30
850
转载 数据结构(六)之双向链表
如需转载, 请咨询作者, 并且注明出处.有任何问题, 可以关注我的微博: coderwhy, 或者添加我的微信: 372623326前一节的篇幅有些多了, 所以我们将双向链表放在这篇中介绍.一. 认识双向链表双向链表介绍 单向链表: 只能从头遍历到尾或者从尾遍历到头(一般从头到尾) 也就是链表相连的过程是单向的. 实现的原理是上一个链表中有一个指向下一个的引用....
2020-02-11 11:22:46
327
转载 数据结构(五)之链表结构
如需转载, 请咨询作者, 并且注明出处.有任何问题, 可以关注我的微博: coderwhy, 或者添加我的微信: 372623326链表和数组一样, 可以用于存储一系列的元素, 但是链表和数组的实现机制完全不同.这一章中, 我们就来学习一下另外一种非常常见的用于存储数据的线性结构: 链表.一. 认识链表我们先来认识一下链表, 看一下它大概的机制和原理, 以及和数组的对比...
2020-02-11 11:21:37
558
1
转载 数据结构(四)之队列结构
如需转载, 请咨询作者, 并且注明出处.有任何问题, 可以关注我的微博: coderwhy, 或者添加我的微信: 372623326我们已经学习了一种受限的线性结构: 栈结构. 并且已经知道这种受限的数据结构对于解决某些特定问题, 会有特别的效果.下面, 我们再来学习另外一个受限的数据结构: 队列. 它也是一种受限的线性结构.一. 认识队列我们也先来认识一下队列, 看看...
2020-02-11 11:02:24
392
转载 数据结构(三)之栈结构
如需转载, 请咨询作者, 并且注明出处.有任何问题, 可以关注我的微博: coderwhy, 或者添加我的微信: 372623326栈也是一种非常常见的数据结构, 并且在程序中的应用非常广泛.一. 认识栈结构我们先来简单认识一下栈结构, 它的特点和应用场景等.栈结构 数组 我们知道数组是一种线性结构, 并且可以在数组的任意位置插入和删除数据. 但是有时候...
2020-02-11 10:16:49
289
转载 数据结构(二)之数组结构
如需转载, 请咨询作者, 并且注明出处.有任何问题, 可以关注我的微博: coderwhy, 或者添加我的微信: 372623326几乎所有的编程语言都原生支持数组类型，因为数组是最简单的内存数据结构。数组通常情况下用于存储一系列同一种数据类型的值。但在JavaScript里，也可以在数组中保存不同类型的值。但我们还是要遵守最佳实践，别这么做（大多数语言都没这个能力）。一...
2020-02-11 09:49:11
304
转载 数据结构(一)之邂逅数据结构&算法
如需转载, 请咨询作者, 并且注明出处.有任何问题, 可以关注我的微博: coderwhy, 或者添加我的微信: 372623326可能你之前经常听说数据结构和算法, 但是不知道他们在讨论什么.因为似乎我们学习编程的过程中, 没有必要了解这些, 我只是在学习基本的语法/高级语法/做出界面效果/实现复杂的逻辑.数据结构和算法? 它是什么? 为什么它如此重要?一. 什么是数据...
2020-02-11 09:47:44
387
1
转载 Javascript算法和数据结构
什么是算法和数据结构 数据结构：计算机中存储和组织数据的方式 算法：解决办法的逻辑/操作 数组JS数组就是API的调用栈栈是受限的线性结构：（生活中类似于自助餐的托盘）只能在一端添加/删除元素（栈顶） 进入：进栈（压栈） 出去：出栈（退 栈） 函数调用栈 A调用B，B调C，C调D D,C,B,A的弹栈顺序 一个栈结构面试题 有6...
2020-02-11 09:37:53
868
1
转载 剑指 offer -- JavaScript 版
作者：faremax链接：https://www.nowcoder.com/discuss/49349来源：牛客网本文为8月牛客网《剑指 offer》刷题做得，现整理出来作为参考。虽然是算法题，但本文用 JavaScript 编写，看了《剑指 offer》以后发现很多问题处理的过程并不是最好的，所以本文仅供参考。以前全部代码 AC 通过，但即便是 AC 的代码也不见得就是最好的，比如...
2020-02-10 20:25:20
390
1
转载 一杯茶的时间，上手 Docker
写在前面的话很多朋友跟我们反馈说，“一杯茶”纯粹就是忽悠人，写那么长，怎么可能在一杯茶的时间内看完？实际上，“饮茶”的方式因人而异，不同的读者自有不同的节奏。你完全可以选择一目十行、甚至只浏览一下插图，几分钟的时间便能看完；也可以选择跟着我们一步一步动手实践，甚至在有些地方停下来思考一番，虽然需要花更多的时间，但是我们相信这份投入的时间一定是值得的。其次，我们想确认你是否是这篇文章的受众：...
2020-02-10 16:27:50
469
转载 Mac上搭建nginx教程
nginx的配置比较简单,主要分以下三步:1.安装Homebrew2.安装nginx3.验证结果1.安装Homebrew终端输入ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"大概过个二十分钟左右安装完成,其间提示输入密码,输入...
2020-02-09 15:03:34
379
转载 如何在Gihub上面精准搜索开源项目？
很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。相信看完这篇文章，你就可以学会如何精准地在GitHub搜索项目。开源项目的组成部分在讲清楚之前呢，我们先来了解一下一个开源项目有哪些组成部分：n...
2020-02-08 12:51:09
728
转载 React + Node.JS 巧妙实现后台管理系统の各种小技巧（前后端）
此后台系统是为了搭配我的另一个项目School-Partners学习伴侣微信小程序而开发的。是一个采用Taro多端框架开发的跨平台的小程序。感兴趣的可以看一下之前的文章这篇文章主要是分享一下在开发这个东东的时候，遇到的一些问题，以及一些技术的巧妙的方法分享给大家，如果对大家有帮助的话，请给我点赞一下给个star鼓励一下~无比感谢嘿嘿希望大佬们走过路过可以给个star鼓励一下~感激不尽...
2020-02-06 15:55:40
1618
原创 原生实现前端路由
在 Web SPA 中，前端路由描述的 URL 与 UI 之间的单向映射关系，即 URL 变化引起 UI 页面的更新（无需刷新页面）。核心问题上面我们提到，在前端路由中，当 URL 发生变化时，我们需要在不刷新页面的情况下，触发 UI 页面的更新。因此，在实现前端路由时，我们需要解决以下两个核心的问题。如何检测 URL 是否变化？ 如何改变 URL 却不引起页面刷新？我们可以从 H...
2020-02-05 08:26:08
752
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人