- 博客(67)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue3-video-play 在安卓上正常播放，在ios上不能播放，问题解决
vue3-video-play,ios视频播放，当ios版本低于17的时候，需要对屏幕进行点击，将vue3videoPlay组件放在用户点击的地方点击一下。2.需要再初始化之后，对于video进行load.因为项目着急，直接修改组件源码。暂时解决，为什么出现这个问题，还不清楚，希望有大神可以解答下。1.ios上autoplay需要静音，在播放后再打开声音。4.当ios版本低于13的时候，组件内的。找到init函数，修改。
2024-04-09 15:27:34
580
原创 threejs创建一个类似词云的旋转体
之所以选择用threejs处理，因为直接用dom节点处理的话会出现不流畅的情况。用svg处理会每次都重新渲染，占用大量的CPU和GPU。用threejs，使用引擎处理，会降低cpu，只占用GPU，提高项目流畅度。
2024-01-25 11:15:03
552
原创 Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法
vue 打包报错。 this.getOptions is not a function，main.js，app.vue， thread-loader，sass-loader，node-sass， vue
2024-01-02 14:43:58
653
2
原创 Vue3和Vue2的区别：【助手生成】
答：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。Vue3优点：性能更好、类型推导更好、API设计更简洁、组合API更好、支持Fragment和Teleport、按需加载、多个根节点。答：Proxy响应式系统、组合API、Fragment和Teleport、按需加载、多个根节点等。更好的类型推导：Vue3支持TypeScript，更好的类型推导，减少了类型错误。答：通过props、
2023-07-10 13:44:33
639
原创 vue3 + router-view + keepalive parentComponent.ctx.deactivate is not a function
vue3中keepAlive的用法与vue2中存在区别vue3中的用法<router-view v-slot="{ Component }"> <transition> <keep-alive> <component :is="Component" /> </keep-alive> </transition></router-view>如果使用下面的v-if切换，请给transi
2022-03-25 15:00:54
1159
原创 vue + scss,文本超过多行需要省略号，不起作用
正常设置超过多行，显示省略号（仅部分浏览器支持）overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;结果这样设置了，在vue+scss中不起作用，原因是，在scss编译的过程中，会去掉 -webkit-box-orient: vertical；的属性，需要在代码中添加 word-wrap: break-word; wo
2021-11-12 10:10:23
1496
1
原创 离线安装 node.js
1.下载linux版本的node.js：https://nodejs.org/en/download/https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz2.拷贝进服务器3.解压：tar xf node-v10.9.0-linux-x64.tar.xz，注意版本号，解压自己对应的版本号4.设置本地环境vi /etc/profile ，进入文件后，在最后面追加两条路径，如下： export NODEJS_HOME=/root/.
2021-10-09 11:30:12
2175
原创 微信分享报错errMsg: “updateAppMessageShareData:fail, the permission value is offline verifying“
微信分享报错errMsg: "updateAppMessageShareData:fail, the permission value is offline verifying"1.可能是手机微信版本不支持最新的分享方法，可以尝试使用旧版本2.使用的方法应该先声明一下，确定你使用的方法声明了。3.如果上面的两种方法都做了，或者之前运行没问题，也没改代码，就报错了，可能就是你的微信公众号认证到期了，记得去申请一下。之前写的微信分享的功能，今天突然发现分享配置不对，排查下，发现报此错误；总结一下，希望可以给大
2021-09-26 15:56:19
19087
原创 uni-app H5 钉钉 中使用vant-weapp注意事项
需要下载vant的weapp版源码，将dist目录复制到uniapp项目中，路径：项目/wxcomponents/vant引入后hbuilderx会自动给每个组件生成一个vue文件，但是会包一层uni-shadow-root，如果同时使用uni官方的组件且是通过easycom的custom使用的，则会冲突，需要将正则改为^uni-((?!(shadow-root)).*)"custom": { "^uni-((?!(shadow-root)).*)": "@dcloudio/uni-ui/l..
2021-08-13 10:52:27
931
原创 uniapp 创建 钉钉小程序 （拒绝使用Hbuilder创建）
第一步：全局安装 vue-cli（一般VUE开发者应该都已经安装过了，可自行跳过）npm install -g @vue/cli第二步：创建模板vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project（前两步已经创建的项目，此时可以执行微信小程序，百度小程序，H5等项目的执行命令，就可编译成对应项目）第三步：修改配置 package.json在 uni-app 下面的script里面添加钉钉小程序的配置"uni-app": {
2021-07-15 14:31:51
1765
原创 mix-blend-mode, video背景色
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>菜鸟教程(runoob.com)</title><style>.container { background-color: yellow; he.
2021-05-21 17:10:54
761
原创 input file文件转base64格式
html<input ref="fileinput" type="file" style="position:absolute; clip:rect(0 0 0 0);" accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event)">jsuploadImg (e) { const file = e.target.files[0]; this.
2020-12-10 14:29:20
1735
原创 windows安装pip,numpy
curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py # 下载安装脚本python get-pip.py install # 安装pip list # 查看安装情况pip install scipy -i https://pypi.tuna.tsinghua.edu.cn/simple # 国内镜像安装numpy
2020-05-21 10:52:21
267
原创 grid ，css布局
today,也就是今天啊，发现一个css样式，之前没听过，更没用过（在下才疏学浅，莫要见笑）！就是这个样式display: grid;哎呦呦，这个东西就是今天的主角！个人理解，这个就是把之前大家说的栅格布局，写进了css里面，大家用起来更方便的，不过现在的各大浏览器支持程度还不是很清楚，大家慎用！！（chrome. Edge还是支持的，亲测有效）；基本概念采用网格布局的区域，称为"容器"（container）。容器内部采用网格定位的子元素，称为"项目"（item）。也就是这个布局样式类似于fl
2020-05-12 15:09:03
564
原创 小程序webview缓存问题
onLoad(query) { let url = decodeURIComponent(query.url) this.setData({ url: `${url}&t=${new Date().getTime()}` }) console.info('webview', this.data.url); },decodeURIComponent() 函数可对 encodeURIComponent()
2020-05-12 10:07:11
1623
原创 微信小程序获取当前版本（本地测试，线上测试版本，线上正式版本）
develop 开发版 trial 体验版 release正式版微信小程序自带功能，用于判断所处环境，然后调用不同的接口域名，一般用于自我封装请求的时候，或者使用第三方打包软件时，写在request配置里面// develop 开发版 trial 体验版 release正式版let Version = wx.getAccountInfoSync().miniProgram.envVersion...
2020-05-11 17:30:17
3822
原创 input type=file 获取文件的本地路径
根据input返回的文件，去获取文件地址let getUrl = function(flie) { let url = '' if (window.createObjectURL!=undefined) { // basic url = window.createObjectURL(flie) ; }else if (window.webkitURL!=undefined) { // webkit or chrome url = window.web
2020-05-11 17:25:48
11824
2
转载 Anaconda安装jupyter notebook时报错 Multiple Errors Encountered.
首先声明转的别人的，自己遇到的问题，记录下，感谢原作者！原文章地址在安装完成 Anaconda 后，创建虚拟环境接连遇到报错 Multiple Errors Encountered 和 Anaconda An HTTP error occurred when trying to retrieve this URL.HTTP errors are often intermittent报错原因...
2020-03-09 14:46:27
2443
原创 js判断浏览器信息
js通过浏览器判断是否为谷歌浏览器let isChrome = /(Chrome|Chromium|AppleWebKit)/i.test(navigator.userAgent)判断是windows还是safarilet isMac = /macintosh|mac os x/i.test(navigator.userAgent);let isWin32 = /windows|win3...
2020-01-03 14:15:33
267
原创 electron + vue
初学electron，尝试使用electron-vue按照文档开始创建electron + vue项目，文档链接npm install -g vue-clivue init simulatedgreg/electron-vue my-projectcd my-projectnpm install注意：这一步事件比较长，而且会出现问题，我在这一步就出现问题了，安装成功后无法启动npm...
2019-12-27 11:01:49
513
原创 ts 因为在此系统上禁止运行脚本（win10系统）
今天弄了一下Ts，有点晚了，但是确实是才开始尝试，以前只是看了看首先安装npm install -g typescript2.显示安装成功[email protected] 1 package in 2.697s3. 看一下成功了tsc -v4.报错了tsc : 无法加载文件 C:\Users\Administrator.WIN-IPTBEDC2HPI\Ap...
2019-12-26 16:55:17
4158
1
原创 图片上传，图片拖拽上传
html部分<input ref="fileinput" type="file" style="position:absolute;top:0;left:0; clip:rect(0 0 0 0);" accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event)"> ...
2019-11-28 10:53:54
871
原创 js 将数据导出为txt文本
首先说一下主要思路：将数据转为二进制创建a链接，将数据的二进制通过 urlObject.createObjectURL(exportBlob);转为a的href点击a链接 save () { // 获取数据 let text = '' this.fileData.forEach(val => { ...
2019-11-07 12:02:59
2351
原创 前端js下载文件.txt,图片，.doc等
插件FileSaver.js除了这个插件外还有download， downloadjs，这两个插件使用起来都有bug，暂时不推荐npm install file-saverimport {saveAs} from 'file-saver'saveAs(Blob/File/Url, filename, type(可省略))纯jsgetBlob(url) { ...
2019-10-24 11:34:31
991
1
转载 25种以上JavaScript速记编码技术
转载！！原文地址：链接三元(三目)运算符如果只想在一行中编写if…else语句时，这是一个很好的节省代码的方式。常规：简写：嵌套版三元运算：2. 短路判断简写将变量值分配给另一个变量时，您可能希望确保源变量不为null，undefined或为空。您可以编写带有多个条件的长 if 语句，也可以使用短路判断。常规：简写：再来点示例，尝试一下：请注意，如果将var...
2019-10-09 11:34:20
110
原创 js 实现点击按钮复制文本功能（适用于android / ios）
<div class="copy-font"> <div class="uuid-code" id="content">saidfh3is21111h</div> <button class="btn-copy" id="copyBT">复制</button></div><script type="...
2019-09-09 17:42:53
352
原创 ivew定制主题 less ^3.0 时报错 .bezierEasingMixin(); Inline JavaScript is not enabled. Is it set in your op.
iview 升级至3.0以上后，npm run dev报错.bezierEasingMixin(); Inline JavaScript is not enabled.查阅好多，大致两种方法第一种：将less版本将至2.7.3第二种：找到less-loader，在配置项添加options.javascriptEnabled = truefunction lessLoader(sourc...
2019-07-30 14:20:29
851
原创 vue + iview的render添加ref属性
vue + iview的render添加ref属性render: (h, params) => { let create = this.$createElement let dom = create('div', { ref: params...
2019-07-19 13:38:44
5219
原创 js操作系统的粘贴复制，文档插件，有需要的自己来看
zenorocha / clipboard.jszeroclipboard / zeroclipboardClipy / Clipyjedisct1 / piknikhluk / CopyQtmux-plugins / tmux-yank还有其他的，不要感谢我，我只是个搬运工，顺便给你网址，自己去看吧！！更多插件，以及插件文档入口，帮忙给个赞...
2019-04-23 14:46:47
331
原创 将固定的内容复制进粘贴板
将固定的内容复制进粘贴板var text = 'cellRange'var input = document.createElement('input');input.setAttribute('id', 'copyInput');input.setAttribute('value', text);document.getElementsByTagName('body')[0].appe...
2019-04-15 15:27:45
452
原创 Vue报错——did you register the component correctly? For recursive components, make sure to provide the
最近改别人代码，引入模块报错，Vue报错——did you register the component correctly? For recursive components, make sure to provide the好多朋友说：注册组件时报的错，原因是组件名称不能用大写<div id="app"> <my-Com></my-Com>...
2019-03-25 11:25:55
122694
24
原创 git 查看提交版本以及回滚到指定的版本
查看代码的提交记录：git log可以看到各个版本的commit-id查看某个commit的修改内容git show commit-id找到自己想要回滚的commit版本回滚$ git reset --hard HEAD^ 回退到上个版本$ git reset --hard HEAD~3 回退到前3次提交之前，以此类推，回退到n次提交之前$ gi...
2019-03-18 09:53:44
5658
原创 perfect-scrollbar，Vue中的滚动触发组件
最近发现这个插件用的比较多，自己记录下，以便自己查阅；基本的使用方法$ npm install perfect-scrollbar然后在页面引用import PerfectScrollbar from 'perfect-scrollbar';获取dom节点，初始化scrollbarconst container = document.querySelector('#containe...
2019-03-12 08:50:04
4250
1
原创 headers: {'Authorization': token}
将Token添加到请求头Header中headers: {'Authorization': token}
2019-02-19 14:18:50
10205
原创 git登录名和密码
git本地仓库用户名和密码设置git config --global user.name "Your Name"git config --global user.email “[email protected]”每次push或者pull的时候都要求输入账号和密码git config --global credential.helper store...
2019-02-14 11:36:17
31747
1
简单的 Blog 项目.zip
2020-06-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人