程序员必备小知识：近期学习了 WebGL 和 Three.js 的一些基础知识，本文内容主要介绍，通过使用React + three.js技术栈，加载3D模型、添加3D文字、增加动画、点击交互等。

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

作为spa中路由切换的 loading, 结合组件的生命周期和ajax请求返回的时机来使用.（ 作为loading 使用）。作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题。关于页面loading状态的展示，主流的主要有loading图和进度条两种。除此之外，越来…

hello，大家好！我是lin。 今天又想和大家分享封装组件这件事。在开发业务需求的过程中，我们可能会遇到一个全新的业务需求，也可能会遇到一个原来已有的功能去迭代新的功能。 显然，如何去设计一个全新的业务需求值是值得我们去思考的。 同样，在一个原有的功能基础上去开发迭代也是值得…

使用伪元素和元素的颜色差，让伪元素向我们的方向移动，实现影子效果。 使用transform属性，计算每一个块元素的位置组成一个数字。 使用transition属性给line::before和line::after设置过度动画。 通过css属性选择器，获取自定义属性的值。通过变换…

最近开发的一个新平台，有要求接入视频监控通道，公司接入了海康威视平台提供的插件。于是自己去官网下载了demo和开发文档，准备自己捣鼓一下，经过一两天的时间，简单的实现了实时监控的播放和视频水印的开发，在这里分享一下。

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

从复杂的框架到处理 API，有太多的东西需要学习。 但是，它也能让你只用一行代码就能做一些了不起的事情。 1. 获取一个随机布尔值 (true/false) 这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 …

最近工作很忙，迟迟没产出新文章，特来补上。虽说vue3已经正式版出现了（现在用最新的脚手架创建一个项目vue的版本就是3.0了），但是现在生态还没完善起来，掘金其他小伙伴已经做了很多vue3的分享，这边我就不做了，当然各位可以先去康康它👉（vue3）。今天的主要成员还是vue…