wenxiongid / wenxiongid.github.io Goto Github PK

https://wenxiongid.github.io/2020/04/15/webfont%E5%AE%9E%E9%99%85%E8%90%BD%E5%9C%B0%E5%BA%94%E7%94%A8/

WebFont 已经是2010年的技术了，但是中文网络环境一直没有大范围的使用，这跟中文字体有很大的关系。如果我们现在想在项目中实际使用，有些什么需要注意的地方？ WebFont的优势首先讨论下为什么会用到WebFont。当页面上视觉元素需要用到非系统自带的字体时，设计师通常会把文字做到图上，前端直接把图糊到页面上展示。这样做有什么问题呢？ 把文字做在图里的缺点： 图片体积比较大，加载资源耗时比

https://wenxiongid.github.io/2019/11/20/%E6%B6%88%E6%B6%88%E4%B9%90%E5%BC%80%E5%8F%91/

项目要求要做一个消消乐（三消、3-match game）的开发，找遍国内外的demo，总有些功能缺失，迫不得已自己来搞一个 先说在前面，用Vue做是为了团队里好复用，其他情况用Vue来做游戏就是折磨，能换其他渲染器来做的话抽取里面的核心逻辑就好了 先理一下游戏的逻辑 选取两个相邻的块调换位置，生成新的图 新的图上如果行、列上有三个或以上的相同类型块，则消除掉；如果没有，则复原为原来的图 消除掉的块

https://wenxiongid.github.io/about/

联系方式 手机：13929565154 Email：[email protected] QQ：48581819 个人信息 胡俊文/男/1986 本科/华南理工大学信息工程系 工作年限：8年 技术博客：http://junewu.work Github: https://github.com/wenxiongid 期望职位：Web前端工程师 期望薪资：税前月薪25k 期望城市

https://wenxiongid.github.io/2017/10/30/%E5%BE%AE%E4%BF%A1%E6%89%8BQ%E8%A7%86%E9%A2%91H5%E5%89%8D%E4%BA%BA%E6%A0%BD%E6%A0%91%E8%AE%B0/

视频播放在PC端跟移动端有很多表现不一样，在H5的开发过程中，一定要在真机测试，一定要在真机测试，一定要在真机测试 1. video对象可用的事件PC端可用的事件有很多，像play、canplay、timeupdate、ended、paused等等 但在移动端，信赖的事件只有timeupdate和ended，判断视频是否正在播放可通过timeupdate事件是否有触发判断 但视频在刚播放时有可能会

https://wenxiongid.github.io/2019/11/21/%E8%BF%9E%E8%BF%9E%E7%9C%8B%E5%BC%80%E5%8F%91/

因为不可描述的原因，过了没两天，又要开发另一个小游戏喇～（我好兴奋呀.jpg） 消消乐开发完没两天，渲染就用同一套，也是用Vue了 同样先理一下游戏的逻辑 选取两个相同类型的块 两个块之间沿行、列连线，线只能经过空白的格子，且最多只能转向两次 如果存在这样的连线，则两个块消除成空白的格子；若不存在则不作改变 描述的有点绕，但玩过的应该都知道是什么一种机制，其中比较困难的一点应该是怎么找出两块的连

https://wenxiongid.github.io/2015/08/27/OSX%E4%B8%8B%E7%9A%84dircolor/

偶然看到一个github库dircolors-solarized，刚好我在iTerm用的也是solarized的配色，OSX下终端的ls出来也只有简单的几种颜色，一眼看过去密密麻麻的都不知道是什么文件，看到这个心想终于有个好的解决方案了，立刻看着installation来做 把仓库clone到本地，把dircolors.ansi-universal复制到~/.dir_colors: 1cp dir

https://wenxiongid.github.io/2019/10/30/%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/#more

最近遇到一道题目，是怎样实现一个大文件上传的接口设计，需要考虑的一个功能是断点续传 因为以往没有多少服务器开发的经验，一开始想不明白断点续传的实现原理；看了一下其他人的实现方法，思路是把文件分块上传，上传完再合并的方法 确定方案因为文件通过分割、合并、网络传输的处理，最后需要计算md5与原来的文件比对，所以客户端和服务端都需要计算md5 支持断点续传的实现，应该在本地计算md5值后，服务器使用md

https://wenxiongid.github.io/tags/

https://wenxiongid.github.io/2017/01/10/%E5%BE%AE%E4%BF%A1H5%E9%A1%B5%E9%9D%A2%E5%8A%A8%E7%94%BB%E4%B8%8E%E9%97%AA%E9%80%80/

最近做一个移动页面闯了个祸，先看看长什么样子的： https://h5.m.jd.com/dev/V4vE962o9aCGtEhB5xc5RyePqxp/index.html 在最终上线前，出现了这样的一个bug： 在 iPhone 6 Plus 的机型上，手Q和微信的 webview 中访问这个页面，翻到第三、四页的时候必定闪退 之前在我的 iPhone 6 上测试时也偶尔会出现这个情况，但在

https://wenxiongid.github.io/2019/11/27/%E9%87%91%E5%B8%81%E9%A3%9E%E5%85%A5%E6%95%88%E6%9E%9C/

先看一下效果是怎样的: 简单说就是固定两个点，元素从其中一个出发，到另一个点结束，中间的轨迹为随机曲线（包括直线） 从这个条件立刻想到的是二次函数的图像，经过x轴上的两个点，把两个固定的点当作是x轴与函数图像的交点，再随机取开口的大小($y=ax^2+bx+c$中a的取值)，就可以定义出这条随机曲线 这样实现分以下步骤来处理 先定义开始点和结束点 定义一个新座标系，以开始点为原点(0, 0)，

https://wenxiongid.github.io/2020/03/30/%E4%BC%98%E5%8C%96%E6%B5%81%E5%BC%8FMP4%E8%A7%86%E9%A2%91/

原文链接: https://rigor.com/blog/optimizing-mp4-video-for-fast-streaming 随着Flash的逐渐息微，和移动设备的爆炸式增长，越来越多的内容通过HTML5视频分发。你可以通过把GIF动图替换成HTML5视频来提升你网站的访问速度。在此之上，视频文件本身也有很多能优化的地方来提高表现。 一个最重要的点是，视频文件必须为H5线上流式传输作优