- 博客(23)
- 收藏
- 关注
RSS订阅原创 cocos记录1:操作遥感
5：将本地坐标转为向量矢量进行归一化处理得到长度为1的的向量 machineArrow。7：使用归一化向量与视图上Bar移动的距离计算Bar在视图上的坐标。4：将手指移动的当前世界坐标转为本地坐标（即相对于父节点的坐标）6：使用math.clamp计算视图上Bar移动的距离。1：设置遥感Bar最大可移动半径 Radius。3：监听手指移动距离。
2023-07-21 17:04:34
259
原创 express与koa最直观的区别
express中内置了一系列的插件比如路由，静态资源访问，解析application/json格式数据等koa需要自己去安装插件来实现比如：koa-router或者koa-static解析application/json格式请求： koa-bodyparser总结koa是轻量级的express在代码执行层面koa支持异步的层级next嵌套而express异步的话容易出现回调地狱，及koa在多层级的异步方法中更容易控制。
2023-07-14 18:28:12
171
原创 2:（h，render）api实现组件的动态插入
先在全局里面写btn与input组件export class Btn{ text:string='' props:any= { ceshi: { type: String, default:()=>'55555555' } } setup(props:any){ const count = ref(0) const { ceshi} = toRefs(p
2022-05-13 09:57:17
371
原创 1：v-bind控制样式变量
1：v-bind控制样式变量<script setup lang="ts">const color = 'red'</script><template> <a class="example-v__bind">文字颜色</a></template><style lang="scss">.example-v__bind{color: v-bind(color);}</style>
2022-05-13 00:47:20
304
原创 Promise.resolve()的应用场景
需求：在一个列表页上方有筛选条件，通过选择类型搜索，有一个按钮点击打开弹框出现添加类型，添加完后列表页上方的类型list改变（条件：类型不能重复）分析：既然过滤条件里面有列表，我们一开始就通过接口获取列表（或者点击下拉的时候调用，我们这里不做这么细），添加的时候不能重复即要对比之前的数据（这里要拿到最新的列表数据）<el-select class="from-box-input" placeholder="报告类型" filterable size="mini" clearable.
2022-05-12 01:07:28
1301
原创 使用vite+vue3+ts+tsx构建一个初始化项目
喜欢尝鲜的同学可以试试，这里只展示最终结果，完整代码可以去我的git仓库看看https://github.com/chenzhezheopen/vite-vue3-ts-tsx
2022-04-22 18:44:24
1471
原创 如何写出上流的vue代码一（函数式组件）
思前想后准备写点什么，但又不知道写啥，就说点前段时间项目中用到的技术。大家项目里肯定会遇到循环嵌套的组件写法一：新手会按以下的方式写（我最开始的写法）一个简单的三层循环就嵌套了这么多写法二：后面学会了组件循环嵌套一步搞定，而且可以无限循环既简单又方便但是这样写太容易读懂了。，。 （还是有一部分问题无法细致化操作，外层会多一个div生成出来不美观）方法三：函数式组件（递归生成节点）...
2022-01-10 21:34:18
344
转载 (笔记)类中关键字详解(转载)
https://blog.youkuaiyun.com/lucky541788/article/details/107793816
2021-07-05 16:50:06
173
原创 (笔记)关于typescript类的继承问题
class Base { greet() { console.log("Hello, world!"); } setName=() =>{ console.log("Hello, world!"); } name:number sex='南' constructor(){ this.name = 123 }}class Derived extends Base { constructor(){ super() } gr.
2021-07-02 15:59:34
239
原创 (笔记)构造类在组合api中使用(reactive数据改变页面渲染)
<template> <div class="person"> <button @click="add(pageData.persons, new personType('张三', '男', 18, 1))"> class添加学生 </button> <button @click="defaultAdd(pageData.persons)">添加学生</button> <templ.
2021-07-01 14:51:28
184
原创 typescript中泛型接口与泛型类的使用
场景:创建一个persons的集合,约束里面每个person属性,add方法为添加一个person进去这里的代码用的vue3写的逻辑只有js<template> <div class="person"> <template v-for="item in persons" :key="item.id"> <ul> <li>{{ item.name }}</li> <l
2021-07-01 11:45:32
159
原创 vue中用directive来简化css样式
当一个页面样式几乎都一样时,只有margin-top,margin-left的值有区别时可以创建一个自定义指令来给dom节点添加margin实际操作如下//margin-top directiveVue.directive('marginTop', { bind: function (el, data) { el.style.marginTop = data.value + 'px' }})Vue.directive('marginLeft', { bind: funct
2021-06-28 10:25:04
253
原创 vue中你不知道的父子组件之间传值
(1)直接父组件传值给子组件父<div class="temp1"> <div>{{num}}</div> <temp2 num='123' /> </div>子
2021-06-21 09:48:58
96
原创 react中createContext,useState,useContext配合函数式组件改变父组件的值
(1)创建createContext对象importReact,{useState,useEffect,createContext}from'react'exportconstFin=createContext()
2021-06-18 17:10:30
1046
原创 element树形图地区选择器(三)
之前一直讲代码可能不明确,于是我将方法封装并发布到npm里面了只需要运行命令npm installtree-combinationr
2021-06-17 18:19:30
265
1
原创 vue实现国际化多语言切换(无需自己录入)
前言:前段时间刚完成两个项目,现在空下来了聊聊遇到的问题,这里说的是一个简单的js库很久前就停止维护了,急的话可以先用着,他原本是不支持模块引入的,这里就说说如何在vue中
2021-06-16 10:13:18
935
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人