ankuaji8631-CSDN博客

转载 vuePC项目踩坑记录

本文档用于记录vue相关PC端遇到的一些问题记录，方面团队成员共享一、element-ui踩坑记录：1、el-carousel使用el-carousel幻灯片时，动态设置轮播时间interval。需要同步动态绑定autoplay的值。否则会出现轮播卡顿或者延迟的问题。与源码中定时器有关。需要关闭定时器再重新赋值2、el-table sortable表格排序只需要用的升降排序，在...

2019-05-20 17:07:00 335

转载微信小程序--常用的页面传值方式

记录小程序中常用的几种页面传值方式一、storagewx.setStorage({ key: "key", data: value })通过getStorage回调方式获取data值，或者通过wx.getStorageSync(key) 同步获取key对应的data值#### 二、url传值url传值也是经常都能用到的##### 1、url传递通过字符串...

2019-01-03 15:17:00 303

转载微信小程序--form表单消息推送

小程序实现向用户发推送消息，需要前端传formid给后台。后台便可以实现消息推送。那么formid怎么获取呢？formid 肯定是写在form表单中的，通过button按钮触发，一个简单的例子：<form bindsubmit="formSubmit" report-submit="true" > <button class='btnclass input-...

2019-01-03 14:37:00 300

转载微信小程序学习笔记五（持续更新）---小程序上传文件

项目中需要用户上传图片，需要实现，上传按钮默认为一个，在上传一张图片之后，自动增加一个上传按钮，上传三张图片后按钮消失。实现思路：1、图片路径存储在一个数组中，增加和删除图片是对数组进行操作；2、仅一个按钮，添加计数器，num=1;当num==3时，设置按钮隐藏。直接上代码：.wxml文件： <view class='uploader' wx:for="{{files}...

2018-10-24 20:31:00 151

转载微信小程序学习笔记四（持续更新）---征服scroll-view下拉刷新

贴图大概实现这种使用swiper做tab切换，数据页面下拉刷新的效果。官方提供的scroll-view作为容器，如果在scroll-view使用onPullDownRefresh实现下拉刷新，会存在页面刷新卡，并且刷新会出现在tab之上，用户体验极差。这里先来一波参考文档：scroll-view微信官方文档scroll-view下拉组件---来自其他大神自己封装的组件，强推！...

2018-10-24 19:13:00 172

转载微信小程序学习笔记三（持续更新）---小程序组件通信

参照这里这里将重要的点贴一下：一、项目目录结构在项目同级目录新建components文件夹，新建component会生成wxml,wxss,js,json文件。将所有的公共组件都写在此文件夹下。二、组件引入和使用我们的所有页面一般写在pages目录下，每个页面有wxml,wxss,js,json四个文件，在需要使用组件的页面.json文件中，引入{ "usingCompo...

2018-10-09 22:24:00 126

转载微信小程序学习笔记二（持续更新）---小程序网络请求封装

写小程序的你是否已经厌倦了发送网络请求的wx.request？接着看吧。。。一、目录结构在项目同级目录下utils文件夹里新建一个fetch.js文件，(名字看自己喜好)二、直接上代码// 定义网络请求API地址const baseURL = 'http://yourbaseURL'// 封装网络请求开始const http = ({ url, data, method,...

2018-10-09 21:38:00 115

转载 linux下安装微信开发者工具(fedora27)

以我的Fedora27为例ubuntu可以借鉴 linux安装微信开发工具需要修改步骤：一、下载项目git clone https://github.com/cytle/wechat_web_devtools.git二、进入目录cd wechat_web_devtools三、安装winefedora安装wine请点这里一定要首先添加自己系统版本号的仓库地址再安装稳定版...

2018-09-28 15:49:00 314

转载初学小程序学习笔记(持续更新)

一、data和vue中的data不同的是，直接修改data的数据不会实时更新比如：data: { count: 0, items: []},onLoad: function (){ var that = this that.data.count = 2 // 毫无卵用 console.log(that.data.count) // 2 ...

2018-09-11 12:49:00 125

转载 bootstrap使用popover插件实现点击按钮显示二维码图片

popover插件用法话不多说，先上图：js实现这个的原理也简单，在按钮上绑定一个点击事件，将相对应的元素设置隐藏和显示。但是这个网页使用bootstrap做的，就懒得费功夫自己写啦。第一步我们先写一个标签<a class="btn btn-black phone-btn" tabindex="0" data-trigger="focus" title="iphone用户...

2018-08-27 14:00:00 542

转载 muse-ui使用Bottom Navigation组件刷新后保存点击状态

一、描述：最近做的移动端H5网页，使用的时vue+muse-ui 。 muse-ui官网。muse-ui组件丰富，对移动端支持友好，同时具有比较详细的文档和示例，是一款值得拥抱的ui库。安装和使用方法可以直接点击官网链接。二、直接上手先随便来个图：这样子的导航栏在移动端中司空见惯，使用muse-ui中得Bottom Navigation组件。我这里直接粘一个muse-ui中的例...

2018-08-07 15:44:00 238

转载记录自己使用git的常用命令

网上有很多很全面的git使用命令噢～ git常用命令总结这里只列出一些，我个人工作上常用到的命令。1.创建ssh：ssh-keygen -t rsa -C "userName"2.复制远程仓库的ssh：ssh-copy-id git@远程地址克隆到本地git clone 地址新建分支git checkout -b dev（分支名）第一次新建使用-b查看当前分支：...

2018-07-30 14:05:00 119

转载记录最近项目中自己遇到的一些小问题

内容可能有点杂～一、首先记写css的坑1.p标签文字过长，自动换行word-wrap:break-word;word-break:break-all;2.p标签文字过长，不换行，显示省略号overflow: hidden;text-overflow:ellipsis;white-space: nowrap;二、muse-ui项目是移动端，因此选择了muse-ui作为u...

2018-07-26 11:25:00 105

转载 axios网络请求(axios封装、鉴权、拦截)

使用vue框架的小伙伴对于axios 肯定是不陌生的。网上一搜，介绍一大堆，axios中文文档来自简书这里就不再讲他的原理阿用法之类了，直接上代码。一、还是先安装这里使用npm安装，需要其他安装方法的自行看文档：axios中文文档来自简书npm install axios --save二、直接使用 (request.js)import axios from 'axios' ...

2018-07-26 11:00:00 507

转载 vue-cli配置多环境

关于vue-cli项目配置多环境基于vue-cli搭建的项目环境，一般来说默认只有开发环境和生产环境，但实际工作中，还需要一个线上测试环境。第一次配置的时候找了很多资源，但大多都没有特别详细。今天整理一个算是很详细的配置多环境步骤，希望可以帮助到有需要的人～搭建测试环境在 config文件夹里，新建一个pre.env.js（自定义名字）这里也可以直接复制一份dev.env.js...

2018-07-26 10:10:00 292

ankuaji8631的博客