- 博客(13)
- 收藏
- 关注
原创 3D可视化集装箱货柜模型开发 --threejs
下图中实现了一个简单的平面,平面的颜色为绿色,但是目前还看到的平面是黑色。如果需要看到场景中的物体真实颜色和才材质,必须在场景中使用光源。类似我们在房间中放了一个物体,如果房间内没有开灯没有外部的光,那么那个物体呈现出来的效果就是黑色,什么都看不见。以下例子是在vue的项目里面实现一个简单的场景渲染,目前场景除了坐标轴并无其他物体。,也就是每次在写3d模型的时候都需要在代码中出现这三部分的代码。给外面集装箱添加透明度,能透视看到具体柜子消息。在需要用的的代码文件里面引入threejs。
2022-12-16 19:41:18
2513
4
原创 小程序外卖订单界面的 代码
html页面.<view class="container"> <view class="store-box"> <view class="st-bg"></view> <view class=" flex justify-between store-info"> <view class=" flex flex-direction justify-star...
2022-01-02 02:27:15
3365
2
原创 Ant Design of Vue ui框架 表格合并数据展示
<template> <a-table :columns="testColumns" :data-source="testData"></a-table></template><script>//hideTb 隐藏掉显示td//childrenS 需要合并的子类,循环一遍摊开显示const testData = [ { key: '1', name: 'John Brown', age: 32,.
2021-09-15 16:37:23
388
原创 Fiddler 解决前端跨域请求接口
打开Fiddler软件,找到右边有一个自动转发(AutoResponer)就是下面这个1.然后提交一条规则,上面是自己本地请求的地址,下面那个是需要跨域访问到的地址,填写完然后保存,再启用规则精准匹配:正则匹配:2.配置规则后,用postman 测试一下...
2021-08-18 17:12:38
574
原创 前端使用charles解决跨域
前端开发由于开发环境和后端不是在同一个环境下。所以接口请求就涉及到的跨域问题也是我们常见的。每次叫后端在测试环境下添加跨域问题,这样容易被鄙视。所以自己能解决的问题还是自己来!比如我本地域名是www.a.com,后端给过来的接口域名是www.b.com先按照charles 工具,然后打开 tools -> Map Remote Settings注意Preserv...
2019-09-24 13:54:29
502
原创 纯 CSS 美化radio checkbox 样式
先看效果<div class="reg_radio"> <label for="male"> <input name="sex" id="male" class="m_radio reg_r_box " type="radio" value="M"> <span class="sex_radio">...
2019-06-04 14:01:13
279
原创 echars 字符云效果,echars字符云颜色问题
需要引入echars 4.0以下的插件,4.0插件字体颜色不能设置 <script src="js/echarts/echarts.min-3.6.2.js"></script> <!-- echarts 词云 --> <script src="js/echarts/echarts-wordcloud.min.js...
2019-04-24 10:08:29
1295
原创 echars 创建中国气泡地图和定位图表点
function chinaMap() { // 1、初始化echarts示例map var map = echarts.init(document.getElementById('fans_map')); //(2)粉丝位置引入data数据 var data = [ {name: '海门'...
2019-04-24 10:00:38
2330
2
原创 js 图片链接转base64格式,js远程图片链接转base64格式
// 方法一function convertImgToBase64(url,callback){ var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'; img.onload = f...
2019-04-24 09:53:56
2772
原创 Echarts 实现自定义图片关系图
百度echart实现带图片头像的关系图<!DOCTYPE html><html style="height: 100%"><head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta charset="u...
2019-04-17 10:28:34
7440
7
原创 vuejs 中eventBus 实现 非父子组件通信 兄弟组件通信
vuejs2.0中文档里面有清楚的说明了父子组件的通讯方法,但是没怎么说到非父子组件的通讯,很多新学习的同学不太会!在vuejs 2.0中能实现到兄弟组件或是非父子组件组件的通讯有两种方法,1.eventBus 2.vuex我们这里说下eventBus的使用主要内容点:1.const = eventbus = new Vue()// 触发 footer 组件里的change事件2.bu...
2019-02-22 18:13:45
219
原创 i18n 在 jq 中的多语言实现方式
1.原生JS实现多语言html: <section class="table_sec"> <h1 id="locale">en</h1> <h3 data-trans="js_gloTitle">你好</h3>
2019-02-20 09:16:09
1134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人