- 博客(26)
- 资源 (1)
- 收藏
- 关注
原创 vConsole 3.15.0 can‘t find variable:ResizeObserver
经查ios13.4版本以下使用vConsole3.15.0版本时,需要开发者下载兼容低版本的polyfill,原因是vConsole使用了13.4版本才支持ResizeObserver API 如果需要兼容低版本的话那就加载下面的依赖吧。
2023-01-09 12:00:42
1067
原创 中大型Vue项目的前端架构-1
目录前言项目目录Api后端接口公共Helpersevice 网络请求封装(axios封装)utils工具类main.js webpack入口文件使用方法前言接触Vue已经有几年了,每次新建项目都有一些新奇的想法,之前分享过一篇Vue中使用Axios拦截器(拦截请求与相应),由于我最近的项目需要长期维护,所以不能再向小项目那种方式创建前端架构了,需求需要方便维护、高扩展性,但不是说我最初的那种方式不好,只是不适合中大型项目而已。所以今天我分享一下我在中大型项目中封.
2021-05-12 16:04:33
1066
8
原创 obs-studio-node简单搭建rtmp推流软件demo
支持window和mac双系统的简单demogithub地址:obs-studio-node-demo分享不易,希望大家能给我star,如有问题可以在issue中一起讨论!
2021-01-25 18:44:25
1602
原创 uni-app中In order to be iterable, non-array objects must have a [Symbol.iterator]() method.报错
TypeError: Invalid attempt to destructure non-iterable instance.In order to be iterable, non-array objects must have a [Symbol.iterator]()method.经检查没发现组件和页面中存在错误逻辑后上网查看DCloud社区问答封装的组件和页面中的初始值是否有null值,如果有将其改为对应类型。测试后,再无此报错,排雷成功!!!...
2020-09-29 11:55:24
6994
原创 Vue.js 3.0官方文档
随着Vue3.0 RC版本的发布,官方也给随之发布了测试版的文档《Vue.js 3.0官方文档(测试版)》。虽然文档还没有更新完,但是这个时候可以先看一波迁移指南。另外更多消息可以关注news.vuejs.org官方博客...
2020-07-31 02:17:33
7510
4
原创 动态设置scroll-view高度
直接上干货wxml页面<scroll-view class='scroll-view' style="height: {{scrollViewHeight}}px" scroll-y wx:if="{{cardIndex==1}}" bindscrolltolower="scrolltolowerRecordsData"> <view style="paddin...
2020-04-26 15:35:57
2589
原创 mpvue踩坑日记
app.json中pages字段里的页面地址不能重复 tabbar中不能设置字体大小(至少在2019.10.10之前是不支持的,希望后续能够支持吧) 全局样式放到app.vue中 给tabbar设置边框阴影 官方没有支持 但是可以变通一下 在app.vue中给page标签添加伪类page:after{ content: ''; position: fixed; left: 0...
2019-10-16 11:07:54
426
原创 vue-cli3.0项目启动报错
刚刚创建了一个vue-cli3的项目,使用的是Router+Less+Vuex+TypeScript,创建成功后,cd到目录使用npm run serve启动时报错......Module build failed (from ./node_modules/less-loader/dist/cjs.js):......我赶紧检查了一遍项目,没问题啊。在看到packpackage...
2019-08-20 15:17:49
1404
原创 递归遍历多层次菜单
//根据后台数据格式化菜单function formatMenu(data) { return data.map(function (item) { if (!item) { return null; } var path = item.path, name = item.menuName, id = item.i...
2019-07-09 14:08:59
300
原创 Vue上传阿里云OSS(STS方式)
一、准备工作1. 开通阿里云OSS服务,从控制台上获取AccessKeyId和AccessKeySecret。2. 创建Bucket,并登录OSS控制台3. 配置Bucket (很重要)将allowed origins(来源)设置成 * 将allowed methods(允许methods)设置成 PUT, GET, POST, DELETE, HEAD 将allowed he...
2019-06-18 18:25:12
12451
8
原创 Ant Design 中Tree踩坑
Tree中的api属性有一个defaultExpandAll这个属性只在第一次渲染的时候有效,也就是说用户刷新页面后或者在这个页面操作完这个组件后重新渲染的时候,这个值将不会有效。解决办法:expandedKeys={help.treeIdData}onExpand={this.onExpand}使用expandedKeys属性和onExpand事件进行数据的可控操作初...
2019-06-10 00:24:37
11970
原创 Vue中的v-slot如何使用
今天看了看Vue的文档,发现了v-slot这个指令,生怕掉队的我赶紧补习了一下直接上代码!!!//父组件<template> <!--在此处添加渲染的内容--> <div> <el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 D...
2019-04-26 18:54:16
10146
2
原创 CSS3实现0.5px的线
如何使用CSS3实现0.5PX的线<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>0.5px的线</title> <style> .line { posi...
2019-04-26 11:03:57
3150
原创 Vue中使用Axios拦截器(拦截请求与相应)
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建XMLHttpRequests 从 node.js 创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御XSRF引用文档中的话,Axios和jquery a...
2019-04-16 13:15:41
7568
8
原创 JS事件委托
前两天看了一篇文章讲到了事件委托,然后自己就查了一下,get到了一些知识!首先感谢之前那篇文章的大佬。原文章位置,大佬写的非常透彻。令我茅塞顿开。(商业互捧ing)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件委托...
2019-03-27 15:40:37
120
原创 uni-app操作DOM节点
最近学到了一个比较好用的框架uni-app,可以做六端适配,学习一下!!!官网文档找了好久才找到这个。//获取category-list的高度let view = uni.createSelectorQuery().select('.category-list'); view.fields({ size: true }, data => { th...
2019-03-01 16:37:13
41642
8
原创 video添加海报图
<video controls poster="/images/w3school.gif"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not s
2018-09-26 10:30:03
891
原创 NavMenu 阻止事件冒泡
当我点击首页的按钮时绝对定位到左上角,点击页面其他位置是关闭菜单但当我点击了菜单上的选项时,菜单也会触发到关闭菜单的事件<template> <!--在此处添加渲染的内容--> <div @click="intercept($event)"> <el-menu default-active="2" c...
2018-09-07 01:38:33
1395
原创 vue中computed计算属性传入参数
使用JavaScript闭包,进行传值操作。computed: { // 控制显示的内容 computedTxt() { return function(value) { return this.methodGetByteLen(value, 20) } }}做一个简单的功能,使用计算属性判断传入的...
2018-09-01 16:56:42
62722
6
原创 Swiper、vue-awesome-swiper中文文档
中文文档 找了好久才找到,适用于vue-awesome-swiper滑动组件swiperOption: { height: 380, speed: 500,//切换速度 watchOverflow: true, //当没有足够的slide切换时,例如只有1个slide(非loop),swiper会失效且隐藏导航等。默认不开启这个功能...
2018-09-01 10:45:52
22788
原创 vue-cli部署到Tomcat上
首先配置项目中的config>index.js这里面配置了webpack的生产环境和开发环境这里要修改的是build对象下的属性这里主要修改assetsPublicPath(剩下的属性是干嘛的可以自行去webpack官网查看文档),这个属性是修改静态资源的根路径一般来说是项目不会放在服务器的根路径 (网上有的说放到 ./ 就可以了,我只能说根据项目需要自行调整)然...
2018-08-27 00:06:52
1899
原创 验证密码:6位到16位之间,由数字和字符组成,且必须包含大、小写字母和数字
第一种 使用直接正则判断var re = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,10}$/第二种 正则加逻辑判断<input type="text" id="input" onkeydown="checkInput(event)"><script>function checkInput(e) { i...
2018-07-20 02:55:46
13178
1
原创 NVM使用教程
NVM是用来管理版本的工具,可以切换nodejs的版本NVM下载网址:下载地址下载第二个,安装比较简单方便一些下载完后打开nvm-setup.zip压缩包里面有个nvm-setup.exe可执行文件直接暴力的双击打开可以一路打开了安装程序以后可以一路Next,这里有两个地方需要注意一下就是NVM的安装路径和NodeJs的路径如果遇到这个 意思是 已经安装...
2018-07-18 16:33:54
3327
2
原创 vue-cli中动态设置页面可视区域高度
原文章路径:原文章这里用到了jquery,需要引入jquery依赖,当然也可以直接进行dom操作HTML代码:<template> <div class="hello" ref="homePage">//设置最外层div的ref属性 </div></template>JS: <script>
2018-07-16 00:11:47
7081
原创 vue中获取并操作dom元素
获取dom元素可以使用elementList = document.querySelectorAll(selectors);//获取多个dom元素 如ul中的lielement = document.querySelector(selectors)//获取dom元素中的第一个元素在vue中使用mounted(){//这里必须是mouted钩子this.title = doc...
2018-06-29 00:11:45
92091
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人