一般而言，title的存在能让所有浏览器或者webview获取到分享标题，但description并不是所有环境都能带上。按照其他seo经验，还可在页面上增加H1 article p等标签，然而分享方面基本用不上。

很明显的可以看出，该方法是利用了lodash.defaultsDeep 深拷贝未过滤危险对象成员constructor来达到污染原型链的目的。

本篇只是记录，为实际业务所碰到的问题。 实现了一个前端的大陆身份证验证（网上cv的）。 问：为毛没验证15位身份证？ 答：因为1999年起开始执行18位标准，现在已经过去了20年。 实现代码(非本人实现)： {代码...} 实现原理

据悉，这道题好像是京东考的。 题目 {代码...} 解答 object方式 {代码...} {代码...} array方式 {代码...} {代码...} {代码...} function方式 {代码...} 本质 请看ecmascript 262规格书 抽象相等比较算法 比较运算 x==y, 其中 x 和 y 是值，产生 true 或者 false。这样的比较按如下方式 进行: 若Type(x)与Type(y)相同，...

Specifies where to display the linked URL. It is a name of, or keyword for, a browsing context: a tab, window, or <iframe>. The following keywords have special meanings: _self: Load the URL into the same browsing context as the current one. This is the default behavior.

在我司现有web前端项目构建过程中，一直使用gulp + rjs的方案进行项目打包，由于整站项目过于庞大，即使是以相当好的机器多核打包，也需要4分钟+的时间，遂产生了将模块全部使用npm管理，并拆分子项目，达到每个通用模块都可自动构建，单元测试，保证质量并稳步迭代的目的。

web worker上传探索 闲来无事，探索一下 web worker上传。 先交代一下背景： {代码...} 相关api问题 Fetch api ie不支持，如未引入fetch-ployfill，那么无法使用,并且fetch无法监听进度事件貌似（如果是分片的话，监听不监听没什么意义） fetch api pc环境兼容性 fetch api mobile环境兼容性 XMLHttpRequest 没问题,区别...

首先，这是一篇不严谨的博文。 本文仅供参考，无法在实际生产中运用。 在捯饬文件分片上传的过程中，我总是觉得单线程太慢了。 于是想，用webWorker呗。 首先，我们可以查看一下WebWorker的兼容性。根据MDN文档来看，主流浏览器都兼容。 但有个问题，MDN表示WebWorker只支持到IE10.如果要兼容到ie8，势必要维护两份上传...

最近在写一些奇怪的东西的时候，发现大佬们用go或者其他语言实现的并发任务用了thread.sleep让主进程暂停。 回头一想，妈个鸡我要复制粘贴到node一直循环不合适啊，我也需要暂停来着！ 怎么办？？ 抓了脑袋一会去npm上找了下相关的包，发现有个叫thread-sleep的包，下载量还挺高。 抱着好奇心去看了下源码，又发现源码相...

其原理其实相当简单，通过new Vue(vueComponentConstructor)您可以轻松的建立一个vue实例，在该实例上您可以操作方法、操作数据、监听数据变化，使用各种钩子，对开发者而言并没有任何阻碍。

ReRes 实际开发过程中，我们要对线上或开发环境进行debug活动，此时应该怎么办呢？直接将debug内容上传至生产或者开发服务器？ 不，我们根本不需要。按照快捷的思想，我们只需要将需要debug的文件代理到本机，然后进行修改刷新即可。 这里介绍一个浏览器插件，可以使用正则将需要代理的文件直接代理到本机。 前提是：你...

配置优化 近期观摩斗鱼前端代码，发现斗鱼将某些常用配置静态化了，以下是一些其中一个例子 {代码...} 经过了解,斗鱼将常用网站配置静态化了，其响应头如下 {代码...} 配置静态化,并独立配置服务的好处是 便于修改 在60秒内用户可以连续使用本地缓存，可以极大减小服务器开销 如果缓存超时了，依然可以304继续使用本地缓...

.gitlab-ci.yml允许用户创建无数多个任务.但是每个任务必须有一个独一无二的名字，但不能是以下保留字.一个任务是由一列参数定义的，来决定任务的工作内容和行为.

近期因为折腾gitlab-ci，专门去翻了很多文档，想想貌似自己挺傻的。按照官网教程本来biubiubiu就弄好了，非自己折腾了好几天，还没啥积累，真是作。想想唯一能积累的就是ci的配置详解了。

在ie，chrome以及其他主流浏览器下，jquery.tinyscrollbar能够正常响应并滚动自定义滚动条。但在最新版firefox下，准确的说是OS X系统环境下，发生了自定义滚动条锁滚动的问题。

webuploader是百度fex团队开发的一个十分便捷的上传插件，但是我们在实际生产中，会发现使用它与我们的需求有各种各样的出入。最近做上传功能，踩了不少坑，现在来记录一下。如果我的文章中有任何不妥或者不对的地方，欢迎指正。

当FileReader构造器被调用的时候，用户代理必须返回一个新的FileReader对象。该构造器必须在Window 或者 WorkerGlobalScope 环境下可用.

从源码可以看出该中间件仅仅只是一个工厂函数，输出了一个嵌套工厂函数的工厂函数，那个最终参数带着next的返回函数，就是redux所需要适应的中间件。

目前来说，由于seo需要，前端需要配合中间层使用后端渲染。当前的构建中，我们的构建会全量将jade移入相应的dest文件，修改后会对对应的文件进行重新复制移动，但当我们使用webpack的时候，后端模板的处理变成了一件头疼的事。

happypack有点问题 happypack4.0.0@beta1版本以及以前的版本，并不能很好的兼容webpack2以上的版本。 这个问题并不大，但是目前来说比较影响观瞻。 这个问题实际反映在哪里呢？ 当我使用webpack3的时候，经常发现happypack报两个重复的错误。 {代码...} 从报错分析，我们的其中一个错误是经过Object.emitError时报出的No...

在用webpack打包的时候，我们经常遇到一个问题，那就是由于path的设置，导致我们不能分目录打包我们想要的文件，这样的问题怎么办呢？其实这样的问题很好解决。我们只需要在entry里做一些改变即可。

2d变换矩阵 2d变换矩阵总共有6个可动的参数，这六个参数分别控制不同的变换 {代码...} a 水平缩放 b 水平拉伸 c 垂直拉伸 d 垂直缩放 tx 水平位移 ty 垂直位移 当矩阵为1的单元矩阵的时候 表明该图形没有变换 同等效果 缩放：scale(sx, sy) 等同于 matrix(sx, 0, 0, sy, 0, 0); 平移：translate(tx, ty) 等同于 matrix(1...

riotjs一款小型的10000star mvp框架。目前进化至3.x版本了。读者注意，本篇文章介绍的是2.2.4哦。为啥介绍这款啊，是因为那个啥，preact面向现代浏览器，对我来说不咋好使。

The Proxy object is used to define custom behavior for fundamental operations (e.g. property lookup, assignment, enumeration, function invocation, etc).MDN Proxy

如何检测css特性 如果我们要检测一个css属性是否支持 {代码...} 如果我们要检测该css3属性是否支持某值 {代码...} 如何动态赋值一个css3效果，并支持所有主流浏览器 {代码...} 资料 css揭秘 iSlider line 250

从整篇api文档来看，http模块并没有实现类似express的 req.protocol，req.secure的内容。因此我们无法从请求上直接获取该请求是http还是https。

Web Notification 网页通知API。这是2011年由谷歌技术员John Gregg提出的一项网页通知api。 定义 请读者直接参考whatwg工作组对这个api的定义 Notifications API API设计 {代码...} 从api设计可知，该api的构造器接受两个参数，即通知标题与通知参数，该对象可在window和worker上被使用 通知标题 通知标题即是指用户可见...