如今前端工程师的要求越来越高了，需要掌握的技术点越来越多了，会一些基本的前端技能完全适应不了快速变化的前端领域了。接下来我将从零实现一个自己的UI组件库并发布到npm上，提供给需要的朋友参考也总结下自己对封装组件的理解方便以后复习。 先本地全局安装node环境，vue的运行是依…

关于组件库设计的文章一搜能出来一大把，但大多数都是从UI角度或者视觉规范层面来讲的，但随着前端技术的发展和迭代，前端这个岗位早已不是过去定义的实现样式那么简单了，这篇文章会站在一个技术同学的角度来聊一下组件库的设计除了样式还有哪些可以关注的。 组件的本质其实在于代码的复用和抽象…

WebRTC是一个协议，允许人们使用JavaScript在两点之间创建实时通讯。 我们可以用这个结构使两个或更多浏览器之间实现直接交流，而不需要中心服务器。 服务器只需要在连接的时候被使用，因此每个客户端知道如何连接彼此。 我们可以使用这个特性创建什么类型的App呢？例如，直接…

我们首先在客户端的 js 文件夹下创建一个 axios 的文件夹，里面存放我们自己实现的 axios 相关代码。 我们在使用官方 axios 的，会有很多配置项，包括全局配置，实例配置和请求配置，因此我们就来看看配置信息这一块。 在使用官方 axios 的时候，我们可以通过一个…

说到js的渐变显示与消失，多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeToggle()。但如果仅仅是为了引入这样的一个效果，而去调用了庞大JQuery库？或者说我通过用原生js实现一些函数来提高自己~ 所以，我简单的研究了一下纯js代码写淡入淡…

上一次社区中谈论起 Web Components 已经可以追溯到三四年前了，彼时 Web Components 仍处于不稳定的草案阶段，Polymer 的出世使大家似乎看到了新一代的前端技术，但直到今天，在今年五月 Google I/O 发布 Polymer 3 之后， Web…

就目前而言，纯粹的Web Components在兼容性方面还有着较为长远的路，这里做个记录总结，以纪念自己最近关于Web Components的学习道路。 Web Components由HTML Import、Template、Custom Element、Shadow DOM…

界面展示的时间千变万化, 所以一个处理时间的函数，它的重要性就不言而喻了。 formatDate 接受俩个参数, oldDate 类型可以是 Date，String，Number。因为现在用时间戳传递时间真的是蛮多，也蛮方便的，而JS 是一门弱类型语言，所以我将 String …

如果用window.location.replace("http://www.baidu.com") 实现跳转页面, 它和上面方法的区别在于它跳转后不会保存跳出页面的信息. 它的效果类似于在网页上点击右键, 在新窗口打开或新标签页打开. 而 window.location.hr…