分类 javascript 下的文章

如何基于vant进行二次开发

为什么要二次开发

最重要的一个问题还是效率问题,团队需要整体的UI风格,相同的配色,相同的功能组件,如果每个人独自开发那就大大浪费人力。虽然vant已经封装的不错了,但距离业务需求还差一点距离。第二点是设计师视觉走查的时候特别耗时,扣像素级别的问题,因此避免前端开发同学多次被折磨,做成统一的完事儿,同时也提升了走查的效率。归根结底,效率是第一生产力!

阅读剩余部分 ->

【Cocos Creator】游戏中如何动态创建精灵?

如果你刚接触cocos creator,可能有点摸不着头脑,尤其是对cocos 的api文档非常迷,个人觉得官方应该针对api在下方补充一些示例代码说明,不然新手容易懵逼。

本期要讲的话题是如何动态创建精灵。开发游戏可能一半的时间花在跟IDE打交道,如果对IDE有一定了解的话,cocos中节点是游戏中最基本的组成元素,那么基于这节点我们基本上可以实现所有的功能。但我建议能够用IDE拖拽出来的,就千万别用JavaScript徒手写出来,不然场面会很难看。

阅读剩余部分 ->

巧用iframe做浮层

iframe的诟病太多了,还好标准没有废弃它,其实还是有点用的。在开发产品的时候,我们不得不舍弃一些东西来换取效率。

我们的需求是,在某些特定的场景下在现有的页面做一个弹窗,这是常有的运营手段,虽然我觉得是一种粗鲁的运营,但需求还是得做啊。

阅读剩余部分 ->

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

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

阅读剩余部分 ->

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+,而且还有不断的新需求呀,还有几个运营系统需要开发维护,还有一直做不完的非标准活动。高效的工作流程成了迫切的需求。

阅读剩余部分 ->