three.js 小游戏vue3实践

本次实践在vue中引入three.js,然后实现3D动画运动场景,只要用于尝试vue3的项目练手。 1.安装准备 1)、vue-cli初始化项目,vue-cli需要最新版本4.5.x。 2)、安装three,npm install three 3)、安装轨道控件插件,npm install three-orbit-controls 4)、安装加载.obj和.mtl文件的插件,npm »

温仪 温仪

javascript单线程与浏览器的一些事

本次研究源于一次window.open引发的浏览器崩溃血案,虽替换方案解决了问题,但有必要深入摸索学习浏览器更深层的机制,加深自我对写js代码的辅助灵活运用。 1.进程和线程 进程和线程是操作系统里的概念。 进程是CPU进行资源分配的基本单位。线程是CPU调度的最小单位。 概念类比比较形象生动的解释,请移步这里(阮一峰大神的文章) 2.浏览器 浏览器架构图: 3.浏览器使用进程、线程 从浏览器的架构图,研究浏览器是如何使用进程和线程完成任务。 现在主流浏览器都使用多进程方式,结合浏览器架构图,现以chrome为例,对浏览器的进程工作进行比对: 给出下图chrome的进程架构图 »

温仪 温仪

# 记一次mac卸载旧版vue-cli失败的追踪

老版的vue-cli版本是3.8.x,最近想要新启一个项目,网上一看vue-cli升版了,就想着跟着升级一波,本想着万年不变卸载语句 npm uninstall,结果就报错中断了。 为啥卸载不掉 我的原因是,在中间某个日子,装了nvm用于切换node,坑爹的历史遗留问题就出现了。 去这目录下查找,发现vue时候快捷替换的引用,不是vue-cli本身的路径,此时,只能再次google,查看真实的安装路径。 本地装了zsh,所以打开的文件是 vi ~/.zshrc。里面有一句和node_ »

温仪 温仪

# echarts双Y轴篇

在使用echarts时,经常会用到需要使用双Y轴去展示数据,或者在版本迭代的过程中有了双 Y的需求,需要改造原来的单轴数据,所以就要对单双轴差异和双Y的难点处理做到心中有数,改版无忧! echarts官方demo单轴改为本文双Y轴 有用到vue写法,如不熟悉,可自行google具体写法含义。此处不赘述解释~~ html部分 <!-- template 为vue标签 --> <template> <div :class=" »

温仪 温仪

# 图表实践二三事

一、echarts从demo到定制 1.步骤一 在echarts文档中心找与定制化相似的官网demo,依次为基础开始改造。 2.步骤二 先调整具有全局作用的一些属性,如颜色,总体排版布局等 1)如需要定制化的颜色,参考以下代码 setOption({ ... /** 调色盘颜色列表 */ color: ['#fb474b', '#fbca47', '#ca47fb'], ... }) color字段数组颜色顺序和series字段每个系列的顺序是一一对应的。此全局作用后,坐标系里的类别颜色和对应的图例legend同时都变化完成。 »

温仪 温仪