- 博客(16)
- 收藏
- 关注
原创 threejs 自定义loader
threejs 自定义loader;假如有一个私有格式的3D文件(3dfile.jw3d),我们根绝制定的数据规则将私有格式的3D文件解析成threejs的geometry对象。
2023-05-31 11:27:44 214
原创 vue项目打包上线后Loading chunk * failed.
原因:如果我们项目中使用了路由或者组件懒加载,当我们网站上线后服务器上前端资源被替换,如果用户在我们上线期间正在使用我们的网站,上线后在加载没有加载过或者缓存过的组件数据时就会发生错误。使用路由的onError监听事件来获取组件加载失败的异常,然后刷新当前页面;
2023-05-31 10:34:20 1099
原创 使用JavaScript,SAS签名实现微软云Azure前端文件上传
【代码】使用JavaScript,SAS签名实现微软云Azure前端文件上传。
2023-03-01 15:15:30 316
原创 数组递归成树状tree结构
function deepTree(data, parent_code) { var result = [], temp; for (var i = 0; i < data.length; i++) { if (data[i].parent_code == parent_code) { var obj = {"label": data[i].name,"value": data[i].code}; temp = deepTree(data, data[i].code);.
2022-01-21 20:33:07 142
原创 flex:1 无法内容超出隐藏问题
问题:在使用弹性布局的时候 如果设置元素flex:1 子元素超出隐藏失效解决办法: 给父元素(flex: 1的元素)设置min-width:0;
2022-01-21 13:12:19 1464
原创 threeJS 释放资源 防止内存泄漏问题
renderer.dispose()renderer.forceContextLoss()renderer = null 文档地址:three.js docs
2021-12-31 16:19:34 2007
原创 css 利用 background-attachment: fixed 实现视觉差效果
效果如图所示: css代码:div { display: block; cursor: pointer; width: 100%; height: 100vh; margin-bottom: 20px; background-position: center center; background-size: cover; background-attachment: fixed; ...
2021-09-03 15:22:01 246
原创 使用阿里云oss上传文件到文件服务器
上传文件到阿里云文件存储服务器阿里云上传提供回调方法,可以回调上传后的文件信息, 但是我们后端没有签名的时候不让回调获取信息,故本文使用无回调方式获取上传后的文件路径import { getAliyunOssSTSAK ,getDirectOssSTSAK} from '@/api/common/ossupload';import OSS from "ali-oss";let util = {};//上传方法util.ossUpload = async function (prefix,
2021-09-03 11:30:56 625
原创 el-upload自定义上传文件 oss上传
使用elementUI 自定义上传文件 使用阿里云oss方式上传<template> <div class="component-upload-image" > <el-upload :action="uploadUrl" :on-success="handleUploadSuccess" :before-upload="handleBeforeUpload" :on-error="handleUploadErr
2021-09-03 11:13:45 465
原创 解决vue v-html xss问题
问题描述:vue中使用指令 v-html 会存在xss攻击问题<template> <div v-html="html"></div></template><script> export default { data () { return { html: `<a οnclick='alert(123123)'>点我alert</a
2021-09-02 11:28:51 1107
原创 vue 文字渲染解析换行符
问题描述:我们在使用textarea的时候有时候会输入回车符号,然后传给后端 但是后端给到我们去展示页面的时候 一般情况下会把换行符显示成 空格解决方案:在要展示内容的元素上添加css.text-box { white-space: pre-line; }...
2021-09-02 11:15:32 848
原创 vue ios端微信偶尔签名无效问题
问题原因:vueRouter History模式 ios微信浏览器下微信只会记录第一次进入到页面的url,即时路由发生跳转(push)只要不刷新 微信当前记录的url还是第一次进入页面的时候的url 所以传入的url和真实的url不对应 导致签名错误解决方法:将第一次进入页面的url保存起来 每次签名的时候使用该保存的url地址router.afterEach((to, from) => { // window.__wxjs_is_wkwebview // tru..
2021-09-01 22:23:27 488
原创 node excel转json 处理多语言
初始化项目npm init安装node-xlsxnpm install node-xlsx -D创建多语言excel文件(如图)代码片段 index.jsconst xlsx = require('node-xlsx');const fs = require('fs');const allData = xlsx.parse('./translate.xlsx');let files = ["zh_CN", "en"]; //后期语言比较多的话使用for循环创建..
2021-08-23 10:36:33 142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人