2018年度总结，一个技术人的而立之年
作为一个技术人，我一直信奉稻盛和夫的“工作即修行”，过去将多数精力都投入在工作中。2018年我刚好30岁，到了这个年纪人的角色往往会发生一些转变，来自生活的负担更多也更重了，所以过去的一年我做了一些调整，也做了一些尝试，收获不多，总结起来可以用跌跌撞撞来形容，只能说，但行好事吧。
回顾结束创业两年前
...
前端检测修复IOS拍照旋转问题
发表于
|
作者：
雅X共赏
苹果手机竖向拍照会为照片添加左旋90度的拍照方向，导致在网页中展示异常。前端解决这个问题需要提取图片的exif信息，并检测照片的拍照方向orientation，再通过canvas绘制图片并纠正旋转方向，最后输出图片的base64。
WEB前端环境可能在两种情况下遇到IOS拍照旋转问题，一是网页中通过
...
Vue CLI 3 浏览器兼容性配置
发表于
|
作者：
雅X共赏
开发代码兼容Vue CLI 3初始化的项目，构建时会根据package.json中的browserslist配置自动检测需要转译的语言特性，为构建代码转译JavaScript 并为 CSS 添加浏览器前缀，通常只需要修改browserslist即可兼容目标浏览器，例如兼容IE10可以做如下配置：
1
...
HTML5实现文件读取、编辑、保存
发表于
|
作者：
雅X共赏
最近自己捣鼓了一个好玩的项目觅迹导航，核心功能已经开发完成，后续会抽时间完善一下细节，并开放使用。做这个项目的过程中涉及到本地文件的读写，而且项目的定位不涉及兼容性问题，所以就直接用HTML5实现了，这里将实现过程以及涉及到的知识点整理一下。
HTML5读取文件HTML5读取文件主要利用的就是Fil
...
《Hybrid App开发快速指南》新课上线！
发表于
|
作者：
雅X共赏
混合应用开发作为技术热点的时代已经过去了，但作为一种轻便可靠的开发手段，却早已在前端开发领域落了地。
我四年前就开始从事混合应用开发，从Cordova到Appcan再到APICloud，经年累月的摸索，逐渐形成一套对前端开发者更友好的混合开发最佳实践。对于刚接触混合开发的新人，与其自己摸索文档或者到
...
基于Vue实现动态组织结构图
发表于
|
作者：
雅X共赏
Vue-Tree-Chart最近一个项目里有个前端绘制家谱图的需求，大概是下面这个样子：
点击节点会弹出操作菜单，实现增删改查等操作，查阅网上资料发现，现有案例基本都是基于orgchart这个jQuery插件实现的，我们的项目是基于Vue的，不希望因为这个功能引入jQuery，所以就基于Vue实现
...
如何计算一款保险的杠杆
发表于
|
作者：
雅X共赏
写在前面这篇文章向大家分享一个复利计算小工具，用来模拟保险年缴保费的支出情况，并用复利的方式算出这些保费在相同年数里的理财收入，技术含量极低，但如果你像我一样近期有买保险需求的话，这个小工具可以帮助你快速衡量一款保险产品的投入产出杠杆。
聊聊保险自从宝宝出生后，突然感觉自己的健康风险特别高，为什么呢
...
HybridStart v1.2.0 更新日志
发表于
|
作者：
雅X共赏
新增1. 插件机制WEB代码无需编译，部署即可运行，因此可以很容易的实现热插拔插件机制，HybridStart内置了一个插件机制的实现DEMO，见示例APP首页“OTA-plugins(扩展插件)”。实现代码位于/views/ota/，额外引入了zip模块实现插件压缩包的解压，完整流程如下：
插件
...
AJAX-Cache：一款好用的Ajax缓存插件
发表于
|
作者：
雅X共赏
AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段，在频繁的异步请求业务中，我们往往需要利用“缓存”提升界面响应速度，减少网络资源占用。AJAX-Cache是一款jQuery缓存插件，可以为$.ajax()方法扩展缓存功能。
AJAX-Cache提供什么1. 定时缓存大多数的缓存场景
...
前端页面热更新实现方案
发表于
|
作者：
雅X共赏
前端页面热更新了解过前端性能优化的同学应该清楚，给页面加载提速的终极方案就是CDN，这是BS架构本身的特点决定的，无论什么前端提速手段，最终都会回到客户端文件的传输上来；与之相对的CS架构则不存在加载压力，但CS架构的问题是更新不灵活，那么有没有一种方法能结合这两种架构的优点，在加载速度和更新灵活性
...