我也要用- 博客(61)
- 资源 (3)
- 论坛 (3)
- 问答 (2)
RSS订阅
原创 一文带你层层解锁「文件下载」的奥秘
大家好我是秋风，今天带来的主题是关于文件下载，在我之前曾经发过一篇文件上传的文章（一文了解文件上传全过程（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
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
css实现三列布局(不用css3)
2017-06-06
css3的animation的animation-play-state问题
2016-08-05