随笔分类 - 前端故事
摘要：监控什么 今天我们来聊聊如何监控你的应用程序，这里的监控说的不是让我们去监控用户，而是监控应用的 健康状态 ，什么是健康状态呢？对于后端的同学来说，在微服务的架构下，每个子服务是否正常工作、返回的结果是否满足预期，这些就算是健康状态，再举个例子，你的台式机，对于操作系统来说，每个硬件是否能正常的工作
阅读全文
摘要：我遇到了什么问题？ 不久之前我重构了一个古老的项目，总结了一些js方面的想法，不过对于一个前端项目而言不仅仅只由js组成的嘛，上学的时候老师和我说HTML+CSS+JS对应的是页面的骨架、皮肤和肌肉。既然骨架我们有了，肌肉也聊完了，今天我们就来聊聊“皮肤”吧。 由于我重构的是一个react nati
阅读全文
摘要：最近重构了一个项目，一个基于redux模型的react native项目，目标是在混乱的代码中梳理出一个清晰的结构来，为了实现这个目标，首先需要对项目的结构做分层处理，将各个逻辑分离出来，这里我是基于典型的MVC模型，那么为了将现有代码重构为理想的模型，我需要做以下几步： 拆分组件 逻辑处理 抽象、
阅读全文
摘要：背景 我一个前端，今年第一份工作就是接手一个 APP 的开发。。。一个线下 BD 人员用的推广 APP，为了让我这个一天原生开发都没有学过的人能快速开发上线，于是乎就选择了 react native 作为开发框架，既然主框架有了，接下来就是主要的逻辑框架的选择了。 一直以来社区里面关于 react
阅读全文
摘要：背景 今年我在做一个有关商户的app，这是一个包含商户从入网到审核、从驳回提交到入网维护的完整的生命周期线下推广人员使用的客户端软件，但故事并没有这么简单。。。 疑问 随着app的逐渐完善，遇到的问题也渐渐多了起来，界面加载过久，初始化页面请求次数过多等各种各样的小毛病开始凸显了出来。于是我开始了优
阅读全文
摘要：转眼间，马上又到了中秋了，忽然想到了有到了做活动的日子了~每逢佳节必活动的传统一直是我们前端的职责所在，去年我介绍了游戏机，大富翁，那今年的活动就来个轮盘开奖吧~其实这个东西在 pc 端上已经烂大街了，无数的 demo，插件可以帮助我们实现这个功能，所以我也就随大流的去找了个知名的 jQuery 插
阅读全文
摘要：继续上篇介绍的 nuts 的内容，在我们通过 create 命令之后，就可以使用 dev 命令去进行项目的开发了~那么这个 dev 命令究竟都执行了哪些功能呢？ 首先，我们需要将我们的源代码进行预编译无论是从ES6到ES5，还是从scss到css，我们最终的目标代码都是和源代码不一样的，那么我们在启
阅读全文
摘要：好久没有更新博客了。。。不知不觉做前端已过去一年有余了，渐渐发现现在入门前端的门槛越来越高了，需要学习的东西也多了不少，工作中效率也越来越慢，那么提高自己的打码速度也就越发的重要了，而作为程序员的我们也应该把和业务无关的东西提取出来，让它自动化，简单化，这样才能事半功倍。于是便有了我做工具链的想法，
阅读全文
摘要：一个半月了，都感觉写博客有些生疏了。这次换成了word2016来写，也不知道版式会怎么样。。。大家就将就着看吧~离上次写摇骰子已经过去了一个多月了，期间经过了双十一和双十二的活动，又积攒了一些素材，又可以有的记录咯~但是因为人太懒了。。。很多的东西都没有整理出来，这次就介绍一个现在很多前端都在用的效...
阅读全文
摘要：很久没有更新博客了。。。为了双十一准备了不少活动，终于结束了，有时间静静的坐下来总结一下了，在活动中最常用的就是倒计时了，晚上也有很多倒计时的例子了，那么今天带来的是一个新的方法和思路。 既然要介绍新的方法那就要先说说现在已有的方法的特点了~相信很多刚刚出校门的孩子们还在用setinterval方...
阅读全文
摘要：十一马上就要到了~~做为前端的小伙伴~活动页面必然是少不了了~那怎么吸引眼球呢？当然是玩游戏啦~这次就带来一个我为十一做的小游戏，作为活动页中的衬托~~ 那我们要做个什么样的游戏呢？先上图~ 由于实际的效果图因为是公司的活动，我就不贴出来了~这里用这个棋盘来大致说明一下效果咯~下面是游戏规则： 1...
阅读全文
摘要：很多前端的同学都在用sublime text，我之前也在使用，但是后来接触到了Atom，就被它的高颜值深深的吸引了~~不愧是GitHub的工程师哦~审美就是高 Atom 作为一个跨平台的编辑软件，安装和使用都是十分的方便，刚刚接触的同学也很容易在上面找到sublime text的影子，这非常方便像...
阅读全文
摘要：很久没有更新博客了，毕业2个月了，这段时间一直在忙于工作，一直没有时间更新，最近做的活动突然发现之前的经验居然忘记了。。。索性想想还是重新开始用博客记录平日里的工作经验吧，吐槽就到这里了，这篇记录的是我在平日里经常用到的请求后端的方式。 大多数情况下，无论是框架还是自己实现都是通过Ajax的方式来向
阅读全文
摘要：最近做毕设的时候需要用到上传图片的功能，但是我的毕设全部的传输都是基于ajax的请求，百度了一圈发现TMD居然说ajax不能上传文件！！当时我就不乐意了啊，那难道其他人都用的是黑科技吗？！又来网上的大牛告诉说用jquery的一个插件就可以完成，百度了一下原来叫--ajaxfileupload.js...
阅读全文
摘要：今天记录的是现在很常见的一个页面效果，那就是类似天猫界面右侧购物车的信息展示的效果，下面这个黑色的就是今天的主角——animation 这个是我毕设里面实现的效果 虽然没有真正天猫上面的好看（╯‵□′）╯︵┴─┴，但是毕竟我这个没有审美的程序猿已经尽力了…….那么我们就来一步步的介绍这个效果的实...
阅读全文
摘要：转眼间3个月没有更新了…..最近莫名的迷恋上了前端各种效果的实现了…..最近就记录一下我这几天做毕设时使用的一些效果吧~ 今天记录的是我毕设中着重体现的布局风格--瀑布流布局。 说到瀑布流布局，先上张图片来说明一下什么是瀑布流好了。 这个是我毕设中的一个截图（内容是我暂时从其他网站上爬下来测试的…...
阅读全文