- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue3如何使用element-plus中的 el-tree的懒加载
需求描述： 一个 tree结构的分类列表，因为层级和每层有多少个分类不做限制，所以采取了el-tree的懒加载方式，每个分类的右侧有一些操作（操作的显示规则与本文无关，暂不做介绍），那么按照vue3中的思想，应该把 把获取 tree数据的方法、以及分类的操作写入 hooks。俩文件： home.vue（写dom元素） materail.js (进行hooks分装)el-tree懒加载介绍：与 vue2 一样，都是通过 loadNode 事件开始。loadNode函数有俩参数node和 resolve,.
2021-09-27 16:47:43
3191
3
原创 vue2.0中关于在vuex中数据模块化管理实例
1、vue2.x脚手架下载（默认你本地有node和vue） cnpm install @vue/cli -g 或者 npm install @vue/cli -g2、脚手架选项1）选择自定义2）选择需要的3) 选择版本4) ESlint5) eslint检测时机正文…整个目录大概是这样的windowInfo.js 为某一个流程的数据管理模块，getters 是负责将modules中的数据进行统一管理后，在store/index.js 中进行注册， 然后在 xxx.
2020-10-16 16:27:16
212
原创 Umi 中的跳转方式
引入import router from 'umi/router';跳转getOtherPage = () => { router.push('/active')}
2019-11-26 15:46:48
10527
原创 Umi中如何调用mock数据
官网根据官网 通过执行 yar create umi 或者 npm create umi 就可以进行下载，之后会出现选择 : 空格为选择 回车为确定选择 project => 选择 app选择是否使用 TypeScript，然后，选择你需要的功能 ==> antd + dvaOK, 基本架子已经选择好了 接下来开始使用自己的mock数据1、新建 mock 数...
2019-07-08 18:42:48
8980
1
原创 Taro框架学习
Taro是…巴拉巴拉一大堆，不介绍了啊( 机票）好，这就开撸下载脚手架npm install -g @tarojs/cli创建模板taro init myApp进入项目 myApp 安装以来cnpm install现在脚手架项目已经准备好了 你可以执行不同命令查看不同端的代码 例如taro build --type weapp --watch // 查看小程...
2019-07-03 15:39:02
1526
1
原创 使用 vue-cli2.0脚手架搭建项目+代理+vuex+elementUI+less
1. 脚手架搭建教程2. 使用 Vuex新建 store.js 利用 Vuex.state进行存储import Vue from 'vue'import vuex from 'vuex'Vue.use(vuex)export const store = new vuex.Store({ state: { name: '十七岁' }})之后在main.js...
2019-05-09 14:10:27
803
原创 ant Design Pro 2.0 中的数据流
1. 下载脚手架git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project2. 查看 package.json 文件执行 cnpm run start 使用的数据 是 mock数据执行 cnpm run start:no-mock 使用的是 测试/正式数据这就意味着 mock 数据暴露出...
2019-05-07 16:11:49
554
原创 小程序(wepy框架)页面优化之骨架镜使用
最近一直在玩 B 站， 然后发现B站里面有骨架镜的功能，因为之前在写小程序的时候也想用，但是无奈项目紧迫没时间研究，然后今天花了一天的时间，下面说说如何应用。理想是 写一个组件，然后各个页面只要引入该组件就有相关功能，OK 下面封装一个首先介绍官方为我们提供的 API 之 wx.createSelectorQuery() 然后地下给了我们几个用法 我们一一介绍一下wx.createS...
2019-04-01 21:17:56
562
1
转载 【转发】深入理解vue
一 理解vue的核心理念使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.倘若用一句话来概括vue,那么我首先想到的便是官方文档中的一句话:Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。这句话可能大家并不陌生,但是真正理解这句话的可能并不多,其实,读懂了这句话,也就明...
2019-02-22 14:54:04
150
原创 小程序中使用canvas第一次生成图片的时候显示空白页面【解决】
1、wx.canvasToTempFilePath(Object object, Object this)他可以让咱们绘制好的canvas转化成图片， 但是如果用错了 就会出现 首次点击保存的时候 canvas 区域为空白区域， 第二次点击的时候就可以保存成图片。如果出现这种情况，那么好 我们都是属于没看文档就撸的男银…OK 开始说解决方法wx.canvasToTempFilePath(O...
2019-01-29 17:01:34
9090
原创 关于 小程序分包之后 体验版找不到主页问题
此文仅献给那些跟我一样 ‘专一’ 的男淫OK 经过我鬼斧神工的一顿操作之后 大概分包就是这样，以为我主包下面的首页叫做 ‘home’ 正常来说 体验版都可以看到首页但是！！！！画重点了啊 就因为我手欠把分包的名字也叫做 home 了，导致 分包名字 和 主包下面的首页名字重合 打开小程序挑错包啦然后我就果断把 分包 Home 砍掉了 别问为什么 任性！！！...
2019-01-16 21:46:00
1615
原创 operation not permitted, mkdir 'C:\Program Files\nodejs\node_modules\create-react-app_tmp'
终端输入 cnpm install -g create-react-app 的时候 会报这个错误1. 在这里 输入 cmd 右键 使用管理员身份打开切到你要使用的盘 然后 使用 cnpm install -g create-react-app 就可以了...
2019-01-13 16:41:40
3722
原创 operation not permitted, mkdir 'C:\Program Files\nodejs\node_modules\@vue'
终端打开命令行工具 右键 开启管理员模式 之后在输入cnpm install -g @vue/cli
2018-12-28 18:09:54
10612
3
原创 使用JS 将canvas 转化成图片 ( H5 )
今天接了个新任务, 写一个 H5 活动页，UI大概如下我靠…图片这么大 给我自己吓了一跳。 OK 大概就是这样了。我用了半个小时把大概的逻辑写好了，然后用了五个小时找错误…再最后一刻终于找到啦！ 那就是写错了一个字母…啊啊啊啊 卧槽 猛虎落泪了已经上代码<!DOCTYPE html><html lang="en"><head> <m...
2018-12-27 17:16:22
2112
原创 初步使用 webpack+react+react-router创建项目 （一）
身处这个 ‘资本寒冬’ 社会的我 也是瑟瑟发抖，所以要抓紧学习，不能被社会淘汰。言归正传，现在前端有四大框架 ,Vue、React、Angular、Jquery，现在熟练掌握的 只有Vue和React、jqueryVue和React 都有自己的脚手架 例如 vue-cli 和 creat-react-app 很简单 自行百度吧。然后就可以上手写，也不用考虑webpack打包配置的问题，但是现...
2018-12-19 19:11:54
341
原创 音频播放 ios 和 安卓的兼容 wx.getBackgroundAudioManager()
由于公司小程序 ‘蜗牛亲子英语’ 涉及到音频播放这一块，写的时候 遇到很多坑， 所以在这里总结一下， 希望能够为 同样在写音频播放这一块的 童鞋解解惑自行查看 微信官方相关APIwx.playBackgroundAudio 这个API官方已经不做更新了，所以你就不用继续研究这个了，可以使用最新功能更强横的 wx.getBackgroundAudioManager()let Backgrou...
2018-12-12 13:36:23
1808
6
原创 wx.createVideoContext 全屏播放
我们小程序里面 有两个页面 会需要进入 video 的全屏播放new-moment 我定义 video 的id 是 playVideo然后 点击播放的时候 触发一个方法 内容写成this.videoContext = wx.createVideoContext('myNewVideo')this.videoContext.requestFullScreen()this.videoCo...
2018-11-12 14:30:46
3255
原创 css 中加入 overflow 在 IOS 中滑动 发涩 【解决】
加一段代码-webkit-overflow-scrolling: touch就OK了
2018-11-08 16:41:59
198
原创 小程序 分包加载
**先给上两个官方要求配置的图片**A: 表示位于主包内的页面B: 表示位于分包 packageB 的页面C: 表示位于分包 packageC 的页面: 我们肯定在 A 主包内的页面 有可能需要引入一些 组件啊、插件啊、服务啊之类的文件到 所需页面, 同理 在分包的页面也需要引入相关文件，下面就介绍该如何引入server 为 服务， 这个可以大家公用， 就不用动了我们公司小程序...
2018-11-08 13:51:48
502
原创 使用 html2canvas 生成 分页的PDF(直接用)
直接上代码<!DOCTYPE><html> <head> <title> html2canvas example </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&am
2018-10-16 10:53:29
4833
2
原创 Vue中，子类循环父类数据报错问题
通常如果有多个页面具有同样的样式我们都会封装成一个组件，然后各自引用、传值，但是我们 将公共dom 封装到一个组件中要注意，不然后报一个这样的错误Cannot use v-for on stateful component root element because it renders multiple elements.他的大概意思就是说，v-for 不能解读到 根元素。造成这个问题出现...
2018-09-27 14:08:37
373
原创 (wepy框架) 微信中 使用 canvas 绘制多张网络图片到 canvas 中
公司小程序 推广图大概是这样的整张 canvas 主要涉及几个部分， 背景图（包括二维码啊之类的）、用户头像（接口自己抓取的）、用户名称、来到蜗牛英语的天数、写了多少篇手记、写了大概多少字。步骤：1. 在 template 写入canvas 标签&lt;canvas class="ShareImg" style="width: 270px; height: 450px;" canvas...
2018-09-26 12:24:46
1491
原创 小程序中 input 的属性 focus 失效问题
小程序 组件input 中有一个 focus 属性， 只要他为 true 我们就可以自动唤起弹窗。进入页面初始化的时候点击一次是可以唤起的，但是他唤起之后点击其他区域， 键盘隐藏时候 再次点击就不能够唤起了。解决思路:确保你再次点击的时候 {{变量}} 的这个值 已经变成 true 了。已经变成 true 了为什么不好使。。。事情都是要有一个开始和结束，如果没结束，你这边又开始了...
2018-09-23 14:39:52
19020
8
原创 小程序中 使用canvas 生成推广图片——wepy框架
现在小程序不能直接分享到朋友圈，所以另辟蹊径的有了生成 ‘推广图’ 让用户分享到朋友圈的方式就出来了。使用canvas 进行绘图的时候 主要用了 ctx.drawImage() API进行绘画，但是ctx.drawImage()只支持 本地形式的图片， 所以我们要先将网络图片转化成 本地图片1.将网络图片转化成本地图片wx.downloadFile({ url: 'https:/...
2018-09-21 15:39:34
1169
原创 wepy框架中 音频播放整理
先描述一下 我们小程序中音频播放的需求吧1.有一个课时介绍页面，每节课里面有可能是音频，也有可能是视频，这里是要判断展示一下的很容易，当用户点击了音频播放按钮的时候开始播放，当用户切换到其他的页面的时候有一个悬浮gif图 点击可以进入播放页面。 2.播放页面很简单，像是播放头像旋转啊，播放进度条啊，播放时长持续更新啊之类的，用户在滑动slider的时候可以随意控制播放进度。 3.用户退出小...
2018-09-05 13:55:20
417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人