前端
兔老大的胡萝卜
这个作者很懒,什么都没留下…
展开
-
后端返回文件流,前端如何请求并打开 --pdf
【代码】后端返回文件流,前端如何请求并打开 --pdf。原创 2023-11-23 08:58:28 · 488 阅读 · 0 评论 -
点击比如切换按钮,图片所在div变成蓝色
user-select 是一个 CSS 属性,用于控制用户是否可以选择(或高亮)页面上的文本内容。它可以应用于任何 HTML 元素,并用于指定元素内部文本的选择行为。text:允许用户选择文本,但不允许文本拖动。用户可以选择、复制和粘贴文本,但无法将其拖动到其他位置。none:禁止用户选择文本。文本将不能被选中或高亮显示。但仍可通过编程方式选中。auto:允许用户选择文本。这是大多数元素的默认值。原创 2023-06-20 14:51:39 · 148 阅读 · 0 评论 -
js监听鼠标移动方向
js监听鼠标移动方向原创 2023-02-16 17:01:29 · 409 阅读 · 0 评论 -
FileList是个对象不能直接操作数组
FileList原创 2023-02-07 11:13:03 · 183 阅读 · 0 评论 -
js 某一天之前四个季度的最后一天
某一天之前的四个季度的最后一天原创 2022-12-13 10:19:58 · 408 阅读 · 0 评论 -
关于qrcodejs2 二维码组件
qrcode原创 2022-11-22 14:33:12 · 220 阅读 · 0 评论 -
多重对象数组生成新的数组去重
对象数组生成新的数组原创 2022-09-15 17:11:20 · 110 阅读 · 0 评论 -
表单验证 验证输入中文
表单限制中文原创 2022-09-14 09:13:20 · 181 阅读 · 0 评论 -
vue2 tinymce 截图复制粘贴,图片上传验证
富文本编辑器原创 2022-09-13 17:30:10 · 445 阅读 · 0 评论 -
div 限制多行隐藏带回车的字符,每行超出隐藏
div超出隐藏原创 2022-09-08 10:52:34 · 198 阅读 · 0 评论 -
js去除对象的空的键值对
js原创 2022-09-05 16:31:37 · 553 阅读 · 0 评论 -
input输入,限制小数点,小数位数,数字格式,中英文小数点
限制input为两位小数点数字,且小数点的格式不受中英文影响原创 2022-08-16 14:55:19 · 373 阅读 · 0 评论 -
swiper loop为true 第二轮首页点击无效
swiper原创 2022-08-12 09:19:09 · 367 阅读 · 0 评论 -
触发按钮,阻止input触发@blur事件
阻止默认事件原创 2022-08-10 16:30:27 · 1611 阅读 · 0 评论 -
js截取指定字符串中间的字符串
js 截取原创 2022-08-05 16:21:35 · 3172 阅读 · 0 评论 -
js 时间戳转年月日
时间戳原创 2022-08-04 16:06:28 · 2611 阅读 · 0 评论 -
js倒计时
倒计时原创 2022-07-06 17:09:26 · 105 阅读 · 0 评论 -
cli2 适配h5 使用px2vw
postcss原创 2022-06-17 12:21:16 · 164 阅读 · 0 评论 -
div宽度跟内容一致
css3原创 2022-06-13 14:53:04 · 623 阅读 · 0 评论 -
div宽度跟内容一致
css3原创 2022-06-01 16:57:00 · 302 阅读 · 1 评论 -
css布局网站
1、csslayout.io2、cssgr.id3、grid.layout4、CSS Diner5、Loading.io原创 2022-05-14 17:43:19 · 178 阅读 · 0 评论 -
Mesh转Points点云
//材质换成点云材质let pointCloud = new PointsMaterial({size: 0.05, color: 0xffff00}); let mesh = new Mesh(geometry, MAT_EUILDING);//mesh的材质let could = new Points(geometry, pointCloud);//点云scene.add(could);//就ok了新版本和老版本的PointsMaterial不一样老版本叫Pointclo..原创 2022-04-24 16:08:15 · 629 阅读 · 0 评论 -
dat.GUI()功能简单实现
let extruedeSetting = { step1: 1, depth: 1, bevelEnable: false, bevelThickness: 5, bevelSize: -0.1, bevelSegments: 3, wireframe:true, }; let extrudeGeo = new ExtrudeGeometry(s...原创 2022-04-24 12:01:57 · 311 阅读 · 0 评论 -
dat.GUI() 无法呈现
注意,是不是页面的最外层元素被加了 overflow: hidden; 去掉即可原创 2022-04-23 17:26:45 · 446 阅读 · 0 评论 -
threejs导入简单地图模型
抄的b站一个大佬的添加链接描述vite建的项目vue3+ts地图数据需要自己下载https://overpass-turbo.eu/浏览器需要调成英文模式不然下不下来(18年以前貌似没事)<!-- 加载人物模型 --><template> <div ref="statsDivRef"></div> <div ref="threeRef"></div></template><script la原创 2022-04-23 12:57:56 · 1349 阅读 · 0 评论 -
three.js
yarn add three//ts语法提示yarn add @types/three -Dyarn add stats.jsyarn add @types/stats.js -D//gui调整yarn add dat.guiyarn add @types/dat.gui -D原创 2022-04-20 10:55:58 · 144 阅读 · 0 评论 -
pnpm/cnpm 无法全局执行
首先进入安装cnpm或者pnpm的目录下npm install pnpm -g会提示安装目录我的是在我配置的node_global目录下 有cnpm.cmd在此目录下执行cmdpnpm -v若是有版本,则意味着下载成功需要手动配置环境变量将此文件路径(node_global)配置到环境变量的path中即可...原创 2022-04-14 22:33:25 · 1194 阅读 · 0 评论 -
vue+jsonp跨域
npm install vue-jsonp --savemain.js中添加import { VueJsonp } from 'vue-jsonp' 使用 this.$jsonp('http://127.0.0.1:8085/api/api/' , { }).then((res)=>{ console.log(res) })原创 2022-04-14 20:46:54 · 926 阅读 · 0 评论 -
nvm常用命令 切换node
常用命令nvm ls :列出所有已安装的 node 版本nvm ls-remote :列出所有远程服务器的版本(官方node version list)nvm list :列出所有已安装的 node 版本nvm list available :显示所有可下载的版本nvm install stable :安装最新版 nodenvm install [node版本号] :安装指定版本 nodenvm uninstall [node版本号] :删除已安装的指定版本nvm use [原创 2022-04-14 14:41:58 · 18565 阅读 · 0 评论 -
echart组件结合tab,宽度变成100px
原因是在页面进行加载时,父容器最初是被隐藏的,宽高为0。隐藏的图表找不到对应的div大小,所以默认给了一个大小。解决:其他方法都试过没什么用这个可以:element UI 官方提供的 lazy="true" 延迟加载,也就是待tab页切换时,父容器tab渲染完毕再去渲染子组件...原创 2022-03-25 15:44:24 · 262 阅读 · 0 评论 -
控制margin,padding,使div不变大
css3特性box-sizing:border-box原创 2022-03-23 16:01:49 · 1438 阅读 · 0 评论 -
简单遮罩层
.second_content_four{ position: relative;}.second_content_four::before{ content: ''; display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.3) //可以加图片什么的;}.second_c.原创 2022-03-23 15:14:47 · 113 阅读 · 0 评论 -
html横竖虚线
<div style="position:relative"> <div style=" position: absolute; width: 3px; height: 9.7%; background-image: linear-gradient(rgb(38, 157, 156) 0%, rgb(38, 157, 156) 80%, transparent 50%);原创 2022-03-21 16:15:16 · 645 阅读 · 1 评论 -
router带参数跳转 新页面
const new1 = this.$router.resolve({path: '/vr_details', query: {vrId: id}}) window.open(new1.href,'_blank')原创 2022-02-28 09:21:05 · 276 阅读 · 0 评论 -
swiper
npm install swiper@3 --save-dev 引入或者mainjs引入import 'swiper/dist/css/swiper.min.css'import Swiper from 'swiper'<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"原创 2022-02-17 11:43:06 · 248 阅读 · 0 评论 -
js无限解构(包括对象)
var arr1 = [1, 2, [3, 4]];arr1.flat(); // [1, 2, 3, 4]var arr2 = [1, 2, [3, 4, [5, 6]]];arr2.flat();// [1, 2, 3, 4, [5, 6]] var arr3 = [1, 2, [3, 4, [5, 6]]];arr3.flat(2)//使用 Infinity 作为深度,展开任意深度的嵌套数组arr3.flat(Infinity); // [1, 2, 3, 4, 5, 6原创 2022-02-16 15:58:08 · 311 阅读 · 0 评论 -
小程序 背景图 真机调试不显示
需要base64加密首先data{ bgci1:"/images/nav.png",}然后 onload周期 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { //转码 let base1 = wx.getFileSystemManager().readFileSync(this.data.bgci1, 'base64'); this.setData({ num:index原创 2022-01-06 18:25:45 · 353 阅读 · 0 评论 -
flex布局下,最后一个元素居右
加个margin-left:auto就行了原创 2022-01-04 11:38:36 · 375 阅读 · 0 评论 -
微信小程序,当前页面给上一个页面传值
var pages = getCurrentPages();//定义页面堆栈 var prevPage = pages[pages.length - 2] //上一个页面 let newobj = { name:e.detail.value.name, number:this.data.numbers, money:this.data.money, useway:e.detail.value.remark...原创 2021-12-27 15:50:51 · 617 阅读 · 0 评论 -
微信小程序,监听数据
监听方法写在app.js中,以便全局调用watch: function (ctx, obj) { Object.keys(obj).forEach(key => { this.observer(ctx.data, key, ctx.data[key], function (value) { obj[key].call(ctx, value) }) })},// 监听属性,并执行监听函数observer: function (data, key, val, f原创 2021-12-27 15:48:36 · 693 阅读 · 0 评论