guoang

关于Three.jsThree.js是基于原生WebGL封装运行的三维引擎，WebGL只能绘制点、线和三角形；Three.js封装了诸如场景、灯光、阴影、材质、贴图、空间运算等一系列功能，相对于WebGL方便简单了不少。建立基本场景 在Three.js中有三要素：场景、摄像机和渲染器，我们创建好场景(Scene)和一个摄像机(Camera)到渲染器(Renderer)中就可以渲染三维维场景渲染成一个二维图片显示在画布上。相关文档THREE.JS 教程：https://threejsfu

观察者模式观察者模式（Observer Pattern）定义了一种一对多的关系，让多个订阅者对象同时监听某一个主对象，这个主对象的状态发生变化时就会通知所有观察自己的观察者(订阅者)对象，定义发布者类 ConcreteSubject 和观察者(订阅者)类RealizeObserver实现ConcreteSubjectadd，remove主要是添加和移除观察者notify 主要是通知数组observers中所有的贯彻者对象的changName用于改变主对象名称，同时在改变名称之后通知所有观察者up

ue3的一些变化（部分）、生命周期的变化、全局配置的变化、指令的变化、v-model 的变化 v-model参数

vue3项目搭建，打包，配置，vuex4，Vue Router4

TypeScript中的一些高阶类型 Omit Pick ReturnType Parameters更多高阶类型查看官网https://www.tslang.cn/docs/handbook/advanced-types.htmlOmit（删除）Omit<T, K> 类型让我们可以从另一个对象类型中剔除某些属性，并创建一个新的对象类型interface UserInfo { name: string, age: number, imei: number | str

vue3初探----(vue3项目)vuex4.x中使用typescript最终版，vuex4中类型的定义commit、getters、dispatch的typescript类型定义；state、actions、mutations、getters的使用

vue3初探---在vue3和vuex4.x中使用typescript，主要是介绍vue3中如何使用vuex4和typescript

vue3新特性：向后兼容，兼容vue2的写法性能提升，TypeScript的支持，Composition API，本文对setup，reactive，toRefs，ref，toRef，watchEffect，watch，等新属性、方法、变化等进行简单的介绍和代码示例使用，简单介绍setup语法糖和vue新组件Teleport Fragment Suspense

FileReader.readAsDataURL()readAsDataURL 方法会读取指定的 Blob 或 File 对象。读取操作完成的时候，readyState 会变成已完成DONE，并触发 loadend 事件，同时 result 属性将包含一个data:URL格式的字符串（base64编码）以表示所读取文件的内容。instanceOfFileReader.readAsDataURL(blob);参数blob：即将被读取的 Blob 或 File 对象。Image()Image()函

服务端消息发送//给本次链接自己发送消息socket.emit()//给某个房间内所有人发消息（包括自己）io.in(room).emit()//除本连接自己之外，给某个房间内所有人发消息（不包括自己）socket.to(room).emit()//除本连接外，给所有人发消息（不包括自己的整个个站点其他人）socket.broadcast.emit()客户端处理消息服务端发送action命令 客户端监听action之后调用相应方法S：socket.emit('action');

MediaRecoder构造函数会创建一个对指定的 MediaStream 进行录制的 MediaRecorder 对象var mediaRecorder = new MediaRecorder(stream[, options]);开始录制mediaRecorder.start(timeslice);//timeslice设置时间片（number）可选停止录制mediaRecorder.stop();stream：音视频流options：限制选项示例<!DOCTYPE ht

从视频中获取图片用到canvas。将video当作源使用drawImage截取一帧数据就实现拍照功能。//html<video autoplay playsinline id="player"></video><button id="snapshot">拍照</button><canvas id="picture"></canvas>//js'use strict'if (!navigator.mediaDevice

使用node搭建https服务，购买证书后下载，将证书放在还在项目的中（包括一个证书和一个密钥）配置安全组，允许防火墙放行443端口，启动服务（要使用root用户，1024以下的端口监听需要root权限），查看443端口有没有被监听

webrtc相关api，enumerateDevices音视频设备信息的获取，getUserMedia音视频的获取,getUserMedia()适配

使关键字高亮显示主要是给搜索结果中的关键字加一个标签并给他加上特定的样式。主要以在vue中为例给关键字添加span标签的方法 wraperkeyword(k, v) { function highlight(value) { console.log(value); return `<span style="color:#1890ff">${value}</span>`; } return v.replac

在上传图片时主要是客户端将图片的二进制文件通过文件上传接口上传到服务器，服务器存储文件并返回文件地址，这里我们们主要是实现图片上传接口实现图片上传主要分为上传到服务器上传到阿里云对象存储oss上传到服务器路由//上传中间件const multer = require('multer')//上传npm i multerconst uplod = multer({ dest: __dirname + '/../../uplodes' })router.post('/uplod', upl

校园信息交流平台（涵盖二手信息，交流问答，新闻文章，校内活动，招聘信息）。毕业设计项目，使用vue+node+mysql为主要技术

由于在vue中v-html渲染的html代码段中添加的事件是无效的所以我们不能给html代码段中拼接点击事件实现功能刚开始想用正则匹配出图片然后用图片浏览插件实现图片反大，最后还是换了别的方法我们可以吧点击事件添加到他们的父标签上，通过事件冒泡判断标签是不是img从而添加点击事件事件委托事件委托，通俗地来讲，就是把一个元素响应事件（click、keydown…）的函数委托到另一个元素；...

后台返回的数据字符串分割再渲染时由于label中有多条数据使用‘，’号隔开的所以要进行字符串分割使用js的split(",")方法var str = 'The quick brown fox jumps over the lazy dog.';var words = str.split(' ');实现方法最有效的方法是在数据请求到之后就把数据处理好先用split(' ，');...

使用媒体查询@media only screen and (min-width: 768px) 加载css样式的最小屏幕宽度@media only screen and (max-width: 768px)加载css样式的最大屏幕宽度/** 平板 **/@media only screen and (min-width: 768px) and (max-width: 1024px) {...