初识Docker

发表于 | 分类于 前端/前端工程

在去年年底的时候,由于刚换电脑,需要重新安装开发环境,觉得十分繁琐,因此查询了解到 Docker,当时觉得相关概念晦涩难懂,且本地开发环境也已经搭建完毕,因此没有继续学习 Docker 相关知识。

近来在开发中遇见一个问题:多个功能工单同时进行测试时,需要在多个开发测试环境之间切换,包括项目分支切换、host 修改、nginx 配置修改等,应该探索下更方便地开发环境切换方案,加之公司的提测环境也是使用 Docker 进行搭建,于是决定重新学习 Docker 相关知识,最终目标是一劳永逸地解决本地开发环境切换的问题。

canvas动画之粒子效果

发表于 | 分类于 前端/动画

在《canvas动画系列》前两章分别介绍了基础知识和绘制动画的思路,最近在某个项目活动中,需要使用canvas绘制酷炫的爆炸效果,因此这里整理canvas绘制粒子动画,作为canvas动画系列的第三篇。

记一次小程序的websocket开发经历

发表于 | 分类于 前端/小程序

最近的项目中,需要为小程序添加一个实时邀请好友对战的游戏活动,初步评估开发方案使用webSocket进行。

由于之前没有正儿八经的webSocket开发经历,途中遇见了一些问题,包括最坑的“Android手机中wss协议不走wifi代理”,这里一并整理,用作回顾和总结。

写一个搭建本地mock服务器的命令行工具

发表于 | 分类于 前端/前端工程

之前一直使用mockjs模拟接口返回数据,由于其内部是改写XHR实现,因此存在一些局限性,比如无法拦截JSONP请求、无法直接在小程序中使用,最近恰好有点时间,因此决定写一个工具解决这些问题。

微信公众号开发整理

发表于 | 分类于 后端

想起来两年前刚入行的时候,接收的基本都是微信公众号项目的开发,后面重构豆腐web的时候,也单独对移动站接入了微信公众号。恰好最近又处理了一点微信公众号的东西,想起还没有对微信公众号的一些问题进行记录,因此这里稍作整理。

《JavaScript测试驱动开发》读书笔记(上)

发表于 | 分类于 读书笔记

之前写过一篇正儿八经地写JavaScript之单元测试的博客,并信誓旦旦的表示以后要用单元测试来保证自己代码的可靠性,后来却由于工期忙、没精力等各种理由将单元测试选择性忘记了,每次的代码都是自己简单测一下,就交给测试同事进行测试了。

最近图灵社区推送,刚好看见了《JavaScript测试驱动开发》这本书半价,于是入手,顺便整理读书笔记。

PS:以后的读书笔记,会整理内容概览的脑图,方便日后回顾。

记一次Chrome扩展程序开发

发表于 | 分类于 客户端/Chrome扩展程序

大概是去年这个时候花了几天折腾了一下Chrome扩展程序,当时是使用Vue做了一个书签扩展工具,后来使用了Infinity之后,就不再维护那个项目了。

最近恰好有个任务是为运营开发一款用于提高工作效率的浏览器插件,因此回过头整理相关的开发过程和遇见的一些问题。

canvas动画之绘制思路

发表于 | 分类于 前端/动画

前面学习了canvas的基础知识,现在是时候学习如何绘制酷炫的动画了。好吧,这里先整理下绘制动画的基本思路。

搭建开发环境的心得

发表于 | 分类于 前端/前端工程

入职第一件事就是搭建开发环境,包括编辑器、环境变量、调试工具等工作。下面整理一下在第三次搭建开发环境的心得,包括使用的工具、踩过的坑,以及关于一些问题的思考。

使用node开发工作流脚本

发表于 | 分类于 前端/前端工程

之前本来打算学学shell写脚本的,后来发现用PHP或者node等语言都可以实现相关的功能,且逻辑描述更清晰。最近刚好项目需要写一个简化工作流的脚本,因此在此整理一下过去写node脚本的经验。

nginx二三事

发表于 | 分类于 网络

过去的项目一直使用windows,加上后台使用的是PHP,自然而然使用Wamp集成本地服务器开发环境。新公司项目用node写中间层,需要使用nginx搭建本地环境,之前对nginx的了解仅限于反向代理,现搭环境基本都是现查资料现学,因此简单整理,以做备忘。

2018年五月面试发现的一些问题

发表于 | 分类于 杂项

最近回来一直在面试,除开周末,四天大概面试了十多家公司,在面试过程中也发现了自己的一些知识漏洞,现在整理一下。

假如我是前端面试官

发表于 | 分类于 杂项

想想工作近两年了,被别人的面试过的次数不多,大概只有四五场。下个月离职了,因此最近在帮公司招前端,参与了几场面试(其实去年这个时候,也是在帮前公司招前端)。之前一直在准备离职后回成都的面试,发现被别人面试和面试别人的感觉是完全不一样的。

算下来大概面试了十多个人了,因此可以假装自己是个前端面试官。今天突然想到一个问题,如果我是一个真正的前端面试官,我要问些什么问题呢?

换一种rem方式进行移动端布局

发表于 | 分类于 前端/CSS

公司的移动端项目,包括app内的webview页面和Wap端网站,均采用rem进行布局,不过并不是基于flexible.js通过js去设置根字体大小,而是采用纯CSS实现的rem布局,在项目中的效果还不错,下面简单整理一下。

初识JWT

发表于 | 分类于 后端

最近一直在整理过去的项目经历,其中有一个使用vue-cli和Element-UI搭建的后台管理单页应用,其中的管理员权限认证用到了JSON Web Token

之前在做博客的后台管理系统的时候(虽然现在基本没用过了),也采用和同样的认证方式,当时只是简单对着文档进行实现,对其原理并没有很深刻的认识,因此决定稍作整理。

《web前端黑客技术揭秘》读书笔记

发表于 | 分类于 读书笔记

在项目中,往往更侧重的是前端业务逻辑,而对于web安全这块并没有过于关注。只是大概知道xsscsrf等术语,而具体的防范操作也只限于输入校验和表单提交增加_token字段。

最近在复习web安全这一块的内容,突然想起之前还没有看完的《web前端黑客技术揭秘》,因此重新翻阅,并整理相关笔记。

一个web项目的总结

发表于 | 分类于 后端

来公司快一年了,除了日常APP内webview活动页面开发之外,最主要的工作就是重构了公司的web项目,包括PC站、Wap端、微信公众号和小程序。

除了前端开发工作之外,还负责后端路由和视图对接,以及一些业务功能的实现。现在回过头来整理一下整个项目,包括技术选型、开发环境搭建、项目分组等细节。

《网络是怎样连接的》读书笔记

发表于 | 分类于 网络

在春运的路上把《网络是怎样连接的》这本书基本看完了,这本书从在地址栏输入URL到看到网页这个问题入手,详细地介绍了网络相关的知识,下面整理相关的读书笔记。

常见的Web安全问题

发表于 | 分类于 前端/前端业务

本文将整理Web业务中常见的安全问题,包括JavaScript语言安全、XSS、CSRF、SQL注入等。

在前端实现图片压缩上传

发表于 | 分类于 前端/前端业务

最近在整理之前实现的一些插件,刚好碰到了图片压缩上传这个问题,在移动端中,由于网速有限而手机照片往往比较大,导致图片上传比较缓慢,当时是通过HTML5中文件和二进制数据接口,配合Canvas实现在前端进行图片压缩的。这里稍作整理,权当复习。