- 博客(80)
- 收藏
- 关注
RSS订阅原创 微信小程序自定义tabbar taro + vue3
微信小程序自定义tabbar需求根据用户角色动态显示tabbar技术栈tarotaro uivue3实现微信小程序api地址taro api地址遇到的问题1 taro版本不对导致不显示排查问题：需求根据用户角色动态显示tabbar技术栈tarotaro uivue3实现微信小程序api地址链接: link.可以按照demo 实现，taro api地址项目中用的 vue3 , 采用了taro 框架，所以参考taro 的实现方式链接: link.可以直接参考demo遇到的问题
2022-05-30 11:41:04
995
原创 微信小程序开发 Taro UI Vue3 + Vue3 + Taro
微信小程序开发技术栈vue3tarotaro ui vue3前期准备项目配置技术栈vue3链接: link.taro链接: link.微信api: link.taro ui vue3链接: link.前期准备下载开发者工具链接: link.项目配置配置appid小程序管理端获取开发者工具中配置项目中配置。。。4....
2022-05-27 15:18:52
562
原创 手机端 h5 video 的全屏事件
项目需求1 可横屏全屏播放2 横屏播放结束需要弹框显示实现1 需求一video 自带全屏功能，但是全屏横屏显示，需要手机开启横屏切换；2 需求二需要知道全屏和结束标识，video文档有这两个事件，想着直接用就行；问题全屏事件压根不起作用，不知道为啥解决video 的全屏转换 其实也是dom元素的操作，通过监听全屏事件，将状态暴露出去...
2022-03-18 16:44:43
2472
原创 web mock data
前端使用假数据目前使用到的有以下两种fetchFly.js目前使用到的有以下两种以下举例基于react 项目。fetch可以通过接口请求数据const apiUrl = process.env.REACT_APP_API_URL const login = (param: { username: string; password: string }) => { fetch(`${apiUrl}/login`, { method: 'POST', header
2021-07-15 21:56:44
142
原创 vue+echarts+htmlCanvas
vue+echarts+htmlCanvas文章目录vue+echarts+htmlCanvas需求一、echarts画图1. xAxis type 类型使用 time2. series配置注意事项：1 xAxis 可以不用设置data;2 series 这里data数据为二维数组，数组第一项必须是YYYY-MM-DD HH:mm 时间格式；3 这里折现数据和峰值数据是两个数组，刚开始用的是value类型，拼数据有点复杂4 使用time 类型，可以自动将峰值打点标记二、下载生成图片1.引入库2.下
2021-05-24 18:42:46
408
原创 js下载的两种方式
js下载的两种方式Method 1创建a标签下载：前提是后台返回一个urlMethod 2流下载项目中常见的两种下载方式Method 1创建a标签下载：前提是后台返回一个urllet link = documnet.createElement("a");link.href = url;link.download = "";//命名document.body.appendChild(link);link.click();document.body.removeChild(link);Me
2020-12-14 10:37:19
1174
2
原创 js 前端保存数据
页面实现效果如图所示，一个table列表，对每一条数据进行单独修改，保存，删除；需求：1 点击编辑，多选框可选状态，每次只能点亮一条；2 假如点击A1数据，A1变量，修改数据，但是未保存，再点击A2数据，A1数据显示修改之前的值；代码实现1 定义一个变量保存原始数据curItem: {},//保存未修改的数据2 编辑逻辑onEdit(item) { for (let val of this.dataList) { val.isWorkRight = false;//控制按钮 v
2020-11-27 17:33:57
1283
原创 ivew table组件中嵌套select下拉框，并开启多选功能
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-11-24 15:26:08
496
原创 VUE + ONLYOFFICE
VUE + ONLYOFFICE基本配置使用1 引入后台配置好的office服务器<script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>2 封装组件<template> <div id="monitorOffice"></div></template><s
2020-08-03 14:16:38
9243
10
原创 Vue + vue-quill-editor（图片上传+禁止粘贴图片）
Vue + vue-quill-editor基本配置使用封装组件优化使用1前提解决优化使用2场景解决基本配置使用封装组件1 公共组件<template> <quill-editor class='quill-editor' v-model="content" :options="editorOption" ref="myQuillEditor"></quill-editor></template><script>// 富文本编辑器
2020-07-08 17:12:20
3511
3
原创 内嵌地图
官网内嵌地图vue + Bing(必应地图）申请秘钥vue中使用根实例中引入apimap实例vue + Bing(必应地图）适用于中英文切换场景（百度地图不支持英文）api 地址： link申请秘钥1 链接: link. （注册账号）2 注册秘钥申请秘钥的时候，如果是公司用， 最好用公司账号vue中使用根实例中引入apiapi中没有可配置语言的地方，所以这里采取动态加载 mounted() { // 地图切换语言 let lang = sessionStorag
2020-05-20 16:55:39
471
原创 VSC 常用插件
VSC 常用插件图注释组件：koroFileHeader功能：1 头部注释 2 函数注释配置：setting.json1 头部注释2 函数注释点击import 跳转组件 Vue Peek格式化[文档连接](https://www.cnblogs.com/puyongsong/p/12509331.html)图注释组件：koroFileHeader功能：1 头部注释 2 函数注释配置：setting.json1 头部注释2 函数注释点击import 跳转组件 Vue Peek格式化文
2020-05-14 16:06:33
1427
原创 vue 常见数据增删改查，
需求： 数据的增删改查场景： vue + iview点击增加，抽屉填写内容，保存数据，修改数据实现：1 list 列表父组件<template> <div class="dic-list"> <button @click="onAddDic>增加</button> <Table...
2020-03-27 17:56:53
855
原创 vue 自动计算年龄，相差时间
需求：计算年龄，根据开始结束时间，计算时间差实现：使用Moment.js2.10.6JavaScript 日期处理类库一，moment库的diff方法1 计算天let day=moment(endTime).diff(moment(startTime),'days');2 计算年龄letday=moment().diff(moment('2018/0...
2019-09-24 15:10:54
2798
1
原创 vue 中使用async/await处理异步
问题：接口B需要接口A返回的数据，如果同时请求，控制不了返回速度，会出现B快于A，实现：async表示函数里有异步操作，await表示紧跟在后面的表达式需要等待结果。...
2019-09-18 15:31:40
8518
原创 vue $cookie的参数设置
参数配置详情见 :https://www.jb51.net/article/39244.htmhttp://npm.taobao.org/package/v-cookie问题：在本地set cookie失败：this.$cookies.set("token",“value”, "8h", null, Doman);原因：本地设置的Doman域名是线上的域名；这个域名的设...
2019-08-27 15:21:57
2317
原创 vue 登录页语言切换时，国际化翻译会缓存
问题：中文切换为英文，form表单的提示依然为中文解决：切换语言后，刷新页面原因：不清楚，谁来回答一下这里的登录页，忘记密码，修改密码页面都是通过v-if控制的...
2019-08-27 15:16:24
537
原创 vue url logo设置
需求：url 链接左边的小图标更改实现：1 cli3构建项目配置（0）ico文件位置：（1）index.html文件：（2）vue.config.js:2 cli2构建项目配置（0）文件放在根目录下（1）index.html文件中引入（2）开发环境，线上环境配置参数线上环境：webpack.prod.conf.js开发环境：...
2019-08-20 10:20:41
1917
原创 vue 缓存数据方法之keep-alive
需求：页面a，切换到页面b，再回到a页面，a页面无刷新举个例子：eg：1）a页面input框输入1232）切换到b页面3）回到a页面，123仍然存在实现：（1）keep-alive缓存数据通过路由设置keepAlive值（2）路由跳转处设置好处：加上keep-alive来对数据进行缓存处理，避免资源的重复请求...
2019-08-19 16:22:58
429
原创 更换电脑git秘钥
问题环境：（1）gitlab账号:姓名：zxx邮箱：[email protected]添加秘钥：2台电脑生成的秘钥（2）换了一台有秘钥的电脑A，且秘钥被某gitlab账号连接需求：需要电脑A连接账号zxx实现：（1）删除电脑A秘钥，重新生成，切记确定账号zxx及邮箱（2）将生成秘钥连接到账号zxx（3）从gitlab上checkout代码注：秘钥跟电脑一一对...
2019-08-16 14:11:51
2488
原创 vue面试题目
1，vue组件通信（1）父子组件之间的通信父-子：子组件中props参数，父组件中引入子组件，在子组件上面绑定所需的值eg:子组件中父组件中子-父：$emit+v-on方法，子组件中，绑定方法a,通过$emit触发父组件中的方法，顺便传参到父组件eg:子组件中、showSearchModal方法就是在父组件中定义的父组件中（2）v...
2019-08-15 15:54:25
394
原创 vue自定义指令
适用性（对普通DOM元素进行底层操作，就需要自定义指令）官网例子刚打开页面时，输入框处于聚焦状态https://cn.vuejs.org/v2/guide/custom-directive.html需求：需求中，点击input框，下拉框显示，点击其他地方，下拉框隐藏实现：（1）局部自定义命令directives对象中配置参数（2）自定义的指令用法同v-m...
2019-08-12 14:42:29
187
原创 vuex 数据存取
实现：1. 机制（1）注册vuex: Vue.use(vuex)（2）配置vuex 的store选项这样配置完，vuex就可以将状态从根组件注入到每一个子组件中去2 参数（1）state需要存到仓库中的参数状态（2）mutations配置改变状态的对应方法3 获取状态值官网：由于 Vuex 的状态存储是响应式的，从 store 实例中读取状...
2019-08-09 16:23:46
4559
原创 iview 动态添加列数据
需求：组件A,B,C,D公用一个table，组件A,B,C显示五列，组件D显示3列实现：iview table组件table组件定义表头，表体两个数组初始化的时候，对表头数组进行处理，push,splice数组就行...
2019-08-07 22:12:16
3128
原创 iview inputNumber 报错Invalid prop: type check failed for prop "value". Expected Number with value NaN
问题环境：1 iview form表单，InputNumber2 重置表单3 控制台报错问题：iview 报错，重置表单，会将默认值设置为字符串，而这里的inputNumber值是NaN解决 ：（1）使用v-if代替v-show,直接初始化数据，不使用重置方法；（2）使用input框，type =number（未测）v-show和v-if的区别...
2019-08-01 13:05:17
4807
原创 vue 选项props参数配置
1 props用来接收来自父组件的数据，可以为数组或者对象2 选项type,default:为该 prop 指定一个默认值。如果该 prop 没有被传入，则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。这里主要说一下这个default:（1）工厂函数：当一个函数返回一个对象时，我们称之他为 工厂函数(factory function) 。（2）所以这里的def...
2019-07-24 10:27:49
2341
转载 css 只显示几行，超出部分省略号
需求：要求只显示2行，超出部分显示省略号实现：css实现1 常用的属性，超出部分显示省略号overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行2 但是第三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？css3解决了这个问题，解决方法如...
2019-07-15 21:11:22
441
原创 npm install x --save和npm install x的区别
(1)适用于vue cli2构建的项目https://blog.csdn.net/Uncle_long/article/details/80524947https://www.cnblogs.com/jokerjason/p/9836004.html这里建议使用cnpm install x --save因为我们提交代码的时候不会提交node-modules，导致打包失败，找不到依赖...
2019-06-12 11:29:00
826
原创 vue项目构建及api 2019.5.15
1.vue组件注册的几种方法（1）局部注册1）2）通过 Babel 和 webpack 使用 ES2015 模块App.vue文件（2）全局注册main.js文件全局注册的行为必须在根 Vue 实例 (通过new Vue) 创建之前发生这里刚开始运行项目时会报错：Reason:因为vue模板的package.json的main字段默认为run...
2019-05-21 15:52:45
195
原创 vue-router方法：beforeEach
1. router.beforeEach2. 使用可参考：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E7%BB%84%E4%BB%B6%E5%86%85%E7%9A%84%E5%AE%88%E5%8D%AB
2019-05-19 11:34:34
1355
原创 vue 引入组件方式
vue开发，单页面应用，即一个组件就是一个模块，可以互相引入；这里提供两种方式引入组件；1 import导入所需组件（正常加载）2 require方法导入组件用于路由配置页面：（1）实现（懒加载）注意：这里的@ 相当于..（2）路由配置页面使用require引用组件1）原因：import：打包后，会将路由配置里面的所有component打包到一个j...
2019-05-19 10:44:46
4500
原创 js中重载的概念，以及实现重载
参考原文：https://www.cnblogs.com/yugege/p/5539020.htmlhttp://www.cnblogs.com/pianruijie/p/7997914.html(原理)如下图注释所示，js中重载的讲解：遇到一个面试题目，怎样实现js中函数的重载：实质：不同传参，不同处理逻辑这里很巧妙，通过给对象定义一个方法，及改变作用域中的this指...
2019-05-08 17:50:41
940
原创 jQuery选择器
1 类似于css选择器，css选择器用于设置dom元素的样式；jQuery选择器，是来操作dom元素行为；2 jQuery选择器$("")函数来获取1）基本选择器id 选择器；类 selector；元素 selector；通配符*；群组 selector2）层次选择器后代选择器；子选择器；nextnextAll()siblings3）...
2019-05-06 18:33:34
110
原创 vue核心插件之一 vue-router
1 安装vue-router1）官网上下载，通过src引入js文件2）npm 安装npm install vue-router2 router实现跳转，这里通过构建vue项目main.js主文件；App.vue文件;跳转的两个页面:hello.vue add HelloWorld.vue路由配置文件index.js1）main.js配置引入相应的文件...
2019-05-06 17:43:27
286
原创 vue项目运行及打包
1 运行项目npm run serve（这里的serve不定，根据package.json中的配置，即下图中scripts对象中的serve属性）运行完后，可打开本地IP2 打包项目npm run build（同理，这里的build也不定，上图中，scripts对象中的build属性）Build complete表示打包成功，生成一个dist文件...
2019-04-29 17:48:12
624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人