自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(61)
  • 资源 (3)
  • 论坛 (3)
  • 问答 (2)

原创 一文带你层层解锁「文件下载」的奥秘

大家好我是秋风,今天带来的主题是关于文件下载,在我之前曾经发过一篇文件上传的文章(一文了解文件上传全过程(1.8w字深度解析,进阶必备 200+点赞),反响还不错,时隔多日,由于最近有研究一些媒体相关的工作,因此打算对下载做一个整理,因此他的兄弟篇诞生了,带你领略文件下载的奥秘。本文会花费你较长的时间阅读,建议先收藏/点赞,然后查看你感兴趣的部分,平时也可以充当当做字典的效果来查询。???? 不整不知道,一整,居然整出这么多情况,我只是想简单地做个页面仔。前言一图览全文,可以先看看大纲适不适合自己,如

2020-09-01 14:05:31 205

原创 10 种跨域解决方案(附终极方案)

写在前面嗯。又来了,又说到跨域了,这是一个老生常谈的话题,以前我觉得这种基础文章没有什么好写的,会想着你去了解底层啊,不是很简单吗。但是最近在开发一个 vscode 插件 发现,当你刚入门一样东西的时候,你不会想这么多,因为你对他不熟悉,当你遇到不会的东西,你就是想先找到解决方案,然后通过这个解决方案再去深入理解。就比如跨域,新人或者刚接触的人对它并不是那么熟悉,所以说列出一些自己积累的方案,以...

2020-04-14 10:33:36 448

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

译文来自 https://dev.to/syakirurahman/react-conditional-rendering-best-practices-with-7-different...

2020-08-23 09:56:00 226

原创 听说你还不知道Promise的allSettled()和all()的区别?

译文来自 https://dev.to/viclafouch/promise-allsettled-vs-promise-all-in-javascript-4mle原作者 Victor...

2020-08-19 08:30:00 148

原创 用了这 7 个 VS Code 插件,想写一辈子代码

0. 往期精彩工具推荐Chrome DevTools中的这些骚操作,你都知道吗?在 vscode 中写 Markdown 如何装X11个前端开发者必备的网站CodePen vue SFC...

2020-08-16 13:13:20 77

原创 React Hooks中这样写HTTP请求可以避免内存泄漏

译文来自 https://dev.to/somedood/best-practices-for-es2017-asynchronous-functions-async-await-39j...

2020-08-12 08:30:00 92

原创 ES2017 异步函数的最佳实践(`async` /`await`)

译文来自 https://dev.to/somedood/best-practices-for-es2017-asynchronous-functions-async-await-39j...

2020-08-07 08:20:00 65

原创 图解 webpack(模块化 - CommonJS)

在前面一篇文章中《模块化系列》彻底理清 AMD,CommonJS,CDM,UMD,ES6我们可以学到了各种模块化的机制。那么接下里我们就来分析一下 webpack 的模块化机制。(主要...

2020-06-28 09:10:00 59

原创 [重拾CSS]一道面试题来看伪元素、包含块和高度坍塌

前言前几天某个群友在群里问了一道面试题,就是关于一个自适应的正方形布局的困惑,先贴上代码。我其实很长一段时间没有写 CSS 了,对于里面的一些细节也比较模糊了,因此决定重拾 CSS,来重...

2020-05-20 08:33:00 129

原创 Node和浏览器文件上传全过程(进阶必备)

前言平常在写业务的时候常常会用的到的是 GET, POST请求去请求接口,GET 相关的接口会比较容易基本不会出错,而对于 POST中常用的 表单提交,JSON提交也比较容易,但是对于文件上传呢?大家可能对这个步骤会比较害怕,因为可能大家对它并不是怎么熟悉,而浏览器Network对它也没有详细的进行记录,因此它成为了我们心中的一根刺,我们老是无法确定,关于文件上传到底是我写的有问题呢?还是后端有...

2020-04-06 17:03:20 135

原创 专为程序员定制的垃圾清理工具(Node Cli实现)

前言1584517625611就是这个恶毒的提示,太让我烦恼了,一开始我用了腾讯的 lemon 清理工具,但是发现他并不能很好地解决我的问题,没有办法完全找出我的缓存文件。由于本人是 2...

2020-03-30 10:14:50 80

原创 一文了解文件上传全过程(1.8w字深度解析,进阶必备)

前言平常在写业务的时候常常会用的到的是 GET, POST请求去请求接口,GET 相关的接口会比较容易基本不会出错,而对于 POST中常用的 表单提交,JSON提交也比较容易,但是对于文...

2020-03-30 10:14:50 29

原创 《模块化系列》snowpack,提高10倍打包速度。

引言前几天听一个朋友说到snowpack, 便去去看了下这个包是干什么的,看了下官网,发现这个东西还是蛮有意思的。号称无需打包工具(Webpack,Parcel)便能将代码结果实时展...

2020-02-19 11:18:34 123

原创 《模块化系列》彻底理清 AMD,CommonJS,CDM,UMD,ES6

本文你将学到:1.Rollup 是什么2.CommonJS、AMD、CMD、UMD、ES6 分别的介绍3.ES6 模块与 CommonJS 模块的区别4.模块演进的产物 —— Tree ...

2020-02-17 11:49:56 52

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

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

2019-10-12 17:22:02 398

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

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

2019-10-12 17:21:24 264

原创 一个免费功能强大的谷歌翻译api

点击上方“秋风的笔记”关注我们分享一个免费且功能强大谷歌翻译api,具有以下方式:批量翻译免费无限制快速可靠,和 translate.google.com 相同源浏览器插件/node/...

2019-09-07 10:24:26 448

原创 急速 debug 实战二(浏览器 - 调试线上篇)

点击上方“秋风的笔记”关注我们本教程共三篇。1.急速 debug 实战一 (浏览器 - 基础篇)2.急速 debug 实战二 (浏览器 - 线上篇)3.急速 debug 实战三 (No...

2019-02-19 10:57:14 30

原创 急速 debug 实战一(浏览器-基础篇)

点击上方“秋风的笔记”关注我们前言工欲善其事,必先利其器。最近在写代码的时候越发觉得不是代码有多难,而是当代码出了问题该如何调试,如何追溯本源,这才是最难的。响应这个要求,我决定写一个...

2019-02-19 10:57:14 42

原创 [译] Object.assign 和 Object Spread 之争, 用谁?

点击上方“秋风的笔记”关注我们原文链接 http://thecodebarbarian.com/object-assign-vs-object-spread.html在 2018 年 ...

2019-02-08 22:05:30 89

原创 在 vscode 中写 Markdown 如何装X

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

2019-01-22 23:24:43 1236

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

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

2018-11-19 12:32:17 2261 1

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

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

2018-07-15 15:43:31 801

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

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

2017-12-18 10:44:41 10832 2

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

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

2017-11-18 15:14:55 9307 3

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

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

2017-11-03 16:03:38 564 1

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

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

2017-10-04 22:11:32 2600

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

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

2017-09-30 14:31:54 1859

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

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

2017-09-18 22:48:06 10882

原创 debounce与throttle实现与原理

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

2017-07-22 20:27:40 2054

原创 前端学习历程

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

2017-07-16 17:55:31 1729 4

原创 vue-mixins一些常用方法

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

2017-07-12 10:39:53 3947

原创 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 6141 2

原创 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 6949 3

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

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

2017-06-12 20:33:31 32378 33

原创 二叉树之重建(js)

二叉树之重建输入一颗二叉树的先序遍历和中序遍历,输出它的后序遍历。 输入: DBACEGF ABCDEFG BCAD CBAD 输出: ACBFGED CDAB var root = {value: null, left: null, right: null}; function build(root, s1, s2) { if (s1.length ===

2017-06-11 17:09:21 774

原创 排序算法之堆排序(js)

排序算法之堆排序 var floor = Math.floor; var H = { 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 411

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

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

2017-06-11 12:30:25 502

原创 二叉树之层次遍历(js)

js实现二叉树层次遍历输入一棵二叉树,你的任务是从上到下,从左到右的顺序输出各个结点的值。每个结点都是按照从根节点到它移动序列给出(L表示左,R表示右)。在输入中,每个结点的左右括号之间没有空格,相邻节点之间用一个空格隔开。 输入:(11,LL)(7,LLL)(8,R)(5,)(4,L)(13,RL)(2,LLR)(1,RRR)(4,RR)输出:5 4 8 11 13 4 7 2 1思路:先建立一

2017-06-10 22:12:34 4286

原创 手把手教你多页面递归爬虫--基于Node.Js

前言前端时间再回顾了一下node.js,于是顺势做了一个爬虫来加深自己对node的理解。 主要用的到是request,cheerio,async三个模块 request 用于请求地址和快速下载图片流。 https://github.com/request/request cheerio 为服务器特别定制的,快速、灵活、实施的jQuery核心实现. 便于解析html代码。 https:

2017-05-29 17:20:33 2602

Git-Pro.pdf

什么是“版本控制”?我为什么要关心它呢?版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定 版本修订情况的系统。在本书所展示的例子中,我们对保存着软件源代码的文件作版本控制,但实际上,你可以 对任何类型的文件进行版本控制。

2017-12-08

鸟哥的Linux私房菜-基础学习篇(第四版)高清完整书签PDF版.pdf

这本书的所有内容是学习Linux的基础,这些内容是基础中的基础,如果您能将其中的文字都 看完并且消化过,那么未来在管理 Linux主机以及架设网站方面,就能够达到“事半功倍”的成 效,请不要忽略这些内容了!否则,再怎么讨论都是枉然的啦!^_^。 Linux的资料非常的 多,每份资料 此的相关性都很强,要单独的一项一项讲解并不容易, 那么这本书件该怎么 看呢?建议先按照顺序将内容大致浏览过一次,看不懂的地方也可以先略过不要紧。 全部看 完之后,再从头开始“仔细”的实际操作过一遍,那应该就能够进入Linux的世界 ~

2017-09-29

移动端相册切换效果

2016-12-06

js 中属性名称数字和字符串问题。

发表于 2017-06-12 最后回复 2017-06-17

js如何判断某个类是从另一个类继承过来的

发表于 2017-06-06 最后回复 2017-06-11

关于js生成随机数。

发表于 2017-05-30 最后回复 2017-06-03

提示
确定要删除当前文章?
取消 删除