Web 字体最佳实践 Posted on 2020-07-22 | In web 字体的渲染是一个很复杂的过程,首先我们需要知道在Web世界中存在着五大字体家族,江湖人称font-family:serif、sans-serif、monospace、cursive和fantasy。 Read more »
理解JS中的二进制对象 Posted on 2020-04-24 | In javascript blob作为二进制容器,可以利用fileReader来吧blob文件转化为arrayBuffer,dataurl,string等格式内容,如果要编辑blob文件,可以转化为arraybuffer,通过视图操作然后在转化回来在进行逆向操作。基于blob,利用canvas可以实现一系列如图片压缩,图片编辑等前端功能 Read more »
利用canvas进行图片文件压缩 Posted on 2020-04-24 | In javascript 对于大尺寸图片的上传,在前端进行压缩除了省流量外,最大的意义是极大的提高了用户体验。 Read more »
解决html2canvas截图模糊的问题 Posted on 2020-04-23 | In plugins 将网页保存为图片(以下简称为快照),是用户记录和分享页面信息的有效手段,在各种兴趣测试和营销推广等形式的活动页面中尤为常见。我们采用html2canvas作为工具进行截图,然而截图极度模糊。 Read more »
真机远程调试 方法 汇总 Posted on 2020-04-19 | In javascript “真机远程调试”(remote inspect web on real device),是指用桌面电脑(PC或MAC)远程连接上移动设备,通过类似Chrome浏览器开发人员工具的界面,来调试移动设备上运行的网页 Read more »
Chrome开发者工具小细节 Posted on 2017-06-28 | In tools 一些Chrome开发者工具小细节,可以大大的提高使用效率,比如按住` Shift `并将`鼠标悬停`在资源上,可以查看其发起者和依赖项。 本部分将您悬停的资源称为目标。 Read more »
reviewboard工具rbtools使用 Posted on 2017-06-27 | In tools RBTool新版本支持ALIASES,支持自定义命令,只要在reviewboardrc文件中进行简单的配置就可以实现一条命令直接发布代码审计。 Read more »
IOS中唤起native app Posted on 2017-02-16 | In web 在ios9出来以后,我们发现越来越多的应用能够直接绕过微信的屏蔽,从其内置浏览器中直接唤起app。相比于通过弹窗提示让用户到浏览器中操作的方式,这无疑是极大的提高了用户体验与流量导入。因此,在ios上实现直接从微信中唤起app变得非常必要。而其中的关键,就在于通用链接·universal links·:一种能够方便通过传统HTTP链接来启动app的方式,可以通过相同的网址打开网站和app Read more »
移动端WEB调试:Weinre Posted on 2015-12-04 | In web 当我们在做H5移动端的开发时。我们一般通过PC浏览器如chrome的开发者工具,firefox的firebug来模拟手机环境来调试。模拟虽然可以解决大部分问题。但是不同的终端的内核不径相同,由此会报出很多兼容性问题,需要对真机进行调试 Read more »