mb5ff590f157b0e的博客_原创

按发布时间
按阅读量
时间轴

全部2304篇
2021年581篇 11月8篇 10月149篇 09月150篇 08月128篇 07月51篇 06月5篇 05月2篇 04月6篇 03月3篇 02月4篇 01月75篇 2020年176篇 12月24篇 11月4篇 10月6篇 09月17篇 08月10篇 07月15篇 06月24篇 05月20篇 04月6篇 03月7篇 02月14篇 01月29篇 2019年264篇 12月5篇 11月26篇 10月50篇 09月19篇 08月20篇 07月16篇 06月21篇 05月20篇 04月15篇 03月26篇 02月7篇 01月39篇 2018年153篇 12月19篇 11月16篇 10月31篇 09月18篇 08月8篇 07月9篇 06月9篇 05月7篇 04月7篇 03月7篇 02月13篇 01月9篇 2017年228篇 12月6篇 11月10篇 10月8篇 09月11篇 08月18篇 07月22篇 06月28篇 05月39篇 04月35篇 03月19篇 02月17篇 01月15篇 2016年128篇 12月26篇 11月25篇 10月8篇 09月18篇 08月6篇 07月8篇 05月14篇 04月6篇 03月5篇 02月5篇 01月7篇 2015年131篇 12月5篇 11月9篇 10月24篇 09月8篇 08月11篇 07月14篇 06月9篇 05月9篇 04月6篇 03月23篇 02月6篇 01月7篇 2014年131篇 12月7篇 11月12篇 10月15篇 09月25篇 08月5篇 07月7篇 06月12篇 05月8篇 04月27篇 03月5篇 02月3篇 01月5篇 2013年199篇 12月11篇 11月3篇 10月19篇 09月17篇 08月34篇 07月36篇 06月26篇 05月19篇 04月12篇 03月11篇 02月8篇 01月3篇 2012年102篇 11月3篇 10月4篇 09月3篇 08月3篇 07月3篇 06月21篇 05月2篇 04月9篇 03月14篇 02月23篇 01月17篇 2011年72篇 12月15篇 11月12篇 10月3篇 09月4篇 08月11篇 07月13篇 06月1篇 05月3篇 04月2篇 03月6篇 02月2篇 2010年34篇 12月6篇 10月1篇 09月3篇 08月7篇 07月3篇 06月3篇 05月2篇 04月2篇 03月4篇 02月1篇 01月2篇 2009年34篇 12月6篇 11月2篇 09月1篇 08月2篇 07月2篇 06月1篇 05月1篇 02月5篇 01月14篇 2008年26篇 12月4篇 11月2篇 10月2篇 09月3篇 08月2篇 06月2篇 05月3篇 04月1篇 03月1篇 01月6篇 2007年41篇 12月23篇 10月1篇 08月1篇 07月8篇 06月5篇 05月1篇 03月2篇 2006年2篇 12月2篇 2005年1篇 12月1篇 2004年1篇 03月1篇
推荐
原创

全部原创转载翻译

初次见面，我是前端森林

你好，很高兴认识你～～今天是2019年12月14日，一个普通的不能再普通的周末。忙碌的工作日在周末短暂的空隙得以暂时停滞下来。从事前端开发大概有不到两年的时间，一直觉得前端很有趣，也最贴近用户的体验。可能很多不懂或者对前端一知半解的同学感觉前端只不过是‘切图仔’，写写页面就可以了，这个还真不是。前端现在能做的事情很多，无论是pc、h5、小程序、公众号还是桌面端应用，或者是专注与no

java

原创点赞0 阅读165 收藏0 评论0 2021-01-27

谁说前端不需要学习docker？

引言今天，是你去新公司入职的第一天。早上起了个大早，洗漱干净带着材料去新公司报道。签完合同到达工位，开机，泡一杯红糖枸杞（不要问我为什么，我也不知道。。。）。然后开始下载vscode、chrome、nodejs，配置NODE_PATH、cnpm、安装webpack、webpack-cli、@vue-cli、yarn、、、（此处省略1k+插件）。如果顺利的话，这个时候你应该已经准备下班了。当然，一般

java

原创点赞0 阅读92 收藏0 评论0 2021-01-27

webpack5快发布了，你还没用过4吗？

引言webpack5 预计会在 2020 年年初发布，之前从 alpha 版本就有关注，本次重点更新在长期缓存，tree shakking 和 es6 打包这块。具体变更可以参考https://github.com/webpack/changelog-v5/blob/master/README.md。webpack 是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打

java

原创点赞0 阅读359 收藏0 评论0 2021-01-27

useTypescript-React Hooks和TypeScript完全指南

引言React v16.8 引入了 Hooks，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。这些功能可以在应用程序中的各个组件之间使用，从而易于共享逻辑。Hook 令人兴奋并迅速被采用，React 团队甚至想象它们最终将替换类组件。以前在 React 中，共享逻辑的方法是通过高阶组件和 props 渲染。Hooks 提供了一种更简单方便的方法来重用代码并

java

原创点赞0 阅读206 收藏0 评论0 2021-01-27

优雅的在vue中使用TypeScript

引言近几年前端对 TypeScript 的呼声越来越高，Typescript 也成为了前端必备的技能。TypeScript 是 JS 类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的不足。在单独学习 TypeScript 时，你会感觉很多概念还是比较好理解的，但是和一些框架结合使用的话坑还是比较多的，例如使用 React、Vue 这些框架的时候与 TypeSc

java

原创点赞0 阅读98 收藏0 评论0 2021-01-27

滚动视差让你不相信“眼见为实”

引言视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果。其实，这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色的视觉体验，现在已经有数不胜数的网站应用了这项技术。我是在最近的项目中用到了这块，觉得有必要整理一下。本文主要是简单的介绍一下什么是视差滚动，实现方式以及如何在现有框架(vue/react)中

java

原创点赞0 阅读637 收藏0 评论0 2021-01-27

你不知道的npm

引言作为 node 自带的包管理器工具，在 nodejs 社区和 web 前端工程化领域发展日益庞大的背景下，npm已经成为每位前端开发同学必备的工具。每天，无数的开发人员使用npm来构建项目，npm init、npm install等方式几乎成为了构建项目的首选方式，但是大多数同学对于 npm 的使用却只停留在了npm install这里。（相信删除 node_modules 文件夹，重新执行

java

原创点赞0 阅读207 收藏0 评论0 2021-01-27

你可能已经忽略的git commit规范

引言在日常的开发工作中，我们通常使用 git 来管理代码，当我们对代码进行某项改动后，都可以通过 git commit 来对代码进行提交。git 规定提交时必须要写提交信息，作为改动说明，保存在 commit 历史中，方便回溯。规范的 log 不仅有助于他人 review, 还可以有效的输出 CHANGELOG，甚至对于项目的研发质量都有很大的提升。但是在日常工作中，大多数同学对于 log 信息都

java

原创点赞0 阅读633 收藏0 评论0 2021-01-27

Koa2+MongoDB+JWT实战--Restful API最佳实践

引言Web API 已经在最近几年变成重要的话题，一个干净的 API 设计对于后端系统是非常重要的。通常我们为 Web API 使用 RESTful 设计，REST 概念分离了 API 结构和逻辑资源，通过 Http 方法GET, DELETE, POST 和 PUT等来操作资源。本篇文章是结合我最近的一个项目，基于koa+mongodb+jwt来给大家讲述一下 RESTful API 的最佳实

java

原创点赞0 阅读129 收藏0 评论0 2021-01-27

Koa2+MongoDB+JWT实战--Restful API最佳实践

java

原创点赞0 阅读123 收藏0 评论0 2021-01-27

你真的了解mongoose吗？

引言继上篇文章「Koa2+MongoDB+JWT实战--Restful API最佳实践」后，收到许多小伙伴的反馈，表示自己对于mongoose不怎么了解，上手感觉有些难度，看官方文档又基本都是英文（宝宝心里苦，但宝宝不说）。为了让各位小伙伴快速上手，加深对于 mongoose 的了解，我特地结合之前的项目整理了一下关于 mongoose 的一些基础知识，这些对于实战都是很有用的。相信看了这篇文章，

java

原创点赞0 阅读401 收藏0 评论0 2021-01-27

好玩儿的css

引言其实很早就想写一篇关于 css 的文章了。（拖延症，一直没写。。。）css 发展到今天已经越来越强大了。其语法的日新月异，让很多以前完成不了的事情，现在可以非常轻松的做到。今天带大家看几个用css（部分会用到canvas和js）实现的好玩儿的效果（不好好琢磨下，还真写不出来）本篇文章有参考一些css大佬的杰作，具体参考链接在文末有提及超能陆战队-大白超能陆战队中的大白，相信你一定不陌生吧。影片

java

原创点赞0 阅读177 收藏0 评论0 2021-01-27

关于koa2，你不知道的事

引言什么是 koa？koa 是一个基于 node 实现的一个新的 web 框架，它是由 express 框架的原班人马打造。特点是优雅、简洁、表达力强、自由度高。和 express 相比，它是一个更轻量的 node 框架，因为它所有的功能都通过插件来实现，这种插拔式的架构设计模式，很符合 unix 哲学。本文从零开始，循序渐进的展示和详解上手 koa2 框架的几个最重要的概念，最后会串联讲解一下

java

原创点赞0 阅读168 收藏0 评论0 2021-01-27

「源码级回答」大厂高频Vue面试题（上）

写在前面（不看错过一个亿）最近一直在读Vue源码，也写了一系列的源码探秘文章。但，收到很多朋友的反馈都是：源码晦涩难懂，时常看着看着就不知道我在看什么了，感觉缺乏一点动力，如果你可以出点面试中会问到的源码相关的面试题，通过面试题去看源码，那就很棒棒。看到大家的反馈，我丝毫没有犹豫：安排！！我通过三篇文章整理了大厂面试中会经常问到的一些Vue面试题，通过源码角度去回答，抛弃纯概念型回答，相信一定会让

java

原创点赞0 阅读216 收藏0 评论0 2021-01-27

「源码级回答」大厂高频Vue面试题（中）

写在前面本篇是「源码级回答」大厂高频Vue面试题系列的第二篇，本篇也是选择了面试中经常会问到的一些经典面试题，从源码角度去分析。想从第一篇开始看的，地址在话不多说，干就完了！简述 Vue 中 diff 算法原理diff 简介diff 算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历，所以时间复杂度只有 O(n)。diff 算法的在很多场景下都有应用，例如在 Vue 虚拟 d

java

原创点赞0 阅读264 收藏0 评论0 2021-01-27

GitHub迎来重大变更：可以直接用vscode编码了！

GitHub在本周的Satellite 2020活动中宣布了一些新功能和更新，涵盖了云、协作、安全性等。与其他技术公司一样，由于COVID-19危机，微软拥有的代码托管平台已选择将其年度开发者活动移至在线，Satellite 2020也是GitHub本年度的首次虚拟会议。GitHub Codespaces这次活动最大的亮点是一个名为GitHub Codespaces的发布，该产品旨在使开发人员更轻

java

原创点赞0 阅读188 收藏0 评论0 2021-01-27

Chrome DevTools中的这些骚操作，你都知道吗？

引言作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。我整理了一些我平时用的比较多的一些调试小技巧，相信对提高的你的工作效率能起到不小的帮助！命令（Command）菜单 “命令”菜单是最最常用的，本文也会多次用到，所以这里先说一下打开方式:按Cmd + Shift + P（如果使用Window

java

原创点赞0 阅读208 收藏0 评论0 2021-01-27

JavaScript中的这些骚操作，你都知道吗？

引言写这篇文章的缘由是上周在公司前端团队的code review时，看了一个实习小哥哥的代码后，感觉一些刚入行不久的同学，对于真实项目中的一些js处理不是很熟练，缺乏一些技巧。因此整理了自己开发中常用的一些js技巧，灵活的运用，会增强你解决问题的能力，也会对你的代码简洁性有很大的改观。数组去重正常我们实现数组去重大多都是通过双层遍历或者indexOf的方式。双层for循环去重function

java

原创点赞0 阅读302 收藏0 评论0 2021-01-27

「面试必问」leetcode高频题精选

引言（文末有福利）算法一直是大厂前端面试常问的一块，而大家往往准备这方面的面试都是通过leetcode刷题。我特地整理了几道leetcode中「很有意思」而且非常「高频」的算法题目，分别给出了思路分析（带图解）和代码实现。认真仔细的阅读完本文，相信对于你在算法方面的面试一定会有不小的帮助！两数之和 ❝题目难度easy，涉及到的算法知识有数组、哈希表❞题目描述给定一个整数数组 nums 和一个目标

java

原创点赞0 阅读301 收藏0 评论0 2021-01-27

你可能不知道的15个有用的Github功能

引言我们平时的工作中，github是必不可少的代码托管平台，但是大多数同学也只是把它做为了托管代码的地方，并没有合理的去运用。其实github里面有非常多好玩或者有趣的地方的。当然，这些技巧也能对你的工作效率有很大的提升。我整理了一些自己平时用的比较多的一些功能/技巧，也希望能给你的工作带来一些帮助！Gist 可能很多人并没有听过Gist。它在github首页的子目录下：这是github提供的一

java

原创点赞0 阅读137 收藏0 评论0 2021-01-27

从 Element UI 源码的构建流程来看前端 UI 库设计

引言由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。结合框架Vue，我们选择在ElementUI基础上进行改造。但造轮子绝非易事，首先需要先去了解它整个但构建流程、目录设计等。本文通过分析ElementUI完整的构建流程，最后给出搭建一个完备的组件库需要做的一些工作，希望对于想了解Ele

java

原创点赞0 阅读842 收藏0 评论0 2021-01-27

聊一聊前端性能优化 CRP

什么是 CRP？CRP又称关键渲染路径，引用MDN对它的解释：❝关键渲染路径是指浏览器通过把 HTML、CSS 和 JavaScript 转化成屏幕上的像素的步骤顺序。优化关键渲染路径可以提高渲染性能。关键渲染路径包含了 Document Object Model (DOM)，CSS Object Model (CSSOM)，渲染树和布局。❞优化关键渲染路径可以提升首屏渲染时间。理解和优化关键渲染

java

原创点赞0 阅读70 收藏0 评论0 2021-01-27

你可能不知道的9条Webpack优化策略

引言webpack的打包优化一直是个老生常谈的话题，常规的无非就分块、拆包、压缩等。本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积，学会分析打包的瓶颈以及问题所在。本文演示代码，仓库地址:https://github.com/Jack-cool/webpack4(欢迎star啊)速度分析 webpack 有

java

原创点赞0 阅读218 收藏0 评论0 2021-01-27

那些前端开发必不可少的生产力工具

引言一些开源的生产力工具能极大的提升我们的开发效率（我一直是这么认为的）。今天推荐一些我一直在用的、比较香的工具给大家。其中包括一些文档、可视化工具、分析工具、代码片段、调试工具等。Collect UI Collect UI[1]画廊是一个免费的在线资源，用于每日UI设计灵感。目前，它有 6500 多个条目，并且持续保持更新最新内容。在边栏中，有做分类。包括 404 页面、登陆/登出、购物车、日

java

原创点赞0 阅读329 收藏0 评论0 2021-01-27

面试官：webpack原理都不会？

引言前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对webpack的内部原理有一个大概的了解。（保证能看懂，不懂你打我）webpack 构建流程分析首先，无须多言，上图～we

java

原创点赞0 阅读117 收藏0 评论0 2021-01-27

从图片裁剪来聊聊前端二进制

写在最前面（不看也不会少一个亿）最开始的一个小需求前两天项目中有个小需求：前端下载后台小哥返回的二进制流文件。起初接到这个需求时，我感觉这很简单啊（虽然我不会，但可以百度啊，，，，）然后就写出了如下的代码：let blob = new Blob([res.data]);let fileName = `Cosen.csv`;if (window.navigator.msSaveOrOpenBlob)

java

原创点赞0 阅读542 收藏0 评论0 2021-01-27

一文带你快速上手Rollup

前言项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前看vue源码，知道vue也是通过rollup打包的。这次又是开发类库的，于是就快速上手了rollup。本篇文章是我有了一定的项目实践后，回过来给大家分享一下如何从零快速上手rollup。什么是rollup？系统

java

原创点赞0 阅读341 收藏0 评论0 2021-01-27

那个男人他带着Vue3来了~

Vue 官方团队于 2020 年 9 月 18 日晚 11 点半左右发布了Vue3.0版本。代号为One Piece。其实Vue3.0版本发布的消息，我是昨天晚上刷朋友圈看到的（已经差不多凌晨 1 点了），然后我就立刻起来，打开电脑，看了一下github，把官方发布文档过了一遍。其实我感觉这次版本更新，最主要的还是Composition API以及对于TypeScript的支持，而且早在 4 月

java

原创点赞0 阅读117 收藏0 评论0 2021-01-27

万物皆可快速上手之Electron(第一弹)

最近在开发一款桌面端应用，用到了Electron和React。React作为日常使用比较频繁的框架，这里就不详细说明了，这里主要是想通过几篇文章让大家快速上手Electron以及与React完美融合。本篇是系列文章的第一篇，主要是给大家分享Electron的一些概念，让大家对Electron有一个初步的认知。先来了解一下什么是Electron吧，可能很多小伙伴还没有听过Electron，相信很多小

java

原创点赞0 阅读166 收藏0 评论0 2021-01-27

官方Element Plus for Vue 3.0 Beta 版本今天发布了！

今天， Element Plus for Vue 3.0 Beta 版本正式发布了！对，就是那个被外界传言不再维护的Element UI！Element Plus for Vue 3.0 是一个使用 TypeScript + Composition API 重构的全新项目。官方团队几乎重写了每一行代码，用最Vue 3的方式呈现了最完美的Element，主要有：使用 TypeScript 开发，提

java

原创点赞0 阅读440 收藏0 评论0 2021-01-27

首页
1
2
共55条记录

官方博客	意见反馈	了解我们	全部文章
在线客服	网站地图	热门标签

51CTO博客

mb5ff590f157b0e的博客