普雷维利峡谷里的河流和棕榈树森林，希腊克里特岛 (© borchee/Getty Images)
笔记本截屏按键教程
笔记本使用的时候，我们经常会需要使用到截图工具，但是不同于台式机，有些笔记本的键盘是不一样的，那么笔记本怎么截屏按哪个键呢，下面就来看看吧。...
电脑的aero开启教程
aero是windows系统中的一种透明玻璃界面，能够在提供清晰文字的情况下，获得炫酷的美感，那么电脑的aero怎么开启呢，其实我们只要打开透明效果就可以了。...
Javascript中创建元素的三种方式以及区别
1. innerHTML() 创建元素 是将内容写入某个DOM节点中，单个创建元素没有什么影响，如果利用for循环拼接多个字符串的形式创建元素的话会出现执行时间的不一样，导致效率很慢；如果想要创建多个元素的效率更高可以不用拼接字符串，而是采取数组形式拼接，但是这种方式结构稍微复杂了点，不会导致页面的 ...
Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊
2545光年之外的开普勒1028星系，有一颗色彩斑斓的宜居星球 🌑，星际移民 👨🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地，快帮它在限定时间内使用轮盘移动找到基地获取防辐射服吧！本文使用 Three.js + React + CANNON 技术栈，实现... ...
ajax - 终结篇jsonp，防抖节流
今天是我们最后一天ajax的学习，这次学完总可以去vue了吧，我不信还有什么拦路石，先不说其他的先看看今天的内容。 1. 首先是同源策略，什么叫做同源？ 如果两个页面的协议、域名、端口都相同的话，我们将这两个页面为同源。 那么什么同源策略呢？ 是浏览器提供的一个安全功能，如果说两个页面不同源，那么A ...
Three.js 打造缤纷夏日3D梦中情岛 🌊
深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包括：Tone Mapping、Water 类、Sky 类、Shader 着色、S... ...
接上一篇使用递归获取Tree数据结构中的目标数据，封装了一个通用函数
/** * @param {Array} dataList 完整数据(必传) * @param {Sting/Int} keyName 对哪个字段进行与targetID对比(必传) * @param {Sting/Int} targetID 目标数据的唯一标识符(必传) * @param {Stin ...
tree-shaking
来源 tree-shaking 最早由 Rich Harris 在 rollup 中提出。 为了减少最终构建体积而诞生。 以下是 MDN 中的说明： tree-shaking 是一个通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code) 行为的术语。 它依赖于 ES201 ...
element-ui tree 异步树实现勾选自动展开、指定展开、指定勾选
背景 项目中用到了vue的element-ui框架，用到了el-tree组件。由于数据量很大，使用了数据懒加载模式，即异步树。异步树采用复选框进行结点选择的时候，没法自动展开，官方文档找了半天也没有找到好的办法！ 找不到相关的配置，或者方法可以使用。 经过调试与阅读elment-ui源码才发现有现成 ...
Vue3系列12--keep-alive缓存组件
有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。 开启keep-alive 生命周期的变化. 初次进入时： onMounted> onActivated 退出后触发 deact ...
three.js实现太阳系
前言 刚开始使用three.js时会不太熟悉，想写一些项目增加理解，网上翻了好多文章，不是画立方体就是画三角形，最后偶然看到这个网站，十分炫酷。 我们也许没那么牛逼，但我们可以整个简略版的太阳系来练练手，加强理解，增加熟练度。 实现目标 1、绘制宇宙背景。 2、添加宇宙星辰。 3、绘制行星轨道。 4 ...