02 2022 档案
摘要：
每次点击方块时通过三元表达式，改变对应的class，每一个不同的class对应不同的样式，从而通过改变class实现样式的切换。 实现代码 <template> <div class="container"> <!--通过三元表达式选择class使用对应的样式--> <div v-for="item
阅读全文
每次点击方块时通过三元表达式，改变对应的class，每一个不同的class对应不同的样式，从而通过改变class实现样式的切换。 实现代码 <template> <div class="container"> <!--通过三元表达式选择class使用对应的样式--> <div v-for="item
阅读全文
摘要：
使用原因 盒模型布局中padding与border也是具有尺寸的，为避免其对页面布局产生影响，可使用box-sizing: border-box;属性设置盒模型，此时便可只用设置元素宽高即可。 #属性详解 box-sizing的值有content-box、border-box、inherit。 co
阅读全文
使用原因 盒模型布局中padding与border也是具有尺寸的，为避免其对页面布局产生影响，可使用box-sizing: border-box;属性设置盒模型，此时便可只用设置元素宽高即可。 #属性详解 box-sizing的值有content-box、border-box、inherit。 co
阅读全文
摘要：
什么是flex布局 flex布局即为弹性布局，使用display:flex进行布局，此布局使得盒模型布局更易使用。值得注意的是设为flex布局后，子元素的float、clear和vertical-align属性将失效。 flex的使用 当元素使用flex后，该元素则成为flex容器(containe
阅读全文
什么是flex布局 flex布局即为弹性布局，使用display:flex进行布局，此布局使得盒模型布局更易使用。值得注意的是设为flex布局后，子元素的float、clear和vertical-align属性将失效。 flex的使用 当元素使用flex后，该元素则成为flex容器(containe
阅读全文
摘要：
css伪类选择器可修改滚动条样式，仅限webkit内核浏览器。 点击查看代码 ::-webkit-scrollbar {/*滚动条整体*/ width: 7px; height: 7px; } ::-webkit-scrollbar-track{/*滑轨*/ background-color:#aa
阅读全文
css伪类选择器可修改滚动条样式，仅限webkit内核浏览器。 点击查看代码 ::-webkit-scrollbar {/*滚动条整体*/ width: 7px; height: 7px; } ::-webkit-scrollbar-track{/*滑轨*/ background-color:#aa
阅读全文
摘要：
以创建一个立方体为例 安装 安装three:npm i three 使用 引用 引入three以及three中自带的相机控件OrbitControls用以操控相机: 初始化场景 scene：场景所有three事物均在其中。 camera：使用PerspectiveCamera透视相机，参数需注意调整
阅读全文
以创建一个立方体为例 安装 安装three:npm i three 使用 引用 引入three以及three中自带的相机控件OrbitControls用以操控相机: 初始化场景 scene：场景所有three事物均在其中。 camera：使用PerspectiveCamera透视相机，参数需注意调整
阅读全文
摘要：
父传子 利用props传值，子组件中规定props数据类型，然后父组件使用子组件时需要绑定数据在子组件上： 父组件 <template> <div class="parents-div"> <!--绑定msg传入子组件--> <Children :msg='msg'/> </div> </templ
阅读全文
父传子 利用props传值，子组件中规定props数据类型，然后父组件使用子组件时需要绑定数据在子组件上： 父组件 <template> <div class="parents-div"> <!--绑定msg传入子组件--> <Children :msg='msg'/> </div> </templ
阅读全文
摘要：
1、在cesium中添加模型依赖于Cesium ion帐户的资产id，在这里创建账户。 2、上传模型(模型文件类型在Cesium ion中有说明，模型的提取办法可在这里查看)到账户中并平铺为3D Tiles类型便于cesium的使用。 3、复制下资产id，替换下面代码中的id: 点击查看代码 //添
阅读全文
1、在cesium中添加模型依赖于Cesium ion帐户的资产id，在这里创建账户。 2、上传模型(模型文件类型在Cesium ion中有说明，模型的提取办法可在这里查看)到账户中并平铺为3D Tiles类型便于cesium的使用。 3、复制下资产id，替换下面代码中的id: 点击查看代码 //添
阅读全文
摘要：
安装 建议使用vue的cesium插件：vue-cli-plugin-cesium。vue add命令可零配置添加cesium:vue add vue-cli-plugin-cesium 报错 添加完成后如果报错cesium未定义(Eslint 语法校验问题)，则在package.json中添加以下
阅读全文
安装 建议使用vue的cesium插件：vue-cli-plugin-cesium。vue add命令可零配置添加cesium:vue add vue-cli-plugin-cesium 报错 添加完成后如果报错cesium未定义(Eslint 语法校验问题)，则在package.json中添加以下
阅读全文
摘要：
vuex是什么 vuex是一个专门为vue开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，其核心是state。 vuex中有什么 state：存放状态数据的地方，其中数据是响应式的，数据改变对应组件的数据也会跟新改变，禁止直接改变state中的数据否则数据无法被调试工具监测。 gett
阅读全文
vuex是什么 vuex是一个专门为vue开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，其核心是state。 vuex中有什么 state：存放状态数据的地方，其中数据是响应式的，数据改变对应组件的数据也会跟新改变，禁止直接改变state中的数据否则数据无法被调试工具监测。 gett
阅读全文
摘要：
安装软件 在此处下载blender并安装。 添加平面 1、打开blender,右键删除初始的立方体。 2、shift+a选择平面添加进场景： 3、按下s键鼠标拖动调节平面大小确定后按下鼠标左键： 4、选择顶部菜单的modeling后再右键选择细分： 5、在左下角输入细分的数值后按下回车： 导入灰度图
阅读全文
安装软件 在此处下载blender并安装。 添加平面 1、打开blender,右键删除初始的立方体。 2、shift+a选择平面添加进场景： 3、按下s键鼠标拖动调节平面大小确定后按下鼠标左键： 4、选择顶部菜单的modeling后再右键选择细分： 5、在左下角输入细分的数值后按下回车： 导入灰度图
阅读全文
摘要：
1、vscode中打开：文件>首选项>用户片段>输入vue按下回车 2、复制下面代码并保存。 点击查看代码 { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class=''></div>", "</tem
阅读全文
1、vscode中打开：文件>首选项>用户片段>输入vue按下回车 2、复制下面代码并保存。 点击查看代码 { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class=''></div>", "</tem
阅读全文
摘要：
仅作记录： 点击查看代码 <!-- 文档类型声明位于文档中的最前面--> <!DOCTYPE html> <!--lang代表该网页所属国家地区--> <html lang="en"> <!--头部标签，定义文档的一些属性--> <head> <!--meta定义与文档相关联的名称/值对--> <m
阅读全文
仅作记录： 点击查看代码 <!-- 文档类型声明位于文档中的最前面--> <!DOCTYPE html> <!--lang代表该网页所属国家地区--> <html lang="en"> <!--头部标签，定义文档的一些属性--> <head> <!--meta定义与文档相关联的名称/值对--> <m
阅读全文
摘要：
仓库操作： 初始化git仓库：git init 克隆仓库服务器：git clone <地址> 提交操作： 暂存所有更改：git add . 提交更改：git commit -m"xxx" 撤销一次提交：git reset --soft HEAD~1 分支操作 查看当前分支：git branch 创建
阅读全文
仓库操作： 初始化git仓库：git init 克隆仓库服务器：git clone <地址> 提交操作： 暂存所有更改：git add . 提交更改：git commit -m"xxx" 撤销一次提交：git reset --soft HEAD~1 分支操作 查看当前分支：git branch 创建
阅读全文
摘要：
安装npm 1、检查node，未安装在这里下载最新版安装。 2、检查npm，node自带npm但不是最新版本，需要命令更新：npm install -g npm 安装vue脚手架 1、在国内下载时网络会出问题,建议淘宝镜像下载，配置镜像：npm install -g cnpm --registry=
阅读全文
安装npm 1、检查node，未安装在这里下载最新版安装。 2、检查npm，node自带npm但不是最新版本，需要命令更新：npm install -g npm 安装vue脚手架 1、在国内下载时网络会出问题,建议淘宝镜像下载，配置镜像：npm install -g cnpm --registry=
阅读全文
摘要：
此教程只适合安卓手机！非adb非root，傻瓜式操作。 新手机到手了，激动啊！打开看看，是不是什么乱七八糟的鬼软件手机厂商都给你整齐活了。 呵，拼夕夕是吧？我卸载！ 呵，手机商城是吧？我卸载！ 呵，浏览器广告也这么多，我直接卸载换via吧，我卸载！欸？卸载不掉啊？ 原来是系统软件啊？这不能卸载吗？当
阅读全文
此教程只适合安卓手机！非adb非root，傻瓜式操作。 新手机到手了，激动啊！打开看看，是不是什么乱七八糟的鬼软件手机厂商都给你整齐活了。 呵，拼夕夕是吧？我卸载！ 呵，手机商城是吧？我卸载！ 呵，浏览器广告也这么多，我直接卸载换via吧，我卸载！欸？卸载不掉啊？ 原来是系统软件啊？这不能卸载吗？当
阅读全文
摘要：
安装 1、安装element-ui：npm i element-ui -S。 2、安装babel-plugin-component：npm install babel-plugin-component -D。 修改 1、在项目根目录下新建.babelrc文件： 2、在.babelrc中写入： 点击查
阅读全文
安装 1、安装element-ui：npm i element-ui -S。 2、安装babel-plugin-component：npm install babel-plugin-component -D。 修改 1、在项目根目录下新建.babelrc文件： 2、在.babelrc中写入： 点击查
阅读全文
摘要：
安装 1、安装sass：npm i sass。 2、安装sass-loader：npm i sass-loader@10.1.1。(安装sass-loader时会出现版本报错，建议使用10.1.1) 使用 在style标签中写入lang='scss'(勿误写为sass)，样式代码直接嵌套编写，更加直
阅读全文
安装 1、安装sass：npm i sass。 2、安装sass-loader：npm i sass-loader@10.1.1。(安装sass-loader时会出现版本报错，建议使用10.1.1) 使用 在style标签中写入lang='scss'(勿误写为sass)，样式代码直接嵌套编写，更加直
阅读全文
摘要：
发现问题 偶然发现家里的私人云盘不能用了，最开始以为是云盘出现了问题，各种修复重启后发现云盘并没有问题。然后又发现电脑无法使用浏览器访问网页（或者加载异常缓慢），但是各种软件又可以正常使用，win+R cmd 后的ping www.baidu.com 丢包率100%，于是又怀疑是不是路由器出了什么问
阅读全文
发现问题 偶然发现家里的私人云盘不能用了，最开始以为是云盘出现了问题，各种修复重启后发现云盘并没有问题。然后又发现电脑无法使用浏览器访问网页（或者加载异常缓慢），但是各种软件又可以正常使用，win+R cmd 后的ping www.baidu.com 丢包率100%，于是又怀疑是不是路由器出了什么问
阅读全文
摘要：
在前端3d可视化开发过程中有时会需要到白模，特别是gis开发，可能会用到各个城市的白模，其实可以使用Blender配合BlenderGis插件来提取osm中的白模。具体步骤如下： 安装软件 在此处下载Blender并安装。 添加插件 1、安装完Blender后，在此处下载Blender的插件Blen
阅读全文
在前端3d可视化开发过程中有时会需要到白模，特别是gis开发，可能会用到各个城市的白模，其实可以使用Blender配合BlenderGis插件来提取osm中的白模。具体步骤如下： 安装软件 在此处下载Blender并安装。 添加插件 1、安装完Blender后，在此处下载Blender的插件Blen
阅读全文
浙公网安备 33010602011771号