tomwang1013的学习总结

快三周前，我的第二个小孩出生了，欢喜之余，总希望他没病没灾快点长大。前几天突然有点小症状：鼻塞，打喷嚏，打出来黄色的浓稠鼻涕，观察了两三天不见好转，就送医院了，这里要说的就是送医院后的事 第一次送的医院是他出生的医院，因为很近的缘故不想多走。一个年轻的女医生接待的： “我的孩子鼻塞，打喷嚏，有黄鼻涕” “几天了？咳嗽吗？” “三四天了，基本不咳嗽” 我说完后她用听诊器在孩子的胸腔上的几个部位... 阅读全文…

经过很久的思虑，我决定开始练习写作了，有很多原因促成这一决定，而这些原因又可以归结成一个中心点：暂时没有其他事情可以提起自己永久或长远的兴趣了 对于大多数像自己这样平凡却不甘于平庸的人来说，总想找个地方发力一下。按理说在自己目前的岗位上发力是最好的选择：努力提高业务及专业能力以在公司博得一个好的发展前景。但是鉴于自己平庸的专业才能及公司的平台限制，总觉得这种努力没太大意义，人们常说选择比努力... 阅读全文…

元素和viewport的尺寸一直很迷惑，看到几张图，记录下来做个备份： 窗口尺寸 viewport尺寸 元素尺寸 ... 阅读全文…

​ 很久没有更新了，这段时间主要忙于做微信小程序，不是公司的事情，是自己想做。很久以来自己一直有一个产品梦，希望独立完成一款有价值的产品。不过一来自己懒，二来自己是个前端，不会做APP，web又需要兼顾后端，一个人说实话要完成很难（考虑到自己有家庭又在上班）。微信小程序的出现让我看到了希望，尤其是它推出的云开发大大简化了开发过程，使得开发者完全不用自己处理后端服务器了，所以自己... 阅读全文…

push notification是PWA的重要组成部分，它使得web程序也具有native app类似的”离线”通知功能：即使程序的页面被关掉了，用户依然可以收到服务端发送的通知消息。push notification机制建立在service worker之上，是以下几个部分共同作用的结果： web server 后端服务，将消息推送给push service push service... 阅读全文…

提到响应式图片设计，我们脑海中首先闪现的是picture, source, secret, sizes这些新的标签或属性，内容很多，且似乎都不是一看就能明白的道理，关于此方面的文章也多，一般看了过段时间就忘了，今天自己也来总结一下，做个备忘 初衷是这样的：由于设备的多样性，我们希望在不同的设备上，从图片大小和质量上选择最合适的图片！比如说屏幕只有300px，我们肯定不希望加载1000px的原... 阅读全文…

webpack是公认的功能强大但是难用的工具，虽然文档很全，但是由于各种配置太多且很多配置只有经过测试才能发现其意义，虽然自己从两年前就开始使用了，但是也只是勉强能给出符合项目要求的配置而已。最近webpack4发布了，自己又从头开始仔细读了一下它的guide文档，并按照文档的示例跑了一遍，对webpack的几个核心概念终于有了稍微清晰的认识，这里记录一下 chunk chunk大概是文档... 阅读全文…

SOP浏览器的同源策略(Same-origin policy，下面简称SOP)用来控制document及其里面的script如何访问不同域的资源，政策大家都听过，但是细节很多，这里做个总结备忘 cross-site ajax request跨域ajax请求，毫无疑问是被阻止的，这也是我们对SOP的第一印象 cross-site script API access跨域访问另一个文档的内容，也是... 阅读全文…

webpack的sideEffects选项和tree shaking有关，按照官方文档我测试了下这个选项对打包代码的影响，示例代码如下： 12345678910// math.jsexport function square(x) { return x * x;}console.log('math has side effects')export f... 阅读全文…

作为前端工程师，我们基本都被webpack和babel蹂躏过，并且将继续被蹂躏。module javascript(下面简称mjs)带来了一点点曙光，本文简单介绍一下mjs 基本用法我们知道，一个js模块是封闭的：它里面定义的所有顶层变量的作用范围都是在模块之内；它对外的接口需要手动导出(export)，模块是我们写代码的正确姿势。但是普通的js文件被浏览器引入之后它里面的代码都是在全局作用... 阅读全文…