在2019瞎扯2018

不知不觉中,2019 年都快过去一个月了,离回家也是越来越近。一直说抽个时间写个 2018 的年终瞎扯,拖到现在,好在还没过年。[/捂脸]

使用git-cherry-pick

前言

在一个项目中可能有多个功能并行开发着,开发完的代码通常就合到 develop 分支进行测试,即测试环境中会有多个功能在测试,而先后进入测试并不一定先后上线,很有可能因为某些原因,先开发的功能需要延期上线,后开发的功能测试完后得先上线。这时候需要将后开发的功能代码抽出来,git cherry-pick就派上用场

使用JavaScript处理点九图

前言

在前端开发中,常会将图片作为某个元素的背景图,但是背景图的大小和比例和元素有偏差,所以一般要使元素有全背景的话,只能将图片拉伸。这里不考虑background-repeat。最好的办法还是将图片修改为比例和元素相同以等比缩放。
使用微信或者 QQ 的人应该会发现聊天气泡,气泡会随着内容多少的改变而去适应它,但是并没有使气泡图片有拉伸的效果,这里就用到了点九图

记一次多图上传+本地预览中遇到的问题

在 web 开发中常会遇到图片预览的场景,比如在图片上传的情况下,一个办法是将图片上传到服务器之后,服务端将存储的 URL 返回来,然后异步通过 URL 加载刚上传的图片,达到图片的预览。但是在这个过程中会有两次 web 请求,一次是发送文件,一次是下载文件。我们可以在图片上传前就进行图片的预览,这样可以避免不必要的网络请求和等待。

highcharts 线型图表处理

问题分析

某次需求中,需要使用highcharts展示数据以对比。可是这批数据量级相差较大,如果在同一张图表中展示,会导致线条相隔很远或者没有波动幅度;还需要在点击某根线条的时候改变图表 Y 轴为当前线条数量级的,并处理他们的样式以区分。

在浏览器中懒加载ES2015模块

ES2015 模块在浏览器懒加载

在过去的几年里,开发者们已经无情的将服务端网站移动到了客户端,前提是那样能使页面的性能得到提高。

然而,这可能是不够的。你是否考虑过你的网站也许加载更多于它实际用到的东西?遇到懒加载,一个延迟初始化(加载/分配)某个资源(代码/数据/静态资源)直到它需要的时候再加载。

8个npm常用技巧和简写

在篇文章里,将介绍一些非常有用的 npm 技巧。在这有许多我们不能完全覆盖,所以主要介绍和我们开发工作最相关和最有用的技巧。