半路出家老菜鸟

小白也能看懂的H5 Canvas

MudOnTire 1月23日发布
3 收藏

Canvas是常见的前端技术，但是由于API众多，使用复杂，且对程序员的数学功底、空间想象能力乃至审美都有一定要求，所以真正擅长canvas的前端并不多，但并不代表大家就学不好canvas。我在此将常用的canvas使用场景...

阿里云OSS文件上传（分片上传、断点续传）前后端实现

MudOnTire 2019-11-11 发布
4 收藏

出于账号安全的考虑，前端使用 OSS 服务需要走临时授权，即拿一个临时凭证（STS Token）去调用 aliyun-oss SDK。关于临时授权请参考：RAM 和 STS 介绍，RAM 子账号，STS 临时授权访问 OSS。

提高生产力的VSCode快捷键

MudOnTire 2019-11-04 发布
3 收藏

一、打开/查看 1. 打开命令托盘 {代码...} 2. 打开 Settings {代码...} 3. 关闭当前 Tab/Window {代码...} 如果没有 Tab 打开，则关闭当前 Window 4. 打开/关闭命令行 {代码...} 5. 打开/关闭侧边栏 {代码...} 6....

前端转Flutter - 对照Javascript学Dart

MudOnTire 2019-10-14 发布
13 收藏

最近在学flutter，发现flutter的编程语言Dart和Javascript有诸多相似，对于前端开发者而已好处在于有JavaScript经验学习Dart会快一些，缺点在于容易搞混这两种语言。因此在学习的过程中记录了一下Javascript和Dar...

十分钟实现短链接服务（Node + Express + MongoDB）

MudOnTire 2019-08-21 发布
6 收藏

短链接我们或多或少都使用过，所谓短链接就是根据较长的原链接url生成一段较短的链接，访问短链接可以跳转到对应的原链接，这样做好处在于：1. url更加美观；2. 便于保存和传播；3. 某些网站内容发布有字数限制，...

常见数据结构和Javascript实现总结

MudOnTire 2019-08-08 发布
60 收藏

做前端的同学不少都是自学成才或者半路出家，计算机基础的知识比较薄弱，尤其是数据结构和算法这块，所以今天整理了一下常见的数据结构和对应的Javascript的实现，希望能帮助大家完善这方面的知识体系。

CSS实现8种炫酷按钮

MudOnTire 2019-08-01 发布
21 收藏

在各种UI组件库大行其道的今天，大家已经很少自己用CSS去实现一些效果了，久而久之CSS的水平也越来越退步，所以有空还是得练练。今天给大家分享8种炫酷按钮的CSS实现。

原生JS快速实现拖放（drag and drop）效果

MudOnTire 2019-06-22 发布
50 收藏

拖放是很常见的一种交互效果，很多时候我们都会借助于第三方的控件来实现，其实用原生js实现起来也非常的方便。接下来我们就用原生js和css快速实现这样的拖放效果：

201

实用Javascript调试技巧分享

MudOnTire 2019-06-14 发布
132 收藏

见过太多同学调试Javascript只会用简单的console.log甚至alert，看着真为他们捉鸡。。因为大多数同学追求优雅而高效地写代码，却忽略了如何优雅而高效地调试代码，不得不说是有点“偏科”了。下面我就分享一些实用...

PWA入门：手把手教你制作一个PWA应用

MudOnTire 2019-06-07 发布
42 收藏

Web前端的同学是否想过学习app开发，以弥补自己移动端能力的不足？但在面对一众的选择时很多同学略感迷茫，是学习ios还是android开发？是学习原生开发、混合开发（比如：Ionic)，还是使用react native或者flutter...

153

还学不会webpack？看这篇！

MudOnTire 2019-05-27 发布
125 收藏

Webpack已经流行好久了，但很多同学使用webpack时还是一头雾水，一下看到那么多文档、各种配置、各种loader、plugin立马就晕头转向了。我也不例外，以至于很长一段时间对webpack都是一知半解的状态。但是想要继续...

293

还不会正则表达式？看这篇！

MudOnTire 2019-03-13 发布
228 收藏

正则表达式是很多程序员，甚至是一些有了多年经验的开发者薄弱的一项技能。大家都很多时候都会觉得正则表达式难记、难学、难用，但不可否认的是正则表达式是一项很重要的技能，所有我将学习和使用正则表达式时的...

201

七个你没用过的炫酷开发工具推荐

MudOnTire 2019-02-13 发布
150 收藏

本文翻译整理自youtube 7 Amazing Developer Tools that you're not using yet 1. BundlePhobia BundlePhobia用于分析npm package的依赖、bundle后的大小、下载速度预估等等，帮助你在引用一个package之前了解引...

Javascript异步编程：Callback、Promise、Generator

MudOnTire 2019-02-07 发布
15 收藏

了解javascript的同学想必对同步和异步的概念应该都很熟悉了，如果还有不熟悉的同学，我这里举个形象的例子，比如我们早上起床后要干三件事：烧水、洗脸、吃早饭，同步相当于我们先烧水，水烧开了再洗脸，洗完脸...

聊一聊CSS中的长度单位

MudOnTire 2019-01-15 发布
14 收藏

CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）...

GraphQL 入门详解

MudOnTire 2019-01-04 发布
36 收藏

传统的api调用一般获取到的是后端组装好的一个完整对象，而前端可能只需要用其中的某些字段，大部分数据的查询和传输工作都浪费了。graphQL提供一种全新数据查询方式，可以只获取需要的数据，使api调用更灵活、高...

分享10个免费H5模版（主题）资源网站

MudOnTire 2019-01-02 发布
18 收藏

并非所有程序员都是伟大的设计师（实际上我认识的大部分程序员审美都很要命）。所以即使你心血来潮想为自己开发的网站做一把设计，但显然并不是所有用户想为此付钱。。所以在找不到靠谱的美工的时候，还是老老实...

280

2019 简易Web开发指南

MudOnTire 2018-12-26 发布
204 收藏

2019年即将到来，各位同学2018年辛苦了。不管大家2018年过的怎么样，2019年还是要继续加油的！在此我整理了个人认为在2019仍是或者将成为主流的技术与大家分享，包括前端、后端和全栈相关。

10分钟入门 CSS3 Animation

MudOnTire 2018-12-25 发布
22 收藏

Animation可以让你不用依赖javascript或jquery，用纯CSS在网页中轻松实现各种动画效果。

10分钟理解CSS3 Grid

MudOnTire 2018-12-19 发布
65 收藏

上一篇文章我们介绍了 css3 flexbox，今天我们再来说说css3的另外一个强大的功能：Grid。Grid做前端的同学应该都很熟悉了，翻译成中文为“栅格”，用过bootstrap、semantic ui、ant design的同学肯定都了解grid lay...