<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yy_1028的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yy_1028</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yy_1028]]></copyright><item><title><![CDATA[script中的setup语法糖 告别return]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/125620887</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/125620887</guid><author>yy_1028</author><pubDate>Tue, 05 Jul 2022 15:27:23 +0800</pubDate><description><![CDATA[script中的setup语法糖 告别return]]></description><category></category></item><item><title><![CDATA[vue3 新语法 setup]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/125619186</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/125619186</guid><author>yy_1028</author><pubDate>Tue, 05 Jul 2022 15:21:31 +0800</pubDate><description><![CDATA[相信大家都已经很熟悉vue3的新特性，简单记录一下vue3中setup的一些语法


2. 组件props，attrs，slot，结构赋值时避免props失去响应性使用toRefs 




3. 生命周期 因为setup执行在created后，所以可以在setup里面写onMounted




4. setup中不存在this，所以官方放出getCurrentInstance获取一些全局变量




5. watch watchEffect unwatch  computed 




6. provi]]></description><category></category></item><item><title><![CDATA[浅谈vue巧妙的组件封装（$attrs，$listeners，插槽）]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/125093324</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/125093324</guid><author>yy_1028</author><pubDate>Thu, 02 Jun 2022 02:14:33 +0800</pubDate><description><![CDATA[浅谈vue巧妙的组件封装（$attrs，$listeners，插槽）]]></description><category></category></item><item><title><![CDATA[cesium实现动态圆扩散扫描效果]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/123007733</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/123007733</guid><author>yy_1028</author><pubDate>Fri, 18 Feb 2022 17:25:22 +0800</pubDate><description><![CDATA[效果如下


主要调用如下方法：


mapMixin._c_add_rotate_circle([120.952811,31.957272,1000],circlePng,800,'run_circle')   // 添加动态圆扫描
mapMixin._c_add_run_circle({position:[120.952811,31.932272,1000],minR:100,maxR:1000,deviationR:1,img:circlePng1})   // 添加动态圆扩散
mapMixin._c]]></description><category></category></item><item><title><![CDATA[cesium只展示某个区域市省地图]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/123006835</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/123006835</guid><author>yy_1028</author><pubDate>Fri, 18 Feb 2022 16:50:36 +0800</pubDate><description><![CDATA[效果如下所示：

主要是调用_c_add_geojson_area方法

代码如下：geojson数据获取：DataV.GeoAtlas地理小工具系列


&lt;template&gt;
  &lt;div class="mapBox"&gt;
    &lt;div id="cesium" ref="cesium"&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
import mapMixin from "./js/map]]></description><category></category></item><item><title><![CDATA[cesium实现高亮动态楼栋路线效果]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/123005639</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/123005639</guid><author>yy_1028</author><pubDate>Fri, 18 Feb 2022 16:32:53 +0800</pubDate><description><![CDATA[效果图如下



vue文件如下 ，主要是调用如下方法


mapMixin._c_add_tileset('./mapdata/cesium/ccbuild/tileset.json') // 添加楼栋模型

mapMixin._c_add_hight_line(lightLine)  // 添加动态路线




&lt;template&gt;
  &lt;div class="mapBox"&gt;
    &lt;div id="cesium" ref="cesium"&gt;&lt;/div&..]]></description><category></category></item><item><title><![CDATA[cesium实现简单地图展示]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/123005269</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/123005269</guid><author>yy_1028</author><pubDate>Fri, 18 Feb 2022 16:01:41 +0800</pubDate><description><![CDATA[vue中使用cesium初始化

cesium.vue内容如下：


&lt;template&gt;
  &lt;div class="mapBox"&gt;
    &lt;div id="cesium" ref="cesium"&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
import mapMixin from "./js/mapMixin";
export default {
  data() {...]]></description><category></category></item><item><title><![CDATA[Three.js中使用cannon.js实现物理世界]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/122962202</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/122962202</guid><author>yy_1028</author><pubDate>Wed, 16 Feb 2022 14:12:54 +0800</pubDate><description><![CDATA[如上图简单生成box，实现自由落体




// 安装cannon
npm i cannon

director.js内容，注：添加地面ground：mass为0；添加box：mass为1


import Template from "../common/Template"
import * as THREE from 'three'
import * as CANNON from 'cannon'
export default class Director extends Template{
  c..]]></description><category></category></item><item><title><![CDATA[three.js教程创建消防场景示例二]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/122626622</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/122626622</guid><author>yy_1028</author><pubDate>Mon, 24 Jan 2022 09:15:30 +0800</pubDate><description><![CDATA[先看下最终效果吧





开始 创建多个仓库自定义长宽高

可参考上一节three.js教程创建仓库场景示例一





  addHouse(){
    const house1 = new House(150,80,20,this.scene)
    house1.setPosition(-50, 1, 100)
    house1.addToScene(this.scene)
    this.meshList.push(...house1.instance.children)

   ...]]></description><category></category></item><item><title><![CDATA[three.js教程创建仓库场景示例一]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/122620163</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/122620163</guid><author>yy_1028</author><pubDate>Fri, 21 Jan 2022 15:25:10 +0800</pubDate><description><![CDATA[首先创建一个空间场景，Template等配置文件可参考three.js教程学习初始化配置





director.js


import Template from "../common/Template"
import * as THREE from 'three'
import House from "../objects/House"
export default class Director extends Template{
  constructor (ele) {
    super(..]]></description><category></category></item><item><title><![CDATA[three.js 教程BufferGeometry讲解]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/122604174</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/122604174</guid><author>yy_1028</author><pubDate>Thu, 20 Jan 2022 16:46:37 +0800</pubDate><description><![CDATA[首先先用BufferGeometry创建一条无限延长的线段，初始化线段点


addRunline(){
    // geometry
    var geometry = new THREE.BufferGeometry();
    // attributes
    // var positions = new Float32Array( this.MAX_POINTS * 3 ); // 3 vertices per point
    geometry.setAttribute( 'positi]]></description><category></category></item><item><title><![CDATA[three.js教程学习初始化配置]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/122597445</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/122597445</guid><author>yy_1028</author><pubDate>Thu, 20 Jan 2022 11:16:45 +0800</pubDate><description><![CDATA[记录一下学习three.js历程，我用的全是class，这里配置一下基础的class文件，由于目前也在学习ts就用了ts了

文件目录大概如下：common中写基础的配置，objects中写具体实例, scene中写具体逻辑创建调用



Base.ts






import { Scene } from "three"

export default class Base {
  instance:any
  
  constructor(){}

  setPosition (x:number,y.]]></description><category></category></item><item><title><![CDATA[vue3+typescript+antdv+vite初始化项目]]></title><link>https://blog.youkuaiyun.com/yy_1028/article/details/122586240</link><guid>https://blog.youkuaiyun.com/yy_1028/article/details/122586240</guid><author>yy_1028</author><pubDate>Thu, 20 Jan 2022 09:30:47 +0800</pubDate><description><![CDATA[1. 初始化vue3项目


npm init @vitejs/app vue3-demo  






加入文件夹，运行即可看到初始页面


npm i
npm run dev



初始化项目后配置文件目录如下





2. 配置tsconfig.json文件


{
  "compilerOptions": {
    "target": "esnext",
    "useDefineForClassFields": true,
    "module": "esnext",
    "m...]]></description><category></category></item></channel></rss>