摆烂的路人甲

基于Monaco Editor 和 Language Server Protocal实现云端代码编辑器

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

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

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

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

在vue工程中创建SplitPane组件，引入页面使用。 SplitPane组件由三部分组成：区域1，区域2，以及滑动器。添加这三个元素，并分别添加class名，注意.pane为区域1和区域2共用。 将容器设置为flex布局，区域2的flex属性设为1，则区域2会根据区域1的宽…

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

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

当我们在一个 team 中开发的时候，每个人的本地环境都是有所不同的，比如 node 版本，windows 系统和 Mac 有所区别等等，Jenkins 就可以解决这个问题。Jenkins 就相当于大家的一个统一环境，不会有所差异。 另外，我们平时在部署的之前需要 npm ru…