半路出家老菜鸟

一个年近三十，半路出家，搬砖糊口，又做着春秋大梦的老菜鸟的小小日记。

152

实用Javascript调试技巧分享

MudOnTire 6 天前发布
99 收藏

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

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

MudOnTire 6月7日发布
33 收藏

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

137

还学不会webpack？看这篇！

MudOnTire 5月27日发布
111 收藏

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

284

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

MudOnTire 3月13日发布
221 收藏

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

199

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

MudOnTire 2月13日发布
148 收藏

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

Javascript异步编程：Callback、Promise、Generator

MudOnTire 2月7日发布
15 收藏

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

聊一聊CSS中的长度单位

MudOnTire 1月15日发布
13 收藏

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

GraphQL 入门详解

MudOnTire 1月4日发布
32 收藏

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

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

MudOnTire 1月2日发布
17 收藏

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

172

2019 简易Web开发指南

MudOnTire 2018年12月26日发布
136 收藏

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

10分钟入门 CSS3 Animation

MudOnTire 2018年12月25日发布
21 收藏

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

10分钟理解CSS3 Grid

MudOnTire 2018年12月19日发布
64 收藏

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

10分钟理解CSS3 FlexBox

MudOnTire 2018年12月12日发布
24 收藏

设置父元素的display属性为flex，则子元素都变成flex item，由此可以控制子元素的排列方式、尺寸、间距等；

用canvas实现简单的下雪效果

MudOnTire 2018年11月16日发布
收藏

首先新建一个html文件，将body的背景设置为天空的那种深蓝色，并创建一个canvas，canvas的操作逻辑都放在snow.js中：

Step by step to install WordPress on CentOS 7

MudOnTire 2018年11月01日发布
1 收藏

1. disable SELinux {代码...} 2. install required packages {代码...} 3. enable access to access web server {代码...} 4. start web server and database {代码...} 5. create mysql database and users {代...

CentOS 7 安装MongoDB详细步骤

MudOnTire 2018年11月01日发布
1 收藏

创建/etc/yum.repos.d/mongodb-org-4.0.repo文件，编辑内容如下： {代码...} 运行以下命令安装最新版的mongodb： {代码...} 配置mongod.conf允许远程连接： {代码...} 启动mongodb： {代码...} 创建管理员用户： ...

Javascript判断数组是否包含特定元素方法汇总

MudOnTire 2018年09月18日发布
1 收藏

判断数组是否包含某一特定元素是很常见的需求，javascript中有很多实现方法，今天有空汇总了一下，按兼容性由强到弱排序，返回类型一律为boolean：

Vue项目中出现Loading chunk {n} failed问题的解决方法

MudOnTire 2018年09月13日发布
7 收藏

最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为这个问题出现的偶然性太高了，而且...

React中传入组件的props改变时更新组件的几种实现方法

MudOnTire 2018年09月12日发布
收藏

我们使用react的时候常常需要在一个组件传入的props更新时重新渲染该组件，常用的方法是在componentWillReceiveProps中将新的props更新到组件的state中（这种state被成为派生状态（Derived State）），从而实现重...

Javascript中进行遍历操作的所有方法

MudOnTire 2018年09月06日发布
4 收藏

for-in实际是遍历一个对象的可枚举属性，是无序的遍历，所以在需要有序的遍历数组时不能用for-in。