- 博客(33)
- 收藏
- 关注
RSS订阅原创 vue3实现扫码识别（二维码&条形码）
注意：调用浏览器摄像头需要在https环境下运行。1.安装@zxing/library。3.1 显示摄像头的部门。
2024-01-31 16:43:08
894
2
原创 three.js从场景获取模型对象
在three.s中，可以通过场景对象获取模型对象。场景对象是一个包含了所有要染的物体、灯光、摄像机等元素的容器，而模型对象则是其中的一个物体，通常是一个三维模型。在这个示例中，首先创建了一个场景对象和一个三维立方体模型。然后将立方体模型添加到场景中，并通过getobjectByName()方法以场景中获取了模型对象。最后，将模型对象输出到控制台。需要注意的是，在获取模型对象时，需要知道模型的名称。如果没有指定名称则可以使用getobjectById() 方法通过模型的ID获取模型对象。
2023-09-13 10:26:42
640
原创 vue项目中的全局状态管理（Vuex）
new Vue({// statedata () {return {count: 0},// view`,// actionsmethods: {})state，驱动应用的数据源；view，以声明方式将state映射到视图；actions，响应在view上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意：但是，当我们的应用遇到多个组件共享状态多个视图依赖于同一状态。==》传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。
2023-09-11 09:22:58
396
原创 ES6中的 Promise
Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码console.log('得到最终结果: ' + finalResult);阅读上面代码，是不是很难受，上述形成了经典的回调地狱现在通过Promise的改写上面的代码})})console.log('得到最终结果: ' + finalResult);})瞬间感受到promise链式操作减低了编码难度代码可读性明显增强。
2023-09-05 13:43:29
121
原创 vue项目打包或者运行是报错Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of mem
1.error Command failed with exit code 134报错2.项目太大以至于项目启动慢，启动之后修改项目立马中止需要重新启动。
2023-09-01 09:56:25
309
原创 socket 通信
WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的Websocket是一个持久化的协议首先，客户端发起http请求，经过3次握手后，建立起TCP连接；http请求里存放WebSocket支持的版本号等信息，如：Upgrade、Connection、WebSocket-Version等；然后，服务器收到客户端的握手请求后，同样采用HTTP协议回馈数据；
2023-06-27 11:35:02
758
原创 Redux
Redux 是 JavaScript 应用的状态容器，提供可预测的状态管理。Redux 是 JavaScript 应用的状态容器，提供可预测的状态管理。可以帮助你开发出行为稳定可预测的、运行于不同的环境（客户端、服务器、原生应用）、易于测试的应用程序。不仅于此，它还提供超爽的开发体验，比如有一个与时间旅行调试器相结合的实时代码编辑。可以将 Redux 与 React 或其他视图库一起使用。它体小精悍（只有2kB，包括依赖），却有很强大的插件扩展生态。
2023-06-16 11:49:36
52
原创 三分钟入门Three.js：如何用JavaScript构建3D场景
在Web开发中，三维图形越来越受到重视，而Three.js作为一款基于WebGL的JavaScript 3D渲染库，为我们提供了一种简单、快捷的方式来创建复杂的3D场景。
2023-06-12 14:02:07
678
原创 uniapp全局配置
pages.json该文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容，在uni-app中是在manifest中配置传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目根目录或uni_modules的components目录下，并符合。
2023-06-08 17:28:22
399
原创 前端数据加密的方法
在这个页面中，当用户点击“base64加密”按钮时，会调用一个JavaScript函数fn1()，该函数使用了window.btoa()方法进行Base64加密操作，并使用window.atob()方法进行解密操作。在这个页面中，当用户点击“编码解码加密”按钮时，会调用一个JavaScript函数fn4()，该函数使用了escape()和unescape()方法进行编码和解码操作。window.atob()方法接受一个Base64编码的字符串作为参数，返回该编码的原始字符串。
2023-05-31 11:13:05
10764
原创 three.js (灯光)
这种光的表现像是无限远,从它发出的光线都是平行的。太阳足够远，因此我们可以认为太阳的位置是无限远，所以我们认为从太阳发出的光线也都是平行的。●此对象的摄像机被设置为 fov 为90度，aspect为1， 近裁剪面 near 为0，远裁剪面far 为500的透视摄像机 PerspectiveCamera。●注意: 对于目标的位置，要将其更改为除缺省值之外的任何位置,它必须被添加到 scene 场景中去。●注意: 对于目标的位置，要将其更改为除默认值之外的任何位置，它必须被添加到 scene 场景中去。
2023-05-25 08:19:53
822
原创 three.js(相机 （Camera）)
3立方相机（CubeCamera）：立方体相机是一种特殊的相机，它能够捕获周围环境，生成立方体贴图，并将其应用到材质上。●OrthographicCamera( 摄像机视锥体左侧面，摄像机视锥体右侧面，摄像机视锥体上侧面， 摄像机视锥体下侧面 ，摄像机视锥体近端面，摄像机视锥体远端面 )上述代码将创建一个透视相机，将其位置设置为 (0, 0, 10)，然后将其朝向设置为原点 (0, 0, 0)。●摄像机的远端面，默认值是2000。●摄像机视锥体的长宽比，通常是使用画布的宽/画布的高。
2023-05-24 11:42:48
1082
原创 Three.js创建文字（Creating text）
BMFont的渲染支持自动换行、字母间距、字句调整、signed distance fields with standard derivatives、multi-channel signed distance fields、多纹理字体等特性。使用HTML通常是最简单、最快速的添加文本的方法，这是大多数的Three.js示例中用于添加描述性叠加文字的方法。然后使用CSS来将其绝对定位在其它具有z-index的元素之上，尤其是当你全屏运行three.js的时候。
2023-05-10 15:46:04
711
原创 three.js 载入 3D 模型的方法
三维模型的加载器ColladaLoader模型加载器。GLTFLoader模型加载器。OBJLoader模型加载器。FBXLoader模型加载器。
2023-05-09 10:01:30
3450
原创 tween.js(补间动画)，基于Three.js使用
tween.js是一款可生成平滑动画效果的js动画库 , 你只需要告诉tween你想修改什么值，以及动画结束时它的最终值是什么，动画花费多少时间等信息，tween引擎就可以计算从开始动画点到结束动画点之间值，来产生平滑的动画效果 , tween.js不仅仅可以在HTML页面中使用也可以直接用于three.js的mesh中用于控制模型的动画效果简单而又方便。, 补间开始时执行,只执行一次, 当使用 repeat() 重复补间 时,不会重复运行 , onStart((obj)=>{})
2023-05-08 11:08:12
523
原创 HTTP、HTTPS的请求过程
需要注意的是，HTTP是无状态的协议，也就是说每次请求都是独立的，服务器不会保存任何关于客户端的信息。如果需要保持客户端状态，可以使用Cookie技术来实现。通过以上步骤，HTTPS协议提供了一种安全保护机制，使得客户端和服务器之间的通信不会被窃听、篡改或伪造。
2023-04-11 15:55:14
218
原创 ES6新增
在ES6之前，单引号嵌套单引号，或者 双引号嵌套双引号，都需要使用 转义符 ‘ \ ’导入的过程中通过as可以给对象起一个别名，你在应用该对象的过程中，就需要使用别名。导出环节 只需要使用一个关键字 default（默认），不要用{}模块化引入，只能运行在服务器上（在本地文件预览的模式里不生效）当变量名与对象的 键相同时，则可以简化对象的定义。导入的时候，需要对应（对象的名称）导入。只能通过类调用，不能实例化的对象调用。导入的时候，也不需要使用大括号。类的调用，使用new关键字。
2023-03-31 09:09:50
43
原创 常见的 DOM 操作包括
来绑定事件处理函数，响应用户的交互操作。属性来修改元素的 CSS 样式。等方法修改元素的内容和属性。等方法获取页面中的元素。
2023-03-30 16:50:06
148
原创 防抖和节流
例如，都设置时间频率为500ms，在2秒时间内，频繁触发函数，节流，每隔 500ms 就执行一次。防抖，则不管调动多少次方法，在2s后，只会执行一次。如果过程中又有人进来，15秒等待重新计时，直到15秒后开始运送，这是防抖。等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。可以将时间戳写法的特性与定时器写法的特性相结合，实现一个更加精确的节流。使用时间戳写法，事件会立即执行，停止触发后没有办法再次执行。电梯第一个人进来后，15秒后准时运送一次，这是节流。
2023-03-29 09:12:18
43
原创 对盒模型的理解
IE 盒模型的 width 和 height 属性的范围包含了 border、padding 和 content。盒模型都是由四个部分组成的，分别是 margin、border、padding 和 content。标准盒模型的 width 和 height 属性的范围只包含了 content，CSS3 中的盒模型有以下两种：标准盒子模型、IE 盒子模型。表示 IE 盒模型（怪异盒模型）表示标准盒模型（默认值）
2023-03-28 08:57:55
31
原创 ES6新增Set、Map两种数据结构
的键名所指向的对象，一旦不再需要，里面的键名对象和所对应的键值对会自动消失，不用手动删除引用。新增的数据结构，类似于数组，但是成员的值都是唯一的，没有重复的值，我们一般称为集合。用于对每个成员执行某种操作，没有返回值，键值、键名都相等，同样的。类型是键值对的有序列表，而键和值都可以是任意类型。删除某个值，返回一个布尔值，表示删除是否成功。只能成员只能是引用类型，而不能是其他类型的值。已经有值，则键值会被更新，否则就新生成该键。结构，当该 DOM 元素被清除，其所对应的。结构类似，也是用于生成键值对的集合。
2023-03-27 09:47:08
105
原创 TypeScript
是 的类型的超集，支持语法，支持面向对象编程的概念，如类、接口、继承、泛型等为了保证兼容性， 在编译阶段需要编译器编译成纯 来运行，是为大型应用之开发而设计的语言，如下：ts文件如下：编译文件后： 的特性主要有如下：类型批注和编译时类型检查 ：在编译时批注变量类型类型推断：ts 中没有批注变量类型会自动推断变量的类型类型擦除：在编译过程中批注的内容和接口会在运行时利用工具擦除接口：ts 中用接口来定义对象类型枚举：用于取值被限定在一定范围内的场景Mixin：可以接受任意类型的值泛型编程：写代
2023-03-25 17:15:00
65
原创 浅、浅拷贝
浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址下面简单实现一个浅拷贝在JavaScript。
2023-03-24 15:37:41
40
原创 get和post的区别
对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。在网络上是明文传输的，只要在网络节点上捉包，就能完整地获取数据报文。的规定和浏览器/服务器的限制，导致他们在应用过程中会体现出一些区别。方法用于将实体提交到指定的资源，通常导致在服务器上的状态变化或。当不携带参数的时候，两者最大的区别为第一行方法名不同。，用的都是同一个传输层协议，所以在传输上没有区别。然而，从传输的角度来说，他们都是不安全的，因为。长度，而不仅仅是参数值的长度。规范，相反的，我们可以在。
2023-03-24 08:38:19
30
原创 对Git的理解
第⼆步是 webpack-dev-server 和 webpack 之间的接⼝交互，⽽在这⼀步，主要是 dev-server 的中间件 webpack- dev-middleware 和 webpack 之间的交互，webpack-dev-middleware 调⽤ webpack 暴露的 API对代码变化进⾏监 控，并且告诉 webpack，将代码打包到内存中。Webpack将⼀切⽂件视为模块，但是webpack原⽣是只能解析js⽂件，如果想将其他⽂件也打包的话，就会⽤到 loader。
2023-03-17 15:29:14
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人