- 博客(20)
- 收藏
- 关注
原创 Three.js自发光贴图 .emissiveMap
也就是模型默认是不发光的,如果一个模型是发光的,比如电源上一个电源灯,你可以把电源灯的材质设置为对应的发光颜色。大家应该都知道,支持光照的Three.js材质颜色是受光照影响的,不过材质的自发光颜色.emissive。,Threejs计算材质的发光效果,会把自发光贴图属性.emissiveMap。,渲染结果中没有显示,这种情况下,你要注意下材质的自发光属性.emissive。不同区域有的发光,有的不发光,这时候不能使用自发光属性.emissive。THree.js系统渲染的时候,颜色贴图属性.map。
2023-11-30 10:14:58 1319
原创 前端和后台建立websocket长连接,并添加心跳检测
Nginx代理服务器默认1分钟会导致websocket长连接断开,所以服务端与客户端需要添加心跳检测。
2023-11-23 15:38:21 558
原创 SS - 完美解决 flex 布局下,一行显示固定个数(平均分布)并且强制换行,超出后 “靠左“ 对其(详细解决方案,适用于 Web、Vue、React 等任何前端项目)
随便新建一个 *.html 复制后直接运行,按照需求进行更改调试即可。
2023-10-19 13:50:50 559
原创 DatePicker禁用当前日期之前的时间
ps:return time.getTime() < new Date(this.startTime).getTime() + 8.64e7 代表只能选择this.startTime之后的时间,并且this.startTime这天不能选择 (8.64e7:科学计数法,代表8.64×10的7次方)
2023-04-23 17:03:03 509
原创 vue3 组合函数中优雅的复用增删改查
当然组合函数可以运用到更多地方,我这里仅仅是通过业务中常见的增删改查举例,希望对你有所帮助。url 链接中存在多处需要替换 ID 的地方 (对于这种情况,可以配合 动态 url 处理,或者进一步封装增加 transformId 函数)在 vue3 新增的 setup 函数中我们可以更好抽离公用代码,通过组合函数在不同的地方使用,更好的复用代码。上面举例都是制定 url 为 string 类型,当然也可以直接传一个响应url,只需要在请求时解构url即可。如果有更好的方式,欢迎讨论交流。
2023-01-29 14:36:12 1470
原创 vue3-setup语法糖 - 父子组件之间的传值
父组件向子组件传值的时候,子组件是通过props来接收的,然后以变量的形式将props传递到setup语法糖果中使用(defineEmits的到来!emit(‘方法名’,‘传递的值(根据需要传或者不传)’),vue3的setup语法糖的是defineEmits。当时用语法糖时,需要将组建的属性及方法通过defineExpose导出,父组件才能访问到数据,否则拿不到子组件的数据。vue3中子组件向父组件传递值和vue2.x的区别是vue2.x使用的是。,它们的传值一样都是方法加值,即。
2023-01-28 16:43:25 3064 2
原创 webgl , three.js 资料收集
WebGL 技术储备指南 http://taobaofed.org/blog/2015/12/21/webgl-handbook/WebGL 是 HTML 5 草案的一部分,可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用,但极具潜力和想象空间。本文是我学习 WebGL 时梳理知识脉络的产物,花点时间整理出来与大家分享。 示例WebGL 很酷,有以下 demos 为证: 寻找奥兹国赛车游戏划船的男孩(Goo Engine Demo) 本文的目标本文的预期读者是:不熟悉图形学,熟悉前端
2022-05-14 15:20:52 129
原创 element-ui表格列表前面改为radio单选框
element-ui表格列表前面改为radio单选框` <el-table-column label="选择"> <template slot-scope="scope"> <el-radio :label="scope.$index" v-model="templateRadio" @change="getTemplateRow(scope.$index,scope.row)" style="margi
2021-08-16 15:59:19 408
原创 vue+element的表格最优实现单条和批量修改、保存、复制、删除、新增、提交数据功能
前言正文表格的数据展示单行修改保存功能单行复制功能单行删除功能批量修改功能提交功能批量复制功能批量删除功能demo 源码如下结语前言上一篇写了简单的表格编辑功能 这里整理了一下常见的表格功能。主要功能 :批量的新增,复制,删除,修改,保存,和逐条的复制,删除,修改,保存功能。demo源码在最下面,针对新手前端小白还挺有用的~正文表格的数据展示使用的是el-table 绑定数据源 :data=“tabledatas”,在script的data中挂载tabledat
2021-08-16 15:56:59 4629 1
原创 Github上收集了70个微信小程序源码
Demo1:仿豆瓣电影微信小程序https://github.com/zce/weapp-demo2:微信小程序移动端商城https://github.com/liuxuanqiang/wechat-weapp-mall3:Gank微信小程序https://github.com/lypeer/wechat-weapp-gank4:微信小程序高仿QQ应用https://github.com/xiehui999/SmallAppForQQ5:微信中的知乎https://github.com/
2021-02-24 14:04:40 39654 8
原创 UniApp打包ipa文件,上架iOS App Store 流程指南*
UniApp打包ipa文件,上架iOS App Store 流程指南*UniApp 可以实现一套代码发布7个平台。(不能写再多了,一开始写太多被知乎删文章和账号异常了,微笑~)笔者主要用来发布Android版,iOS版。Android版通过 “云端APP打包” 生成 .apk 安装包文件直接上架就行了,而iOS版从打包到上架比较麻烦,故本文介绍iOS版打包到上架的流程。iOS总发布流程:1.开发者账号开通。2.申请发布证书、AppID、Profiles文件。3.在HBuilderX上进行...
2021-01-11 10:15:36 3854
原创 VUE自动化部署
放弃npm run build,再压缩上传这种毫无效率的操作了。使用scp2将build之后的文件上传到生产或测试环境。此方案本质上就是就是ssh进入服务器,scp本地文件到服务器。嘻嘻缺点很明显,不够安全,不能回滚版本优点就是,很简便。自行判断哦一、安装scp2npm install scp2 --save-dev#或cnpm install scp2 --save-dev二、写好测试环境和生产环境的脚本例如测试环境 dev.js、生产环境pro.js 放项目根目录下内容:dev.
2020-11-18 14:17:58 1100 1
原创 npm update常用命令使用
npm update常用命令使用一、更新npm-check检查更新 npm install -g npm-check npm-check 2. npm-upgrade更新 npm install -g npm-upgrade npm-upgrade3. 更新全局包: npm update -g4. 更新生产环境依赖包: npm update --save5. 更新开发环境依赖包: npm updat
2020-11-05 09:23:03 5024
原创 在项目中使用 scss
在项目中使用 scss习惯用 scss 写 css代码,所以我们首先安装sass、node-sass、sass-loader这三个包。在项目根目录下执行:cnpm i node-sass sass sass-loader -D
2020-08-20 09:03:00 517
原创 vue验证码发送倒计时
<template> <view> <view class="login-item"> <input placeholder="请输入验证码" v-model="loginCode" name="input" class="login-code" maxlength="6" type="number"></input> <button class="login-getco...
2020-08-07 10:10:29 270
原创 Vue-WebSocket的使用
data(){ return{ websock:null }}created() { this.initWebSocket()//初始化weosocket },methods:{ /***初始化weosocket***/ initWebSocket(){ const wsuri = `ws://192.168.0.0:8083/xxxxxx/web.
2020-08-07 10:05:41 198
转载 uni-app引入腾讯IM---登录
1)在官网找到需要的SDK下载,并放到自己的项目中(我的在static/js中)2)引入文件后就可以使用,首先是登陆,登陆分为托管和独立模式,托管还需要引用额外的文件3)在需要使用的页面引入webimimport webim from 'static/js/webim.js'登陆用到的webim.login(loginInfo,listener,options,cbOk,cbErr)//用户信息对象(一般调用后台接口获取)uni.request({ url:'url地址+接口',...
2020-08-07 09:56:02 2169 1
原创 git简单管理代码
1.克隆 git clone <项目地址>2.设置用户名邮箱git config --global user.name "用户名"git config --global user.email "邮件地址"3.从服务器更新代码git pull origin master4.提交 1).git add . 2).git commit -m “安装教程测试” 3).git push origin master .git push...
2020-08-07 09:53:58 144
原创 windows下MongoDB的安装及配置
一、先登录Mongodb官网https://www.mongodb.com/download-center#community 下载 安装包。32、64位的都行。二、安装MongoDB下载后的安装包:安装比较简单,类似于普通QQ软件,中间主要是选择“Custom”自定义 安装路径修改下:D:\software\MongoDB然后不断“下一步”,安装至结束。安装比较容易。难点...
2018-08-02 10:05:41 127 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人