标签：前端开发
共 64 篇文章
Error: write after end的解决方案
最近在看之前的大神写的一个项目，出现了 Error: write after end 的报错信息，导致项目始终跑不起来。开始以为是我网络的问题，又是加VPN，又是挂代理，后来发现并没有用，还是install不上，后来查了一下，发现与npm版本有关。总结了下面几个解决方案。
安装特定版本npm
使用如下命令
继续阅读使用jquery.simple-scroll-follow实现滚动跟随
在开发麻辣GIS的时候需要实现一个滚动跟随的效果，写得自己脱了一层皮，各种计算，不过好歹实现了。最近把个人博客也想加上这个效果，不想再重复造一次轮子。于是发现了这个：sutara79/jquery.simple-scroll-follow
继续阅读浅说JavaScript之Event Loop（上）
Event Loop 也叫事件循环，是 JavaScript 中的基础概念，听起来蛮唬人，查了一些资料，斗胆用大白话来说说这个东西。PS：仅限浏览器的讨论。
为什么会有 Event Loop
这一切还要从 JavaScript 的诞生说起，因为造它的用途简单，就是来浏览器“谈谈心”。谈心嘛，套路什么的不用太深，给你一个单线程的脑子就够了。于是乎，这“一根筋”的 JavaScript 就来到了人间，虽然这个呆头呆脑的家伙后来上了一件叫 “Worker” 的装备，也开始学会了城里人的套路，但它总归是村里出来的（web worker本身限制诸多，有空再叨），再多的套路也没变了它“一根筋”的本质。
继续阅读text-overflow: ellipsis 无效的解决方案
一个简单的需求，要展示用户的微信名，有的人喜欢把微信名起的很长，导致一个框框显示不下，于是用到了 text-overflow 的属性。代码如下：
width: 90%;
margin: 0 auto;
overflow: hidden;
font-size: 14px;
color: #fff;
text-align: center;
text-overflow: ellipsis;JavaScript 封装一个显眼的 console
开发时候经常会打印很多log，开始的时候还好，可后来就会打印一堆log出来，有时候调试为了找自己的log就会使用如下的句式：
console.log('=============================>', a)
有没有办法让log更显眼一点？有。官方文档中说可以设置一个 %c 来指定输出样式。
PWA浅尝辄止
前段时间看到苹果官方将对PWA提供支持，之前看到沪江也已经开始了PWA的尝试，于是尝试自学了一把，写点心得。
教程
Your First Progressive Web App
继续阅读《JavaScript高级程序设计》读书笔记：classList 与 readyState
继续学习《JavaScript高级程序设计》，体会原生 JavaScript 之美。今天记录2个有用的属性。
1.classList
HTML5 对DOM操作 class 做了优化，增加了 classList 属性，从此再也不用对 className 做字符串操作了。它有4个方法
add // 增加一条属性（已经存在就不添加）
contains // 判断属性是否存在
remove // 删除属性
toggle // 如果存在就删除，不存在就添加。这个好玩～html == document.childNodes[0] ? 不是
《JavaScript高级程序设计》（第三版）中发现了一个问题，在P254中有这么一句
html === document.childNodes[0]
作者当时写书的时候，document.childNodes[0] 返回的是html元素，也就是说返回 true， 但我在读的时候试验了一下，发现是不对的。
document.implementation.hasFeature总是返回true
在读《JavaScript高级程序设计》（第三版）中发现了document.implementation.hasFeature 方法，这个方法功能很强大，可以检测到浏览器是否支持某些功能。（P259）
于是我赶紧使用了一下，发现：
document.implementation.hasFeature('Range',"40000000.0")通过ua判断微信浏览器打开
最近做了一个小需求，需要判断网页是不是在微信内打开的，打印了一下微信浏览器的UA，写了一个简单的小函数。
function checkWechatBrowser () {
var userAgent = navigator.userAgent.toLowerCase();
return (/MicroMessenger/ig).test(userAgent);
};