- 博客(15)
- 收藏
- 关注
原创 vuePC端项目踩坑记录
本文档用于记录vue相关PC端遇到的一些问题记录,方面团队成员共享一、element-ui踩坑记录:1、el-carousel使用el-carousel幻灯片时,动态设置轮播时间interval。需要同步动态绑定autoplay的值。否则会出现轮播卡顿或者延迟的问题。与源码中定时器有关。需要关闭定时器再重新赋值2、el-table sortable表格排序只需要用的升降排序,在<...
2019-05-20 17:08:52
819
原创 微信小程序--常用的页面传值方式
记录小程序中常用的几种页面传值方式一、storagewx.setStorage({ key: "key", data: value })通过getStorage回调方式获取data值,或者通过wx.getStorageSync(key) 同步获取key对应的data值二、url传值url传值也是经常都能用到的1、url传递通过字符串拼接传递key=value形式...
2019-01-03 15:15:41
536
1
原创 微信小程序--form表单消息推送
小程序实现向用户发推送消息,需要前端传formid给后台。后台便可以实现消息推送。那么formid怎么获取呢?formid 肯定是写在form表单中的,通过button按钮触发,一个简单的例子:<form bindsubmit="formSubmit" report-submit="true" > <button class='btnclass input-btn' ...
2019-01-03 14:31:13
1325
原创 微信小程序学习笔记五(持续更新)---上传文件
项目中需要用户上传图片,需要实现,上传按钮默认为一个,在上传一张图片之后,自动增加一个上传按钮,上传三张图片后按钮消失。实现思路:1、图片路径存储在一个数组中,增加和删除图片是对数组进行操作;2、仅一个按钮,添加计数器,num=1;当num==3时,设置按钮隐藏。直接上代码:.wxml文件: <view class='uploader' wx:for="{{files}}" wx...
2018-10-24 20:29:42
432
原创 微信小程序学习笔记四(持续更新)---征服scroll-view下拉刷新
贴图大概实现这种使用swiper做tab切换,数据页面下拉刷新的效果。官方提供的scroll-view作为容器,如果在scroll-view使用onPullDownRefresh实现下拉刷新,会存在页面刷新卡,并且刷新会出现在tab之上,用户体验极差。这里先来一波参考文档:scroll-view微信官方文档scroll-view下拉组件—来自其他大神自己封装的组件,强推!实现思路还是s...
2018-10-24 19:10:40
4582
2
原创 微信小程序学习笔记三(持续更新)---小程序组件通信
参照这里这里将重要的点贴一下:一、项目目录结构在项目同级目录新建components文件夹,新建component会生成wxml,wxss,js,json文件。将所有的公共组件都写在此文件夹下。二、组件引入和使用我们的所有页面一般写在pages目录下,每个页面有wxml,wxss,js,json四个文件,在需要使用组件的页面.json文件中,引入{ "usingComponents...
2018-10-09 22:24:30
150
原创 微信小程序学习笔记二(持续更新)---小程序网络请求封装
写小程序的你是否已经厌倦了发送网络请求的wx.request?接着看吧。。。一、目录结构在项目同级目录下utils文件夹里新建一个fetch.js文件,(名字看自己喜好)二、直接上代码// 定义网络请求API地址const baseURL = 'http://yourbaseURL'// 封装网络请求开始const http = ({ url, data, method, ...o...
2018-10-09 21:35:19
435
原创 linux下安装微信开发者工具(Fedora27)
以我的Fedora27为例ubuntu可以借鉴 linux安装微信开发工具需要修改步骤:一、下载项目git clone https://github.com/cytle/wechat_web_devtools.git二、进入目录cd wechat_web_devtools三、安装winefedora安装wine请点这里一定要首先添加自己系统版本号的仓库地址再安装稳定版本的包d...
2018-09-28 15:46:08
1159
原创 初学微信小程序学习笔记(持续更新)
一、data和vue中的data不同的是,直接修改data的数据 不会实时更新 比如:data: { count: 0, items: []},onLoad: function (){ vat that = this that.data.count = 2 // 毫无卵用 console.log(that.data.count) // 2 说明...
2018-09-11 12:48:04
293
原创 bootstrap使用popover插件实现点击按钮显示二维码图片
popover插件用法 话不多说,先上图: js实现这个的原理也简单,在按钮上绑定一个点击事件,将相对应的元素设置隐藏和显示。但是这个网页使用bootstrap做的,就懒得费功夫自己写啦。第一步我们先写一个标签<a class="btn btn-black phone-btn" tabindex="0" data-trigger="focus" title="iphone用户...
2018-08-27 11:08:27
2179
原创 muse-ui使用Bottom Navigation组件刷新后保存点击状态
一、描述:最近做的移动端H5网页,使用的时vue+muse-ui 。 muse-ui官网。muse-ui组件丰富,对移动端支持友好,同时具有比较详细的文档和示例,是一款值得拥抱的ui库。安装和使用方法可以直接点击官网链接。二、直接上手先随便来个图: 这样子的导航栏在移动端中司空见惯,使用muse-ui中得Bottom Navigation组件。 我这里直接粘一个muse-ui中...
2018-08-07 17:08:45
869
原创 记录自己使用git的常用命令
网上有很多很全面的git使用命令噢~ git常用命令总结 这里只列出一些,我个人工作上常用到的命令。 1.创建ssh: ssh-keygen -t rsa -C "userName"2.复制远程仓库的ssh: ssh-copy-id git@远程地址 3. 克隆到本地 git clone 地址 4. 新建分支 git checkout -b dev(分支名) 第一次新建 使用...
2018-08-07 17:07:18
91
原创 记录最近项目中自己遇到的一些小问题
内容可能有点杂~一、首先记写css的坑1.p标签文字过长,自动换行word-wrap:break-word;word-break:break-all;2.p标签文字过长,不换行,显示省略号overflow: hidden;text-overflow:ellipsis;white-space: nowrap;二、muse-ui项目是移动端,因此选择了...
2018-08-07 17:06:12
295
原创 axios网络请求(axios封装、鉴权、拦截)
使用vue框架的小伙伴对于axios 肯定是不陌生的。 网上一搜,介绍一大堆,axios中文文档来自简书这里就不再讲他的原理阿用法之类了,直接上代码。一、还是先安装这里使用npm安装,需要其他安装方法的自行看文档:axios中文文档来自简书 npm install axios --save二、上代码 (request.js)import axios from 'axio...
2018-08-07 17:05:13
2116
原创 vue-cli配置多环境
关于vue-cli项目配置多环境基于vue-cli搭建的项目环境,一般来说默认只有开发环境和生产环境,但实际工作中,还需要一个线上测试环境。第一次配置的时候找了很多资源,但大多都没有特别详细。今天整理一个算是很详细的配置多环境步骤,希望可以帮助到有需要的人~搭建测试环境在 config文件夹 里,新建一个pre.env.js(自定义名字)这里也可以直接复制一份dev.env.js...
2018-08-07 17:03:30
1188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人