入门游戏开发

标签： 前端

  • 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张图，九宫格，多了就不排列了。

    （更多…）

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

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

    （更多…）

  • 用React编写组件

    去年年底非常热门的前端议题就是facebook的开源库react.js，还有尚未开源的react native也带来了一丝神秘感，下面就简单说下用react写组件的过程和心得。
    如果你不想听我啰嗦，直接看示例看源码就点击下面
    （更多…）

  • IOS Javascript Date的坑

    Date对象是JavaScript提供的日期和时间的操作接口，它有多种用法。手册上或者网上也有很多文章介绍，这里就不再次复述了。

    上次遇到一个坑，这里总结下，也不是什么大问题，若是如果有经验，就不会花费很长时间去定位问题了。说下背景，一个早已经开发好的页面，在android的机器上运行的很正常，没出一点问题。某一天，产品狗跑来问我，为啥IOS上这个页面是空白的，为啥呢？到底是为啥呢？在需求忙不停的时候我还得抽空看这个外网bug，这哪算bug，要上IOS平台也没经过测试啊，什么时候被放到IOS的APP里面去了，简直不想吐槽。

    （更多…）