自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 threeJs 起步案例

至此为止,场景和物体都建好了,我们已经拥有一个三维环境了,但是页面上什么也看不到,想要“看到”你的三维场景,还需要一个摄像机和一个渲染器。相当于摄像机在不停对你的三维场景拍照,然后渲染给你看,你才能在平面网页看到你的三维物品。如果想加载外部三维模型,可以去官网代码里找例子,仿照loaders文件中提供的加载代码去写,不同文件格式可能会不一样,这里记录我比较常见的。,材质不同,对光的反应不同,基础网格材质MeshBasicMaterial 对光没反应,后续如果需要灯光效果,使用这个材质则看不到。

2023-11-08 15:44:13 99 1

原创 JS计算小数精度问题

在JavaScript中,处理多个小数相加时,由于浮点数精度问题,直接进行简单的加法运算可能会导致精度丢失。这些方法可以在一定程度上解决浮点数精度问题,但是对于非常大或非常小的数字仍可能存在精度问题。此外,以上只是一种手动处理的方法,在实际应用中可能会比较繁琐。还有一种常见的方法是将小数转换为整数进行计算,然后再将结果转换回小数。使用这些库可以更方便地进行精确计算,并且能够处理更复杂的场景,如乘法、除法等。这些库提供了更强大和易于使用的方法来进行精确计算。一个更好的选择是使用专门处理精确计算的库,如。

2023-08-26 10:32:47 603

原创 vue 根据接口返回的url预览pdf和下载pdf文件

接下来我们创建一个URL对象,以便在浏览器中访问该PDF文件,然后创建一个a标签并设置其href属性为该URL对象的值。pdf的URL直接打开的话是网页预览界面,而不是文件下载,文件下载需要的是二进制数据,但是如果接口返回的是在线链接,那么可以通过以下操作进行格式转化再去下载。创建一个方法downloadPDF(),接收一个在线URL地址,然后使用axios发送GET请求获取PDF文件的二进制数据。这将会在点击该按钮时调用downloadPDF()方法并下载名为file.pdf的PDF文件。

2023-06-07 11:44:46 5213 1

原创 简单记录—vue 用js方法实现侧边导航栏联动选择

因为滚动要跟着一起变,所以要在 watch 里面实时监听scroll的变化,发生变化时,判断当前距离顶部最近的是第几章,得到index把侧边目录栏选中样式改为对应的即可实现。页面初始化的时候,给内容滚动的元素加一个侦听事件,定义一个变量 scroll 用来保存当前滚动的数值。页面结构部分,根据数据循环写一个ul > li,生成侧边目录。解决第一个需求,点击任意一条目录页面滚动到对应内容。1、选择任意一条页面滚动到指定目录位置。解决第二个需求,页面滚动,目录跟着滚动。2、页面内容滚动侧边栏跟随一起滚动。

2023-03-29 12:17:37 1316 2

原创 小程序基于vant calendar 修改成横向切换月份,点击左右两侧改变月份,并在需要的日期上加上标注

主要的思路就是,将vant的日历控件设置成平铺,然后将minDate和maxDate分别设置成当前月的第一天和最后一天。这样日历区域就只会显示一个月的内容,然后再自己加两个按钮,分别在点击事件中去替换minDate和maxDate的值,产生是点击切换月份的效果。日历上特殊日期的标注则通过formatter函数来控制

2022-11-21 15:25:40 3427 7

原创 使用vue-cli搭建第一个vue项目过程全记录

​第一步:检查有没有安装 node 和 npm 检查命令,node -v ; npm -v第二步:切换淘宝镜像$ npm get registry #查看原本镜像$ npm config set registry http://registry.npm.taobao.org/ #修改成淘宝镜像$ npm config set registry https://registry.npmjs.org/ #镜像还原第三步:安装vue-cli脚手架,一定要是管理员身份去运行,否则会权限不够,安装报

2022-08-04 14:26:26 360

原创 微信小程序接口响应拦截器,封装请求头

1.新建一个request.js文件var app = getApp();const baseUrl = '请求头地址';// 调接口方法const fetchData = (url, data, method, callback, errCallback) => { wx.showLoading(); let token = wx.getStorageSync('$$token') wx.request({ url: baseUrl + url,

2022-04-07 10:03:11 1580

原创 vue项目中通过url数组一次下载多个文件

后台拿到需要下载的url数组,最开始想到的是在页面创建a标签,通过a标签的点击来实现下载downloadFile(content, filename) { // 创建隐藏的可下载链接 let eleLink = document.createElement('a') eleLink.setAttribute('class', 'upload-file') let evt = document.createEvent('HTMLEvents')

2022-03-23 10:02:35 2116 1

原创 vue-quill-editor富文本编辑器使用步骤

vue-quill-editor的安装和配置,实现工具栏自定义数据格式,以及鼠标经过提示中文释义

2022-03-18 18:21:55 58318 20

原创 前端用blob处理后端返回的二进制数据流,导出文件

导出功能主要在response里面做操作,前面都是正常的调接口在调接口时配置上 (url 那个地方)responseType: 'blob', // 此属性非常重要,不然数据是乱码headers: { 'Content-Type': 'application/json;charset=UTF-8' }好的,如果接口调用成功,然后就可以对response做处理了 let blob = new Blob([response.data], { type: 'app.

2021-12-01 10:00:46 1602

原创 vue+elementUI 实现图片上传预览功能

准备工作:你需要一个后台接口,你传文件给他,他返回一个图片在线链接。ok,开干!用到的是elmentUI里的el-upload,先去看官网例子。我用到的是图片列表先把html的框架copy过来,然后根据自己的需求取取舍内容。这个直接复制粘贴的事情,耐心的elemntUI的官网,不要急躁哈<el-upload ref="placeImg" action="/" accept="image/*" :file-list="datalist" :http-req

2021-07-29 17:11:23 4262

原创 vue弹窗只有第一次加载会有数据

问题描述:使用 el-dialog 去做弹窗,弹窗是个组件,点击弹窗之后,在弹窗里面去调用接口,接口不管是写在 mounted() 还是created() 首次都可以调用,但是关闭弹窗之后,再打开就不能调用了原因分析:第一次弹出弹窗,弹窗页面需要初始化数据,这时候第一次会去调用写在 mounted() 或者 created()里面的方法关闭弹窗后,el-dialog是通过v-show也就是display:none去控制,弹窗并没有销毁,所以在下次打开,只是display 变成了 blo.

2021-07-20 15:18:59 1563

原创 js判断对象是否为空(整理)

1、将对象转为字符串,然后判断是否等于'{}'var obj = {};var objStr = JSON.stringify(obj);if(objStr === '{}') { console.log("空对象");}else { console.log("不是空对象");}2、使用Object.getOwmPropertyNames()方法+length属性进行判断Object对象的getOwnPropertyNames方法,获取到对象中的属性名,存到一个数组中,返回

2021-04-08 10:32:41 1711

转载 jQuery给动态添加的元素加点击事件失效的原因以及解决办法

一、问题描述  用jQuery的append()方法动态添加了一段html代码之后,发现在为新添加的元素绑定click事件时无法获取该新元素。二、解决方法使用jQuery的on()方法添加元素。三:具体代码<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>jQuery on()方法测试</title>...

2021-02-21 11:12:22 1712 1

原创 解决jQuery打开或跳转页面隐藏元素闪动问题

有时候一个问题限制了你,往往可以换一种思路问题如题意,我的大致开发需求是:我有一个写好的页面,在另一个页面用弹窗的方式打开,打开的时候隐藏掉头部和侧边菜单栏原始做法有bug:在打开时,传值判断是页面来的,还是弹窗来的,如果是弹窗,就给头部和侧边加 .hide() 的方法,问题解决,但是在弹窗加载时,被隐藏的元素会先加载一遍,再隐藏掉。有个闪动的效果,体验感不好。原因(个人理解):页面进来,首先加载DOM元素,再去调用的的 hide 方法,因此出现先显示,后隐藏的闪动效果解决办法: 在原始页面上,给之

2021-01-26 15:30:08 1282 2

原创 js实现将页面中的数据表格导出为图片,js实现导出excl表格(内含三个插件)

开发需求:拿到同事代码,同事用 layui 写了一个数据表格,但是表格里的内容确是带样式的 button 。现在需要将这个表格导出,这着实让我头疼了许久。找到的插件可以使用:canvas,试过js-table2excel,试过export2Excel,都没达到我想要的效果,今天找到一个牛逼的方法,一定要记录下来!!首先,奉上大佬的链接,参考的这篇文章提供的技术。用dom-to-image将html生成图片总结我找到的这三个插件的区别:canvas : 可以把它看作屏幕打印机,可视面积有多大就会.

2020-11-26 19:16:13 3693 3

转载 父元素有鼠标移入移出事件的时候,不想让子元素触发(例如嵌套div的时候,移到内部div边框上时,会触发鼠标移出事件)

如果使用鼠标经过事件的元素里面有子元素,子元素也会触发,例如嵌套div时,移动到内部子元素边框上,会触发鼠标移出事件这个时候,使用mouseenter和mouseleave代替mouseover和mouseleave就可以了$('div').on({ mouseenter : function(){ } , mouseleave : function(){ } }) ;...

2020-11-04 11:00:58 1049

原创 前端实现利用层级下拉框从页面表格中删选出数据

今天用前端实现一个表格数据查询,主要是两部分功能,表格渲染,表格查询HTML布局分为上下两部分,删选栏 和内容表格栏,删选栏是用 ul + li 组合的办法,做的一个层级下拉选择框,具体多少层级,根据项目需求而定,内容表格,用到的是 layui 去渲染的 ,直接po代码:<!DOCTYPE html ><html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="sty...

2020-09-04 18:20:23 762

原创 纯JS实现轮播图效果

轮播图今天用纯JS把轮播图做出来了,一个完整的轮播图包括以下三个部分的功能:一、左右两边有一个按钮可以点击切换二、底部有几个小圆点,圆点会跟随图片的切换而切换,且点击具体某个圆点时,跳转到相应图片三、整个轮播图定时自动切换实现效果图如下:代码解析:HTML布局<div class="wrap"> <ul class="list"> <li class="item active"><img src="i

2020-08-22 18:12:07 1341

原创 利用jQuery实现三级侧边导航栏

侧边栏用一个含有三级目录的做法十分常见,记录自己用过的一种写法,主要用jQuery实现。实现效果图:具体代码如下:HTML布局<div class="content"> <div class="content_left"> <div class="left_title"> LOGO </div><!-- 每一个菜单项 --> <div class="menu"

2020-08-21 15:47:25 2357

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除