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

阅读剩余部分 ->

那些年我踩过的emoji乱码坑

前言

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

阅读剩余部分 ->

feeds流中的图片

feeds流中的图片

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

1、朋友圈

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

阅读剩余部分 ->