- 博客(56)
- 收藏
- 关注
原创 前端框架MUI/vant
移动端mint-uiw3c地址:https://www.w3cschool.cn/mintui/mintui-sy9b35s7.html(比官网好进)开源协议的了解:https://www.zhihu.com/question/19568896。码云的官网:https://gitee.com/
2023-06-25 14:57:24
216
原创 THREEJS 模型调整旋转中心
model.traverse(child => { if (child.isMesh) { let center = new THREE.Box3().setFromObject(child).getCenter(); }});
2022-03-15 16:33:59
5034
3
原创 threejs + echarts + 加地球 三维展示地图
<!DOCTYPE html><html lang="en"> <head> <title>hujiulong - earth</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maxi.
2022-02-26 14:08:49
2150
原创 threejs进化文档
各种效果案例和特效:https://blog.csdn.net/de1981/article/details/102146948画线以及各种效果实现:https://blog.csdn.net/ruangong1203/article/details/52156327
2021-08-11 18:30:28
234
原创 自动进入网页生成二维码并且下载到本地
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta content="True" name="HandheldFriendly"> <meta name="MobileOptimized" content="320"> <meta http-equiv="Content-Type" content="text/ht
2021-06-24 19:46:09
242
2
原创 vue好用的日期插件
Installnpm install vue-jlunar-datepicker --saveUsagemain.jsimport Vue from 'vue';import JDatePicker from 'vue-jlunar-datepicker';Vue.component("j-date-picker",JDatePicker);test.vue<template> <j-date-picker v-model="value1"
2021-06-24 19:20:07
1304
原创 常见曲线
//椭圆曲线var geometry = new THREE.Geometry();var curve = new THREE.EllipseCurve(0,0,10,20);var points = curve.getPoints(100);geometry.setFromPoints(points);var material = new THREE.LineBasicMaterial({color: 0xff0000});var line = new THREE.Line(geometry,
2021-05-15 15:47:06
473
原创 VUE + threejs
创建vue项目步骤忽略…引入threejs方式【模块式开发】import * as THREE from "three";其他类库引入方式例如:import { RenderPass } from "three/examples/jsm/postprocessing/RenderPass";import { UnrealBloomPass} from "three/examples/jsm/postprocessing/UnrealBloomPass";import { ShaderPass
2021-05-12 14:29:34
3021
原创 threejs实现地图
方式1 模型师配合模型实现。方式2GEOJSON,可实现地图方式3three-geo实现threejs+地图threegeo官网https://www.npmjs.com/package/three-geo注意事项:1在 https://account.mapbox.com/access-tokens/ 注册access_token信息按照案例即可运行this.scene = new THREE.Scene();const ioToken = ‘自己申请去,我不提供’;const
2021-05-10 14:33:56
3636
转载 vue+threejs+geoJson
转载 [vue+threejs生成地图](https://my.oschina.net/u/4342750/blog/3206333)
2021-05-07 16:36:23
930
原创 vue 常见框架
1.Element(start-28128)饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目官网地址http://element.eleme.io/2.iview(start-15674)iview一套基于 Vue.js 的高质量 UI 组件库,友好的 API ,自由灵活地使用空间,细致、漂亮的 UI。由TalkingData开发维护,有很多知名互联网企业都在使用官网地址https://iviewui.com/vuetify(start-1
2021-04-27 16:11:07
699
原创 vue.js—定义全局变量、函数
废话不多说,直接上代码,以便以后学习查看。。。一、全局变量原理:单独新建一个全局变量模块文件,模块中定义一些变量初始状态,用export default 暴露出去。在main.js中引入,并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用;或者直接引入到需要的模块文件中使用;步骤一、定义一个全局组件 Global.vue,里面只有步骤二、修改原型链// The Vue build version to load with the import command//
2021-02-28 12:06:48
1092
原创 爬坑活动
1.jQuery的extend方法https://www.cnblogs.com/NTWang/p/6175773.html.extend()−−静态方法和.extend({})-- 静态方法 和.extend()−−静态方法和.fn.extend({})–实例方法的区别 ,$是jQuery的简写$.extend({}) ,为jQuery类添加方法,可以理解为扩展静态方法继承。浅拷贝与深拷贝$.fn 是什么,下图表示即 原型2.iframe嵌套页面 跨域https://segmentfa
2021-02-24 18:30:10
77
原创 ubuntu安装php+mysql+ngnix+redis+emp
linux 安装php7https://www.cnblogs.com/houss/p/11296285.html#groupadd nobodylinux 安装mysqlhttps://www.cnblogs.com/wangpeng00700/p/13539856.htmllinux 安装ngnixhttps://www.cnblogs.com/gede/p/11011693.html
2021-02-23 17:56:33
70
转载 前端各种居中问题处理
https://blog.csdn.net/weixin_39742568/article/details/111861709前言两年前工作时开的博客,一年前写了两篇博文,然后就到了现在才重拾起笔。原因有二,一是自觉技术不足,二曰懒。最近由于在项目中遇到需求为拖动列可调整列顺序的表格,最后找到一款基于JQuery名为DataTables的插件,但网上为之写使用方法的很少,质量也很差,所以就动了为之写一个较为全面的使用方法的文章,又由于最近项目工作繁忙,所以一周过去了还没有写,今天抽空写了这篇文章,至于
2021-02-02 16:58:31
286
原创 VUE,Promise对象用法
VUE-Promise用法案例1VUE-Promise— Promise-all 用法Promise.all([需要异步一起执行的方法]).then(res=>{res里面存放的是数组,上面有多少个方法就有多少个index,每个index是上面对应的方法的返回值})getDataList(){ Promise.all([ this.searchEquipmentList(), this.getEquipmentMode() ]).then((re
2020-12-21 14:43:49
345
原创 echart引用实例
https://echarts.apache.org/examples/zh/index.htmlhttps://echarts.apache.org/next/examples/zh/index.htmljsvar myCharts1 = echarts.init(document.getElementById(‘pic1’));myCharts1.setOption(option1,true);vuelet myChart = this.$echarts.init(document.get
2020-12-18 09:32:18
191
1
原创 vue全家桶项目创建到环境搭建
1.安装nodejs2.npm镜像npm install -g cnpm --registry=https://registry.npm.taobao.org3.安装vue-cli.cnpm install vue-cli -g //全局安装 vue-cli4.创建项目vue init webpack ”项目名称“5.进入项目名称目录,cnpm start运行1.使用iview(1)安装cnpm install --save iview(2)使用```import iV
2020-11-30 21:20:28
182
原创 利用threebsp在平面集合体上面截取个门出来
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> html, body { margin: 0; height: 100%; } canva
2020-11-18 15:29:44
180
1
转载 ThreeBSP.js,创建编辑模型利器
ThreeBSP.js 是 three.js 的一个扩展库,可以实现对模型的数学布尔运算,实际上就是个个点的重新组合和拆分,来重新生成 几何体对象和网格模型。本实示例浏览地址:https://ithanmang.gitee.io/threejs/home/201806/20180626/01-threeBSPdemo.html转载了https://blog.csdn.net/ithanmang/article/details/80815251...
2020-11-18 15:04:00
498
原创 点击屏幕增加小心心的js
<script> !function(e, t, a) { function r() { for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[e].y--, s[e].scale += .004, s[e].alpha -= .013, s[e].el.style.cssText = "left:" + s[e]
2020-11-18 12:22:56
259
原创 各类符号大全
▶ ◀ ▲ ▼ ▸◂▴▾ △ ▽ ▷ ◁ ⊿ ▵▿▹◃ ▪▫☰ ☲ ☱ ☴ ☵ ☶ ☳ ☷ ♂ ♀◆ ◇⊙ ■ □ △ ▽ ✔ ☑ ✘ ☒ ◎ ☉ ★ ☆ ⊿ ※ © ® ™ Σ ✪ ✯ ◤ ◥ ◣ ◢ ┅ ┇ ✚ 〓· ▸◂▴▾ ┈ ℃ ℉ ° ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ ❖☑ ✓ ✔ √ ☐ ☒ ✗ ✘ ㄨ ✕ ✖ ✖ ✦ ✧ ✩ ✰ ✪ ✫ ˆ ˇ @﹫﹟#﹩$﹠&﹪% *﹡﹢﹦﹤‐ ˜ ﹍ ﹎ + = < _ _ - \
2020-11-16 17:45:52
1962
原创 php多维数组去重的方式【三维为例】
假设叫数组 $my_array;// 新建一个空的数组.$tmp_array = array(); $new_array = array(); // 1. 循环出所有的行. ( $val 就是某个行)foreach($my_array as $k => $val){ $hash = md5(json_encode($val)); if (in_array($hash, $tmp_array)) { echo('这个行已经有过了'); }else
2020-11-13 17:39:47
175
原创 threejs快速生成地图的方式以及代码
1.利用geojson,生成你想要区域的地图。2.下载到需要的json。3.代码生成模型。 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>3D</title> <link href="./css/index.css" rel="stylesheet"> <script type="text
2020-11-05 21:02:29
2772
5
原创 1.精灵材质,生成3D面板。2.单页面应用,dispose防止资源泄露。3.模型发光带线
var textured = new THREE.TextureLoader().load("textures/warning.png"); var spriteMaterial = new THREE.SpriteMaterial({ // color: 0xffffff, map: textured }); var sprite = new THREE.Sprite(spriteMaterial); sprite.position.set( 25.729931791092394
2020-11-05 16:59:12
771
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人