七月的冰红茶-CSDN博客

创建场景scene → 创建一个相机camera，设置相机位置 → 创建一个渲染器canvas，尺寸 → 创建几何体geometry，添加材质material → 添加灯光light → 把要展示的添加到场景里并渲染。，webgl更底层更抽象，它可直接访问图形硬件，编写底层图形渲染代码（如，着色器，矩阵变换，顶点缓冲区，光源等）；总之，webgl 更适合那些对图形编程有深入了解和对性能有更高要求的开发者，threejs易学易使用，专注3d内容但没有深入了解图形编程的人，根据需求和技术各取所需。

2023-09-24 02:35:25 1565 1

原创【webgl】基础知识和几何体案例

WebGL（Web Graphics Library）是一种基于JavaScript API的Web图形编程技术，用于在浏览器中实现高性能的3D图形渲染。

2023-09-18 16:26:48 403

原创【css】公共样式之flex

flex作为最经典最方便的一种布局方式，不受宽高限制，使用场景也会很多，回顾下flex属性设置，发现父子元素属性设置至少3个，而且display不可继承，这就导致每次用flex都要写很多重复代码，在公共样式里封装flex，通过类名方式可以高效快捷调用

2023-07-17 10:50:18 567 1

原创【javascript】设计模式

从“写代码”到“写好代码”到“设计代码”，不仅是技术的提升，更是编程思维的提升。

2022-12-02 17:10:01 589

原创那些年我们在微信小程序遇到的坑

本篇主要记录一下我在开发中遇到的小程序的坑，还有实现的功能。

2022-10-31 18:55:52 1401

原创 SEO搜索引擎优化

SEO(Search Engine Optimization)搜索引擎优化

2022-10-11 00:54:10 274

原创 iconmoon图标库的使用

iconfont使用

2022-09-01 15:12:30 957

原创【echarts】自定义样式

最近接触的表格类型有：日历型calendar、水平和垂直柱状bar、饼状pie、折线line，有些典型效果和自定义样式，标签与轴间距、定义渐变色、混合类型、自定义类型等。echarts官网文档，详细全面了解指定属性，可以实时展示属性功能效果；w3c上echarts文档，适合新手，目录清晰指定功能效果。基本示例满足不了需求，掌握常用属性tooltip、dataset（多维度自定义数据）、grid、xAxis、 yAxis、series，以及按需引入写法，以上效果如有感兴趣可私信我，提供源码。

2022-07-22 11:33:51 1629

原创【vue3】watch的用法，watch、watchEffect、computed区别

③computed，初始化时就会调用一次，参数为依赖项，依赖项可以是get函数返回计算之后的值（必须），也可以是带有 get 和 set 函数的对象，引用两次，但只会执行最近一次；①watch，在vue3中以组合api方式使用，3个参数（依赖项，回调，deep），依赖项必填，当依赖项更改时会执行回调，；①watch，可获取先前值和当前值，监听范围广可监听data之外的响应对象，可监听一个，也可以多个组合监听，②watchEffect，不能获取先前值，但支持异步和取消异步。），不需要传依赖项，自动收集依赖；

2022-06-27 02:17:00 17467

原创跨域CORS解决办法

跨域是由浏览器的同源策略产生的一种自卫行为。一个URL由协议protocol / 主机host / 端口port组成，这三部分都相同时为同源。当前url和请求url不同源时就会产生跨域。

2022-06-13 00:45:15 4108

原创【git】分支管理

软件开发主要以团队合作为主，版本管理工具的熟练使用更是工作的基本技能，除了基本git命令：git clone、git add、git commit、git pull、git push之外，还要掌握git分支管理和处理分支冲突的命令。下面我会以我平时接受任务，从创建任务分支开始列出一些常用git命令，以及我遇到的一些冲突和解决方法。

2021-02-28 01:21:45 180

原创【react】封装表单组合组件

记录一个表单组合组件部分源码，主要用于学习代码结构

2021-02-27 21:09:42 3092 2

原创【javascript】关于this

箭头函数没有自己的 this，当在内部使用了 this时，它会指向最近一层作用域内的 this。在函数中需要使用闭包的时候，用箭头函数就很方便了。

2020-10-02 01:49:59 248 2

原创【javascript】判断对象类型

你可以通过Array.isArray(myObj) 或者Object.prototype.toString.call(myObj) === “[object Array]” 来安全的检测传过来的对象是否是一个数组。注意：在改变对象 obj 的原型链的情况下，constructor属性有可能被修改的，Foo.prototype 属性的值也有可能改变，这些都会导致检测出的结果不正确。在JavaScript中，每个对象都有一个constructor属性，它引用了实例化该对象的构造函数，常用于判断未知对象的类型。

2020-09-07 21:57:34 6641

原创【javascript】深拷贝和浅拷贝

用于对象的合并,第一个参数是目标对象，后面的参数都是源对象，前提是object只有一层的时候是深拷贝（var obj={}），多层时进行浅拷贝（var obj={a:{}}）。}es6对象中的扩展运算符,用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中（补充：如果只是一层数组或对象，其元素只是简单类型的元素，那么属于深拷贝）并且深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。如果数组或对象中的元素是引用类型的元素，那么就是浅拷贝。了解深拷贝和浅拷贝之前，首先要知道内存的空间分布。

2020-09-03 00:38:09 1786 2

原创【javascript】原型链

为了方便理解，我们把Person类比作母亲，p1比作Person的一个孩子，Person.prototype比作父亲，里面包含着p1可以继承/调用的方法。javascript中的对象包括自定义类，函数和一些原生对象。这些对象都是拥有属性和方法的数据。（大家容易忽略的是，js中Function也是一个对象）js中每一个对象自身都有__proto__属性，而prototype属性只有构造函数对象有，普通函数是没有的。以上三种都为true，一个对象有3种状态，这也体现了。，图中用蓝色串起来的为p1对象的原型链。

2020-09-03 00:18:00 527

原创【css】最全布局总结

布局就是控制元素位置、大小，常见布局有标准流布局、弹性布局、表格布局、流体布局、网格布局、混合布局、定位布局、浮动布局等，我会从文档流，容器，效果这些角度介绍

2020-08-13 23:37:07 9115 1

原创【css】外边距重叠及解决办法BFC

BFC(Block Formatting Context)格式化上下文，作用于块级元素是一个独立渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。

2020-08-05 00:26:37 979

原创【用户设计】WPS用户界面分析

我使用的是WPS 2019 个人版，点开WPS图标，无广告极速进入首页，使用微信扫码轻松注册登录，WPS的界面默认以白色和灰色为背景，很有档次，布局清晰明了，符合大众的思维模式，层层递进，功能的操作方法设计得简单易用，良好的用户体验，降低用户熟悉功能的门槛，提升用户工作效率，是最懂中国人的办公软件。界面层层递进，从整体到内部，布局清晰明了，操作方法设计得简单易用。文档类型和快捷方式满足不同用户需求，搜索和帮助功能使用户更快地熟悉系统，另外文档备份和恢复为用户提供错误恢复机制，满足用户界面设计基本原则。

2020-04-22 21:17:08 5232

qq_45406325的博客

原创【git】本地仓库配置多个远程地址

原创【小程序】uniapp自定义图标组件可动态更换svg颜色

原创【javascript】判断元素是否在可视区域内

原创【xrframe】优化ar相机中加载模型效果

原创【electron】验证渲染URL

原创【electron】导入导出

原创【vue3】使用vuedraggable和grid实现自定义拖拽布局

原创【electron】监听快捷键打开新窗口

原创【element-plus】使用elTable设置默认全选toggleRowSelection失效

原创【threejs】基础知识和一些动效