teal_front

相比于比较常用的export一个对象，类的形式要额外引入两个包： npm、vue-property-decorator。 其次我们还要在class定义前面加入@Component修饰器，这样一个简单的class-based组件就完成了。

从第1个source开始判断，img元素兜底。 img元素兜底时，lazy-load也是可以正常使用的,自身的class也不受影响。 html结构不动， 对于不支持picture的浏览器，picture标签并不解析，img与picture同级。所以css里设置的善于pictur…

合成器线程可以单独处理用户的交互并使内容更变,不需求主线程去执行,主线程执行js、布局、样式、绘制。 Chrome Devtools里面的“layer”选项卡，可以帮助看到页面上的层。

现在nodejs在服务器上使用越来越广了，常用的框架有express、koa、eggjs等，nodejs进程管理工具是pm2。 下面就说下nodejs在实战中的日志管理 日志管理一般有两种，一种是上传到日志服务器，一种是本地保存。 每个公司实现情况不一样，下面只说下本地保存的方…

一些网站特别是以内容呈现为主的，经常会有图片的显示。一方面图片要懒加载，另一方面要设置图片占位以避免页面抖动。 懒加载的这篇文章先不说，先说下图片占位中，保持图片原始宽高百分比的问题。 图片原始宽高百分比，在英文里有个专有名词，Intrinsic ratio，在Google搜这…

scope作用域，一开始以为是同静态资源的作用域，后来才个发现这个作用域是hmtl的作用域，即只要html页面在这个作用域里，那页面的请求就会被fetch回调捕捉到。 下面的sw.js的路径是/，或是把sw.js的Header加上``头，当前涉及到运维的事都会比较麻烦啦。所以就…

开场工作中会经常用到npminstall或是npmupdate，那这两个命令有什么区别呢可以用一个文件来看下由此可以看到两者之间的差别就是对于已经安装的包，没有明确版本号的npminstall会忽略n

表单中我们经常会用到token来解决CSRF的问题，比较常用的是token放在input:hidden中，由服务器生成页面时输出。token在服务端中存放在session中，当我们刷新页面时，这个token就随之刷新，表单提交时，也一道把token值发送到服务器校验，如果tok…

非常简单的demo，简单到你哦了一声，这么简单的概念呀。有个什么用呢 更优美的理解我们使用的代码，更好的享受编程的乐趣，轻松的维护和调试你的代码。额外地说一下，使用纯函数与面向对象编程并无冲突。