作者: 入门游戏开发

  • WKWebView微信适配

    WKWebView

    背景是微信webview将要从UIWebView切换成WKWebView,前端的web页面需要进行适配。

    (更多…)

  • 【源码解析】Vue.js的监听实现

    一说到监听,当然就离不了设计模式中鼎鼎大名的观察者模式。举个例子,你家后院着火了,可一定要等到烟雾很大火光很亮你才能发现啊,可是当你安装了一个火灾预警器,当发生火灾就立马能够通知到你了。这就是一个典型的观察者模式。当然也还有一些其他变种,比如发布/订阅(publish/subscribe)模式。

    (更多…)

  • h5实现iPhone横屏下的双页模式

    背景

    feeds流在横屏下的体验非常糟糕,内容可视区域小,内容被拉长,导致用户体验很差。

    (更多…)

  • 移动端JavaScript拉起软键盘

    先上图来镇楼

    Alt text

    大家都知道在移动端,软键盘给我们带来了很多的坑。坑了这次还有下次,真是让人刻骨铭心。这次就来扒一扒JavaScript拉起键盘的坑。

    (更多…)

  • webpack build可视化统计分析

    建立可视化分析统计可以帮助我们更好的理解webpack。我们可以很容易地从构建结果那里得到的统计数据,我们可以使用一个工具来可视化这些数据,可以分析我们程序包的组成。

    (更多…)

  • JavaScript 设置 style

    今天犯了一个错误:设置dom元素的style

    <!DOCTYPE html>
    <html>
    <head>
    <title>text</title>
    </head>
    <body>
      <div id="content" style="width:200px;height:200px"></div>
    <script>
    document.querySelector('#content').style = 'background-color:red;width:200px;height:200px'
    </script>
    </body>
    </html>
    

    (更多…)

  • webpack在微信游戏前端中的运用

    工程化

    微信游戏有前端吗? 有的,除了首页外,其他页面基本都是H5页面,主要分为平台页面和活动页面。

    微信游戏有多少前端开发?多少业务呢? 人最多的时候也才9个前端(加上实习生),除去活动页面有多少页面(平台页面)呢?起码有30+,日常版本的也有10+,而且还有不断的新需求呀,还有几个运营系统需要开发维护,还有一直做不完的非标准活动。高效的工作流程成了迫切的需求。

    (更多…)

  • 那些年我踩过的emoji乱码坑

    前言

    这是一个由乱码引发的故事。抱歉我暂时找不到更加惨烈的图,请相信我,还有更目不忍视的画面。请看下图那些框框,那都是些什么鬼!这是要害死强迫症吗?如果同时看到几十个框,简直让人崩溃。

    (更多…)

  • feeds流中的图片

    feeds流中的图片

    先来看看常见的产品中的feeds流中的布局:

    1、朋友圈

    纯客户端的feeds流,单张图片大图显示,这里肯定也限制了最大高度或者宽度。大于一张图片则以正方形显示,一共显示9张图,九宫格,多了就不排列了。

    (更多…)

  • 【折腾不止】前端工程与性能优化

    作为开发,不仅仅是前端,优化总是你绕不开的事,我们的目标就是要产品变得更快。优化的对象不仅仅指产品本身,还有我们日常的开发流程。从加入团队到现在,大概有一半左右的时间花在了优化上,期间遇到了很多问题,回过头看,优化这件事情并不是那么简单,也是些很琐碎的事情,要打造一个无痛的开发流程,并且能够相对轻松的对产品持续优化真的不轻松。没有银弹,任何项目都要花很多时间和精力。但任何值得改善的地方能够有所提升都让我们觉得努力没白费。有时候只想懒一点,从枯燥的重复中解放出来。

    (更多…)