3 蓝色的秋风

尚未进行身份认证

分享是一种态度,帮助是一种品质,码字是一种快乐。

等级
TA的排名 3w+

函数式编程看React Hooks(二)事件绑定副作用深度剖析

函数式编程看ReactHooks(一)简单ReactHooks实现函数式编程看ReactHooks(二)事件绑定副作用深度剖析本教程不讲解ReactHooks的源码,只用最简单的方式来揭示ReactHooks的原理和思想。(我希望你看本文时,已经看过了上面一篇文章,因为本文会基于你已经了解部分hooks本质的前提下而展开的。例如你懂得hooks维护的状态其实是一个由...

2019-10-12 17:20:16

函数式编程看React Hooks(一)简单React Hooks实现

函数式编程看ReactHooks(一)简单ReactHooks实现函数式编程看ReactHooks(二)事件绑定副作用深度剖析前言函数式编程介绍(摘自基维百科)函数式编程(英语:functionalprogramming)或称函数程序设计、泛函编程,是一种编程范式,它将计算机运算视为函数运算,并且避免使用程序状态以及易变对象。其中,λ演算(lambdacalculus)为该语言...

2019-10-12 17:17:55

在 vscode 中写 Markdown 如何装X

之前写md文档都是用的Typora,这款编辑器很简洁方便,但是在处理图片的时候有点蛋疼,当然你可以用付费插件自动上传,但是秉着勤俭节约的特质,我就逛了逛了其他方案。然后发现其实用vscode写Markdown也非常爽啊。主题插件这一步其实很重要,毕竟写文章,一方面是写的好,另一方面是排版好看清楚,可以说Github主题的md渲染方式是个人最喜欢的了,简洁清爽又不失专业...

2019-01-22 23:24:43

Node+Websocket之消息未读功能实战

前言https://github.com/hua1995116/webchat这个项目本来是我学生时代为了找工作的一个练手项目,但是没想到受到了很多的关注,star也快要破K了,这也激励着我不断去完善他,一方面是得对得起关注学习的人,另一方面也是想让自己能过通过慢慢完善一个项目来让自己提高。今天给大家带来的是基于Websocket+Node+Redis未读消息功能,可能更加偏向于实战方向,...

2018-11-19 12:32:17

对症下药,快速下载github单个文件夹

瞎扯淡的前言前几日遇到一个比较麻烦的事情,刚好周末有时间,不知道大家是否和我一样,在github阅读源码的时候,只想看他的src目录,当然在github上面阅读非常的麻烦,各种快捷都用不了,函数跳转,全局搜索….等等。但是。。。关键来了,很有源码整个项目都非常的大,介于github网速不好的情况下,我都得等好久才把资源下载下来,但是我只需要看某个文件夹,这不是资源的浪费吗?而且非常影响自己...

2018-07-15 15:43:31

教你如何打造出一个前端可视化监控系统

还记得在我上一家公司中,某一大佬做了一个监控系统,牛逼哄哄,挺想研究他到底是怎么搞出来的。当然我们也不是拍拍脑袋干活的人,总不能人家咋干我们就咋干。下面先就介绍下,这样的平台到底有啥好处。背景首先我们为什么要做前端系统呢,先看下面这张表,可以很显然的看出,前端的性能对于产品的价值提升还是蛮有帮助的,但是这些信息如果我们能实时的采集到,并且实施以监控,让整个产品在产品线上一直保持高效的运作,这才是我们

2017-12-18 10:44:41

2018前端校招总结(拿到网易,美团offer)

引言可以说自己从找工作是从今年的3月份开始的,面试一直拉锯到现在,整整8个月,拿到了美团,网易,51信用卡,有赞的offer。面试的公司也不计其数,数了下知名的大概有,阿里巴巴,网易,网易游戏,美团,京东,有赞,51信用卡等。最终也拿到了满意的offe,校招已经告一段落。现在细细总结下面试的经验。原文链接http://localhost:8000/html/2017-11-17.html网易一面一面

2017-11-18 15:14:55

教你如何搭建一个自动化构建的博客

前言记得在1年之前搭建了一个个人主页的博客,但是当时功力尚浅,每次写博客,都是自己手动写html,这样会变得非常的繁琐,现在很多人用主流的wordpress,hexo之类的快速搭建一个平台,那些工具确实方便,但是对于主题以及一些额外的排版,就显得非常的麻烦,本文致力于教你如何搭建一个个性化,并且自动化构建的博客。开始完成后的博客展示:http://yifenghua.win/github地址:h

2017-11-03 16:03:38

vue-chat项目之重构与体验优化

前言vue-chat也就是我的几个月之前写的一个基于vue的实时聊天项目,到目前为止已经快满400star了,注册量也已经超过了1700+,消息量达2000+,由于一直在实习,没有时间对它频繁地更新,趁着这个国庆,对他进行了一次重构,希望我的经验对大家有帮助。有宝贵的意见请在issue提给我。旧版本:https://github.com/hua1995116/webchat/tree/v1

2017-10-04 22:11:32

阿里云linux服务器配置(node环境)

前言今天看到了阿里云上有这个活动我就顺势买了一台阿里云的服务器,之前买了一台windowsserver的,这次就试试这个linux的。其实发现只要你对linux熟悉,配置还是比较容易的。我选择的是CentOS7.364位的。配置环境为了方便,我在服务器上装的是node环境node环境配置可以查看,帮助文档这里我就不展开讲了。当我把环境配置好后,通过服务器给定的外网+端口,进行访问,

2017-09-30 14:31:54

vue父子组件&继承组件的生命周期以及应用

父子组件的生命周期顺序今天在做项目时候,发现了一个问题,那就是父子组件的执行顺序问题,在我印象里,肯定是先执行父组件的生命周期,再执行子组件的生命周期,但其实并不是这样的。我们来看代码:我们先用vue-cli搭建一个项目。(用什么搭建并不重要,我这里为了快速模拟就偷懒不自己配置webpack了)父组件:app.vue<template><divid="app"><hello>

2017-09-18 22:48:06

debounce与throttle实现与原理

前言前端时间在面试中,面试官让我写一个关于input输入框,并且实时搜索的问题,我就当然用keyup事件来写,写完面试官还是挺满意的。又问我一个问题,如何减少每次输入频繁请求的性能开销。这个我就犯难了。事后,我百度了下,查到了throttle(节流)和debounce(去抖)。我还百度到,这些事件的运用场景:鼠标事件:mousemove(拖曳)/mouseover(划过)/mouseWheel

2017-07-22 20:27:40

前端学习历程

前言还记得刚接触前端应该是两年前了吧。我就顺着回忆,慢慢写下我对前端的学习路程以及一些资源。初入坑html/css基础这个是学习前端最基础的部分了。一开始看的是W3cschool,先看其中的html和css基础部分,一些常用标签,以及css中的盒子模型,定位的几种方式,几种选择器。我大概花了一周左右的时间学习。然后便开始做练手项目,比如你先模仿百度首页,学会之后再模仿天猫或者是京东首页,具体看个人喜

2017-07-16 17:55:31

vue-mixins一些常用方法

前言今天接手公司的一个vue的项目,发现项目中有个mixins属性,我发现之前的项目中都没有发现过这个属性。查阅了官方文档并进行了总结。官方文档:mixinsvue-mixins与父子组件还是有很大的区别的。组件与mixins区别组件:父组件+子组件>>>父组件+子组件mixins:父组件+子组件>>>new父组件使用方法

2017-07-12 10:39:53

vue+websocket+express+mongodb实战项目(实时聊天)(二)

原项目地址:http://blog.csdn.net/blueblueskyhua/article/details/70807847github地址:https://github.com/hua1995116/webchat在线演示地址:http://www.qiufengh.com:8081/#/在原项目(vue+websocket+express+mongodb实战项目(实时聊天)(一

2017-06-14 18:13:14

axios上传formdata失败以及nodejs接受formdata失败

axios上传formdata失败以及nodejs接受formdata失败今天用nodejs写一个上传图片的功能,因为这个功能是用在vue中的。我首先在nodejs服务器上用jquery的ajax写好了这个功能,可是移植到vue中却出现了问题。下面来说下,关于formdata一些坑。客户端用jquey的ajax上传时,需要加上这句,防止formdata被序列化用axios上传时。需要加

2017-06-13 14:43:28

你不知道的javascript之Object.create 和new区别

博客原文地址:http://blog.csdn.net/blueblueskyhua/article/details/73135938前几天有碰到原型的问题。之前以为自己对原型还是有所了解,但是细细研究,发现自己对原型的理解还是太年轻了。Object.create和new创建对象的方式,我以我碰到的两种创建方式,Object.create和new来说明varBas...

2017-06-12 20:33:31

二叉树之重建(js)

二叉树之重建输入一颗二叉树的先序遍历和中序遍历,输出它的后序遍历。输入:DBACEGFABCDEFGBCADCBAD输出:ACBFGEDCDABvarroot={value:null,left:null,right:null};functionbuild(root,s1,s2){if(s1.length===

2017-06-11 17:09:21

排序算法之堆排序(js)

排序算法之堆排序varfloor=Math.floor;varH={1:9,2:8,3:7,4:6,5:5,6:4,7:3,8:2,9:1};//向上funct

2017-06-11 12:56:28

二叉树之小球下落问题(js)

有一棵二叉树,最大深度为D,且所有叶子的深度都相同。所有结点从上到下从左到右编号为1,2,3,…,2^D-1。在结点1处放一个小球,它会往下落。每个内结点上都有一个开关,初始全部关闭,当每次有小球落到一个开关上时,它的状态都会改变。当小球到达一个内结点时,如果该结点上的开关关闭,则往左走,否则往右走,知道走到叶子结点,如图。一些小球从结点1处开始下落,最后一个小球将会落到哪里呢,输入叶子深度D和

2017-06-11 12:30:25

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。