前端技术

一个对 undefined 的判断引发的思考

最近学习小程序开发时在有赞小程序UI库Vant-Weapp中看到这样一行代码: function VantComponent(vantOptions) { if (vantOptions === void 0) { vantOptions ...

MySQL 不支持 emoji 表情的原因及解决办法

抄一段网上找的原因说明: mysql数据库的默认字符集utf8,只能存储3个字节的数据。标准的emoji表情是4个字节,在APP端输入保存表情是用户的普遍需求和行为。 解决方式:更换字符集 utf8 为 utf8mb4 mb4 的意思是 m...

webpack 打包 react 应用不兼容 IE9 的原因

提到 webpack 真的是对她又爱又恨,爱是因为她确实很棒,提升开发效率等等... 恨是因为版本迭代太快,踩不完的坑... 最近开发的一个小项目需要兼容IE9,react 官方表示是兼容IE9的,只不过需要一些 polyfill 支持。 ...

contenteditable 中的一些坑

1、在contenteditable="true"  中插入contenteditable="false"的元素,如果为其设置css user-select: none;后会导致删除连续的 contenteditable="false" 元...

react-dnd 使用中出现 Expected to find a valid target 错误的解决办法

最近项目中有使用到 react-dnd 开发拖拽需求,开发过程中遇到一个奇怪的报错: 虽然这个错误没有导致页面直接挂掉,但是也影响到拖拽的流畅度。而且会导致 isDragging 状态提前更新。 解决这个问题的办法就是,在拖拽元素上设置一个...

react 中输入框输入时失去焦点

最近在开发一个自定义表单的项目,在开发过程中偶然发现了一个有趣的问题。当用户输入时,React 失去了输入框的焦点。 下面是这个问题的表现示例: [video width="289" height="253" mp4="http://www...

JS函数节流的实现

引用网上摘抄的一段对函数节流比较通俗的解释。 函数节流背后的基本思想是:某些代码不可以在没有间断的情况下连续重复执行。第一次调用函数,创建一个定时器,在指定的时间间隔之后运行代码,当第二次调用函数时,它会清除前一次的定时器并设置另一个。如果...

Mac OS 配置VPN

由于公司VPN使用的是L2TP协议,并且是无共享密钥的,OS X需要作一些配置才能支持,否则会提示“IPSec 共享密钥”丢失。请验证您的设置并尝试重新连接。 1、/etc/ppp/ 下 创建 options 文件 sudo vim /et...

使用IntersectionObserver实现简易的图片懒加载功能

IntersectionObserver是什么? IntersectionObserver是一个新的web API,可以自动检测某个元素是否出现在页面可视区,所以有一个通俗的名字叫 “交叉观察器”,Chrome 51+ 已经支持该特性。更详...

Powered By Yuuk