常用几何体概念 所有几何体的基类分为Geometry和BufferGeometry两大类，两类几何体直接可以相互转化。 注：以下所有示例材质（材质的具体概念下次再讲）选用均建议用如下： //第一个参数是几何体颜色 第二个为网格 线框展示 ...

首先说一下实现原理： 下拉刷新 实现下拉刷新主要分为三步： 监听原生touchstart事件，记录其初始位置的值，e.touches[0].pageY； 监听原生touchmove事件，记录并计算当前滑动的位置值与初始位置值的差值，大于0表 ...

跨域问题的场景和解决方案多种多样，只要是做前端开发，总会遇到。而且面试时也是必问的问题。所以自己学习总结记录一下。 前置知识：浏览器的同源策略 首先需要明确一点：协议、域名、端口都相同才叫同源。 同源政策的目的，是为了保证用户信息的安全，防 ...

如图，需求是将el-tree改成如下样式： 需求样式 默认展开第一层，左侧添加蓝色条条 点击任意一项时，左侧添加蓝色条条，其他的蓝色条条均消失 我们可以自由控制el-tree里面文字的样式，但是由于CSS暂时不支持通过子元素去查找父元素，所 ...

同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 不受同源策略 ...

gray-image 简易的灰度化图片的工具 引子 今天对于全国同胞来说是个庄严肃穆的日子，是纪念在抗击新冠疫情牺牲的烈士与广大同胞的纪念日，也是中国的四大传统节日「清明节」。 自古以来，清明节就是我们用来纪念先人，缅怀祖先的，20 年这个 ...

我在网上寻找好用整洁的Javascript动画库时，我发现许多开发者推荐的一些动画库。经过我的研究，我收集了11个最好的动画库供你的使用学习，并且也可以应用到你的程序中。1、Three.js地址：https://github.com/mrd ...

function creatEl(){ let box = document.getElementById('box'); for(let i=0;i<4;i++){ let el=doucument.creatElemen ...

在实际开发过程中，有时需要将图表或者地图等基于Canvas技术渲染的数据下载到本地保存到情况，下面介绍两种方法来完成这种功能。 一、a 标签法 a 标签方法主要分为以下步骤： 将 canvas 元素的数据通过原生 api 转换成 base6 ...

今天给大家整理出来了web前端工程师初级阶段需要掌握的内容，很全面，希望大家好好阅读，看看自己掌握的知识点和文章里面写的还相差多少。什么是初级web前端工程师？按照我的想法，我把前端工程师分为了入门、初级、中级、高级这四个级别，入门级别指的 ...