- 博客(39)
- 收藏
- 关注
RSS订阅原创 THREEJS导入glb,gltf可能不受环境光影响问题
对比建模的材质和在threejs创建的网格标准材质发现，你的模型没有材质的话，默认的金属度为1，而three创建的材质默认金属度为0，金属度过高导致看起来模型还是黑色。
2023-05-26 15:48:00
1415
1
原创 Vue 2.x CLI4.x vue.config打包去除console
安装插件uglifyjs-webpack-pluginnpm i uglifyjs-webpack-plugin --save-d// vue.config.jsconst UglifyJsPlugin = require('uglifyjs-webpack-plugin')module.exports = { runtimeCompiler: true, publicPath: './', // 自动打开浏览器 devServer: { open: true, hot:
2022-03-18 10:53:32
994
原创 elementui 日期组件赋值后 再次选择 date.getHours is not a function错误解决方法
首先确认value-format="yyyy-MM-dd HH-mm-ss" 和后台的日期格式相同把传入的字符串转为日期格式new Date("time")this.Time = new Date(this.startTime)
2022-03-10 10:23:03
2117
1
原创 vue路由守卫
localStorage.setItem('user','admin') this.$router.push({ path:'/' })没有token 先替代一下Index.js 或 main.js中router.beforeEach((to, from, next) => { let user = localStorage.getItem('user') if (to.name != 'login' && user==null) next({ name.
2021-12-23 18:05:34
376
原创 ThreeJs 打包完成贴图贴图消失问题
texture.load("./贴图.jpg");省流texture.load(require("./贴图.jpg"));//有时候可能是文件问题 比如png改成jpg//同样是jpg 也可能出现有的能用有的不能用的问题
2021-12-03 14:38:24
884
原创 echarts 折线图 折现颜色修改、点颜色修改、栅格去除
series: [ { data: [820, 932, 901, 934, 1290, 1330, 1320], type: 'line', smooth: true, color:"#3ca099", itemStyle:{ ..
2021-10-29 09:20:02
640
原创 VUE threeJS 引入各种控件
import * as THREE from "three";引入threejsimport { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";引入镜头控件import { CSS2DRenderer, CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer'引入2d渲染器import { GLTFLoader } from
2021-10-19 14:04:45
444
原创 Vue threejs学习笔记 代码 创建场景、相机、渲染器、立方体、原型、聚光灯、阴影、控件。贴图、模型无法加载解决
<template> <div> <div id="info">Description</div> </div></template><script>import * as THREE from "three";import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";export default .
2021-10-19 11:41:03
275
原创 VueThreejs 外部模型 SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data 问题
在vue中引入模型资源的时候 如果你将模型放入assets 相对引用就会出现这个问题解决方案资源文件放入public文件夹绝对引入 vue-cli中默认public 为 "/"例如 this.gltfLoader.load( '/demo.glb', (gltf)=> { gltf.scene.traverse(child => { if (child.isMesh) { ...
2021-10-14 09:41:25
663
原创 uni-app父子组件传值 组件之间传值
1、父子组件传值 与vue相同父组件向子组件传值//父组件中<header-nav :test="test"/>//子组件中props:["title"],created() { console.log(this.test)},子组件向父组件传值//子组件中<button @click="sendData"></button>sendData(){ this.$emit("myEven",this.data)}//.
2021-10-03 17:35:15
846
原创 uni-app笔记 组件的创建、使用 和生命周期
1、创建组件与vue基本相同新建一个components目录，新建组件的vue文件 页面中通过import方式导入所需的组件<header-nav></header-nav>import headerNav from "../../components/headernav/headernav.vue"2、组件的生命周期beforeCreate(){ console.log("实例已经初始化")},created() { console.
2021-10-03 16:32:10
180
原创 uni-app笔记 导航跳转 参数传递
1、navigaotr导航跳转可以通过navigator标签跳转 <view class=""> 导航跳转的学习 <navigator url="/pages/detail/detail">跳转到详情页</navigator> </view>如果你想要跳转到tabBar这种页面 那么需要追加一条属性 否则会报错<navigator url="/pages/cart/cart" open-type="switch.
2021-10-03 14:40:00
394
原创 uni-app 笔记 条件编译 多端兼容
uniapp提供了非常强大的条件编译功能你可以在在h5中，小程序中，app中，分别执行不同的代码 html标签 js css均可用解决了多端适配的问题 简单高效可以使用的平台有 （）https://uniapp.dcloud.io/platform?id=preprocessorhtml标签写法<!-- #ifdef MP-WEIXIN || H5 --> 微信中和html5中显示<button @getuserinfo="getUserInfo">
2021-09-21 15:37:46
519
原创 uni-app笔记 数据缓存
1、数据缓存设置数据/获取数据/移除数据uni.setStroage(obj)uni.getStroage()uni.removeStroage()加Sync会变成同步方法用法 uni.setStorage({ key:"id", data:10, success() { console.log("存储成功") } }) uni.getStorage({ ke
2021-09-20 18:07:26
182
原创 uni-app笔记 生命周期函数 下拉生命周期 下拉刷新 上拉加载 数据请求
1、应用的生命周期在APP.vue中 onLaunch: function() { console.log('App Launch') // onLaunch代表uni-app组件渲染完成 不关闭在此运行就不会在此触发 }, onShow: function() { console.log('App Show') // 当页面/小程序显示出来。则触发一次onShow 每一次显示 都会重新触发 }, onHide: function() {
2021-09-20 11:52:42
754
原创 Uni-app笔记 uni-app中的样式 引入css文件 字体图标 安装sass 全局样式
1、uni-app中的样式Uni-app的样式与传统css有所不同Uni-app中的主要单位是upx或者写为rpx 随着屏幕大小变化 rpx也会随之拉伸uni-app会把整个屏幕分为750份不变 每一份为1rpx占用屏幕一半 也就是375rpx 字体大小为40rpx2、引入样式文件通过@import方式引入@import url("./unistyle.css");...
2021-09-19 16:32:38
958
原创 uni-app笔记 view组件 button按钮 image组件
1、view组件view相当于html中的div 独占一行 (view在为空时不会独占一行) <view class="box" hover-class="box-active"> <!--可以通过hover-class点击切换类名--> </view> <view class="box2" hover-class="box2-active" > <!--由于事件冒泡 点击里面的view 外面的vi
2021-09-19 16:11:29
2309
原创 uni-app笔记 Condition启动模式配置 text组件
1、condition启动模式你写了一个类似详情页页面，但是页面中还并没有可以跳转到详情页的按钮，把详情页放在最上方会破坏原本的首页。浏览器里你可以通过输入/detail改变地址栏进入详情页，但是如果你是从微信开发者工具中呢？我们可以通过condition配置路由地址"condition":{ //同样是与globalStyle同级 "current":0, //当前激活的list中的索引 0 则代表list中的第一个 "list":[ {
2021-09-19 11:18:36
411
原创 Uni-app笔记 创建页面和页面配置、配置基本tabbar
1、创建页面在pages文件夹右击新建页面即可 选择创建同名目录会自动放在单独文件夹中选择注册到pages.json会自动注册页面地址你也可以选择使用sass 或者 scss的模板2、页面引用pages中pages属性下第一项为首页 如果想要让一个页面作为首页，路径写在最上即可你的页面创建完成后如果你没有勾选自动注册，那么你需要手动去pages的pages属性下配置文件路径 你可以参照文档 设置每一个页面的单独样式3、tabbar底部导航tabbar一般为底部...
2021-09-19 10:19:01
2513
原创 Uni-app笔记 项目框架介绍 全局样式globalStyle
1、框架内文件介绍pages文件夹->存放项目中所有页面文件static文件夹->存放资源文件 比如图片unpackage->打包完成的文件存放位置，比如打包为h5或安卓appAPP.vue是项目的入口文件，可以调用应用的生命周期。main.js是项目的入口文件，项目开始会首先加载main.jsmanifest.json是配置文件，你可以在这个文件中配置各种小程序的相关内容pages.json是用于设置项目文件的存放路径和全局样式等功能的uni.css是一些
2021-09-18 15:43:12
1042
原创 uni-app笔记 1环境搭建
1、下载HbuliderX 和微信开发者工具 并安装2、创建项目打开HbuliderX 新建项目 选择uni-app 填写名称3、运行项目可以通过HbuliderX中的运行，选择你需要在哪几个终端查看运行效果如果你需要将第一次将项目运行在微信开发者工具中，你需要配置一些选项。(1) 将微信开发者工具地址填入(2) 打开微信开发者工具的安全端口选项微信开发者工具 ->设置->安全设置->服务端口启动(3)微信小程序appId微信小程序新建...
2021-09-18 14:45:59
99
原创 react笔记 路由嵌套
如果你的项目需要很多个路由 传统的路由方式就显得十分臃肿因此我们需要对路由模块化import xxxrouter 记住 不要在import上面定义变量 会报错let routes = [{ path: "/", component: Home, exact: true}, { path: "/News", component: News, exact: false}, { path: "/", component: .
2021-09-14 20:55:28
244
原创 react笔记 登陆成功后的JS路由跳转
如果想要在js中实现route页面跳转，你需要在引入react-router-dom时，新加入几个属性。import { BrowserRouter as Router, Route, Link,Redirect,withRouter } from "react-router-dom"\在你的state中定义用于判断是否登陆成功 之类的 所用的属性this.state={ loginFlag:false}...
2021-09-14 19:48:50
720
原创 react注意事项 解析html代码方式 循环外的img报错处理
你请求到的数据有可能是写为html标签形式的因此你需要让react解析你的数据中的html代码并展示<div dangerouslySetInnerHTML={{__html:你的数据 this.state.xxx}}></div>这样 在react中 你的数据就会被解析为html标签...
2021-09-14 18:58:57
567
原创 react笔记 动态路由 get传值
1、动态路由你在网站点击一个商品的时候。跳转到详情页面，可能会需要得到他是拿一个商品 传递一个id。此时便用到了动态路由，动态路由允许在你的router路由后追加数据。配置 你只需要在APP根组件中允许传值 通过link标签 追加/：[你的数据名] <Link to="/home/:aid">home</Link>这样你就可以在地址后追加你的数据了。发送 在home组件中<Link to={`detail/${th...
2021-09-13 19:24:30
564
原创 react笔记 路由 嵌套路由
使用路由首先需要安装react-router-dom随后引入react-router !!注意 首字母大写import {BrowserRouter as Router,Route,link} from "react-router-dom"1、根据网址自动判断页面随后在app根标签内 ！！注意 exact path 如果你的 "/"默认地址没有用exact path 遇到"/home"会同时把 匹配为 "/"的页面和...
2021-09-12 19:37:32
195
原创 react笔记 生命周期函数
componentWillMount 页面渲染前调用componentDidMount : 页面渲染完成后。 建议在此处发送数据请求componentWillReceiveProps 在props更新后执行shouldComponentUpdate 如果页面有更新操作执行 如果这个函数返回false 则不执行更新周期函数 为true则执行下方两个函数componentWillUpdate 组件接受到新的state 后调用componentDidUpdate 组件完成更新后调用com.
2021-09-11 19:35:58
87
原创 react笔记 请求数据
React与其他框架一样 可以用多种方式请求数据。Axios fetch-jsonp fetch 均可以再react中使用 使用this时注意this指向下面是fetch-jsonp范例 解决跨域第一步安装npm install fetch-jsonp --saveimport fetch-jsonp from "fecth-jsonp...
2021-09-11 17:35:32
288
原创 React 笔记 父子组件传值 | 父组件调用子组件数据 | defaultProps | propsType合法性验证
1.通过props实现父组件像子组件传值import Header from "./Header"render(){ return( <Header msg={"我是props传递的数据"}/> )}import React,{Component} from "react";class Header extends Component { constructor(props){ super(props) t
2021-09-11 15:04:05
156
原创 Vue项目开发各种注意事项
1、eCharts引入方式(单页面)import * as echarts from 'echarts'Vue.prototype.$echarts = echarts2、Sass引入sass和node-sass 中 node-sass不要引入最新版本 引入@7.x 否则会报错 可能是语法规则改变3、严格模式不要随意开启、将eslint文件中 extends: 中的vue去除4、跨域问题 首先检查网址 没问题则通过代理访问5、能用$nextTick就不要用定时器来处理异步6.
2021-08-26 22:58:41
458
原创 react笔记 8-21 约束性 表单
1、约束性组件和非约束性组件非约束性组件<input type="text" name="" defaultValue={this.state.msg}></input>这里他的value是用户输入的值 并没有执行操作 只是获取到了msg的值 用户输入不会改变数据非约束性组件需要使用defaultValue获取数据 否则会报错约束性组件<input type="text" name="" onChange={this.inputChange}
2021-08-21 14:14:24
131
原创 react笔记 8-18 事件 方法 定义方法 获取/改变数据 传值
1、定义方法并绑定class News extends React.Component { constructor(props) { super(props) this.state = { msg:'我是一个home组件' } } run(){ alert("我是一个run") //方法写在类中 } render() { return (
2021-08-18 21:19:45
202
原创 react笔记 8-16 JSX语法 定义数据 数据绑定
1、jsx语法和vue一样 只能有一个根标签一行代码写法 return <div>hello world</div>多行代码返回必须加括号 return ( <div> <div> hello world </div> <div> .
2021-08-16 12:29:35
230
原创 2021-8-14 react笔记-2 创建组件 基本用法
1、目录解析public中的index.html为入口文件src目录中文件很乱，先整理文件夹。新建components 放组件新建assets放资源 ->/images ->/css把乱的文件放进去 修改App.js 根组件和index.js入口文件中的引入路径...
2021-08-14 18:08:30
268
原创 2021-08-14 react笔记-1 安装、环境搭建、创建项目
react学习笔记-1 安装、环境搭建、创建项目1、环境1、安装nodejs2.安装react脚手架工具 // cnpm install -g create-react-app 全局安装2、创建项目create-react-app [项目名称]3、运行项目npm strat //cd到项目文件夹进入这个页面 代表运行成功4、打包npm run build...
2021-08-14 14:33:06
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人