2020年5月22日FOLLOWME5.0的第一个版本终于上线了，这也是公司内部基于 Genesis 上线的第二个项目。首页是老项目经历了最原始的那种 Vue SSR，后来在年初的时候，迁移到了 Nuxt.js 下，再到现在迁移到了 Gen ...

本文目录： 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...

Unsplash 在 JavaScript 中 this 取什么值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了，因为 this 的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文环境 this 作为普 ...

Unsplash 去除字符串首尾空格的方式，主要是利用正则进行替换，这里写了两种方式供大家参考 function trim(string) { if(string.trim) { return string.tri ...

1px有多大？ 我们先了解几个概念： 关键概念 设备像素：设备屏幕实际拥有的像素点一般来说：宽度方向有1920个像素点，长度方向有1080个像素点。 逻辑像素：CSS 的像素单位(就是我们这次要讨论的css的px)，其尺寸大小是相对的，也称 ...

拖拽的实现 在HTML5还未普及之前，实现元素的拖拽还算是一件比较麻烦的事，大概思路就是监听鼠标移动相关事件，下面是伪代码 oDiv.onmousedown = function(ev){ //记录起始位置 } document.o ...

前言 在问题前，需要先理解事件冒泡、事件代理 可参考文章【事件代理】 动态数据列表里，如何监听每条数据的点击？ 具体实现如下： DOM节点： a1 ...

如果只是下载个xlsx静态模板文件，可以使用纯前端形式来实现 一种是给页面要实现点击下载功能的元素绑定事件 let dounBtn = document.querySelector(".down") dounBtn.onclick = fu ...

这就是你日思夜想的 React 原生动态加载 在 React 16.6 版本中，新增了 React.lazy 函数，它能让你像渲染常规组件一样处理动态引入的组件，配合 webpack 的 Code Splitting，只有当组件被加载，对应 ...

我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...