朽木白露
只有最不虔诚的信徒,才会追寻上帝存在的证明
展开
-
vue表单组件无法绑定怎么办
vue表单组件无法绑定怎么办?只要事件可以响应我们就有办法。以iview weapp为例,适应input组件,v-model失效,而v-bind无法双向绑定,但是change可以响应:首先我们打印出event事件内容:<i-input v-on:change="inputChanged" placeholder="请输入你的留言" maxlength="30" />...i...原创 2020-02-27 21:48:50 · 659 阅读 · 0 评论 -
vue安装及使用教程
学习资源vue菜鸟教程vue官方文档这里说明一下,vue有两种用法,第一种是单纯网页使用,只需要引入相关脚本即可使用:<link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css"><script type="text/javascript"...原创 2020-02-19 23:54:09 · 297 阅读 · 0 评论 -
搭建vue项目及基本配置(vue+webpack+axios)
前期准备全局安装 node vue-cli初始化项目使用vue的脚手架直接在本地初始化项目方法:命令行:vue init <template-name> <project-name>template-name选项为模板名称,vue-cli官方为我们提供了5种模板。webpack-一个全面的webpack+vue-loader的模板,功能包括热加载,linti...转载 2020-02-21 19:51:24 · 786 阅读 · 0 评论 -
小程序UI
文章目录如何获取全屏高宽度设置背景图像image适应父组件大小如何获取全屏高宽度方法一onLoad: function () { this.setData({ height: wx.getSystemInfoSync().windowHeight, width: wx.getSystemInfoSync().windowWidth }) }方法二.in...原创 2020-02-28 23:21:56 · 421 阅读 · 0 评论 -
微信小程序实现单击、双击、滑动、长按事件响应
》》》什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如id, dataset, touches。》》》事件分类touchstart 手指触摸touchmove 手指触摸后移动touchcancel 手指触摸动作被打断,如弹窗和来电提醒touchend 手指触摸动作结束tap 手指触摸后离开longtap 手转载 2020-05-26 22:29:43 · 4009 阅读 · 0 评论 -
vue快速入门(二)
文章目录vue组件组件注册方式全局组件局部组件全局组件与局部组件模块化注册组件数据共享与私有组件的组织组件参数传递父组件传递给子组件子组件传递给父组件import、export和export default的区别和用法vue路由模块化路由例子vue组件组件注册方式每个组件必须只有一个根元素,即每个组件都需要一个根元素将所有子元素包裹起来,如<div class="blog-post"/...原创 2020-09-28 10:32:12 · 524 阅读 · 0 评论 -
vue快速入门(三)
文章目录Ajaxaxiosvue常见问题汇总在vuejs 中使用axios不能获取属性data的解决方法VUE中数组更新后,页面没有动态刷新问题页面路由传递参数在vuejs 中使用axios不能获取属性data的解决方法Vue 阻止事件冒泡vue移动端h5页面根据屏幕适配的四种方案new Vue两个html元素嵌套Vue实例,绑定失效运行项目,浏览页面自动打开等初始化配置Ajaxvue-res...原创 2020-09-28 10:32:33 · 333 阅读 · 1 评论 -
cordova+vue开发
建立cordova工程cordova create cordova-vuecd cordova-vuecordova platform add androidcordova build androidcordova run android新建vue工程在cordova根目录下,创建项目vue init webpack vue_app修改vue配置文件这一步的目的是...原创 2020-02-19 17:32:23 · 211 阅读 · 0 评论 -
vue快速入门(一)
vue官方文档文章目录vue基本命令基本结构与语法vue生命周期绑定数据绑定属性绑定class绑定动态参数表达式绑定事件监听v-on鼠标事件修饰符键盘按键修饰符系统修饰符双向数据绑定表单绑定指令:v-if、v-else、v-show、v-forv-if vs v-showv-bind、v-on缩写过滤器vue常用属性computedmethodwatchvue基本命令vue init web...原创 2020-09-28 10:31:44 · 448 阅读 · 0 评论 -
小程序单击、双击、长按、滑动、双指缩放事件详解
文章目录1.单击2.双击3.长按4. 滑动5.双指缩放1.单击触发顺序:touchstart → touchend → tap单击事件由touchstart、touchend组成,touchend后触发tap事件。<view> <button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">点我吧</button></view原创 2020-05-30 13:49:25 · 2381 阅读 · 1 评论 -
mpvue、微信小程序生命周期详解
mpvue继承自Vue.js,其技术规范和语法特点与 Vue.js保持一致,所以具备vue知识储备的同学用mpvue开发小程序很快就能上手。我觉得mpvue比较容易混淆的就是生命周期,mpvue除了Vue 本身的生命周期外,还兼容了小程序的生命周期,接下来就通过实例讲解一下生命周期的执行顺序。一、生命周期分三个部分app生命周期+vue生命周期+小程序自有生命周期,所以我会把这三个类型的生命周期通过console打印出来,通过page-app、page-index(首页)、page-user(个人中心.转载 2020-05-30 13:26:53 · 657 阅读 · 0 评论 -
clientX、offsetX、screenX、pageX、x的区别
QQ群招募中:646258285(招募中,没几个人说话), 需要交流的朋友可以直接加我微信( DntBeliv )或QQ( 1121864253 )一、clientX、clientY点击位置距离当前body可视区域的x,y坐标二、pageX、pageY对于整个页面来说,包括了被卷去的body部分的长度三、screenX、screenY点击位置距离当前电脑屏幕的x,y坐标四、offsetX、offsetY相对于带有定位的父盒子的x,y坐标五、x、y和screenX、screenY转载 2020-05-30 13:24:02 · 904 阅读 · 1 评论 -
小程序跳转页面几种方式
参考官方文档:路由https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html//保留当前页面,跳转到应用内的某个页面wx.navigateTo({ url: 'home?cid=1'})//关闭当前页面,跳转到应用内的某个页面wx.redirectTo({ url: 'home?cid=1'})//关闭所有页面,打开到应用内的某个页面。wx.reLaunch({ url: 'ho转载 2020-05-30 12:59:12 · 2413 阅读 · 0 评论 -
微信小程序常用功能总结
文章目录1 禁止页面滚动2 获取用户授权3 保存图片到系统相册4 canvas导出为图片bug5 canvas绘图6 canvas层级最高解决办法7 同时在canvas上绑定tap和touchmove事件后,tap失效1 禁止页面滚动在页面对应的main.json添加配置:{ disableScroll":true}disableScroll的优先级小于enablePullDownRefresh,因此如果app.json里是enablePullDownRefresh:true,那如果只是在pa原创 2020-05-30 12:52:33 · 887 阅读 · 0 评论 -
小程序利用Canvas绘制图片和竖排文字
直接按照这个博客的帖子改的,有些地方不是非常合理,但是可以使用,参考帖子:原理帖:https://www.zhangxinxu.com/wordpress/2018/02/canvas-text-break-line-letter-spacing-vertical/直接出处:https://blog.csdn.net/rolan1993/article/details/80321007function drawTextVertical(context, fontSize, text, x, y) {转载 2020-05-30 11:59:38 · 974 阅读 · 0 评论 -
微信小程序自制提示框(具有输入文本功能)
微信小程序自带的API中的页面交互功能,虽然提示功能非常全面,但是所有的交互API中是没有可以自己在提示框中输入文本的功能,那么现在我们来自己做这样的一个提示框(可以带有输入功能),在提示框输入完内容之后,点击确定,可以将文本内容返回,点击取消则可以回到之前的状态。(在这里,主页面的布局可以根据每个人的想法来布局,这里展示的css之后展示提示框部分的)1、首先打开微信开发者工具,建立一个代码模板,那么我们这个提示框就是写在这个页面上。 这里我们主页面叫做index2、在基本页面中写上一个姓名的文本,.转载 2020-05-30 11:55:00 · 6420 阅读 · 1 评论 -
微信小程序云开发--云数据库读写权限
填坑了一、问题场景二、问题描述三、详细解决办法使用云函数更新数据1、在开发者工具上新建node.js云函数2、上代码3、上传并部署(最好安装云端依赖)一、问题场景在做图片点赞、查看量的时候,非管理员给非自己上传(创建)的图片点赞,更新数据失败,失败原因是没有修改数据权限二、问题描述云数据库中的读写权限是有严格规定的非管理员非创建者,没办法写入数据(更新数据)三、详细解决办法使用云函...原创 2020-03-10 16:41:29 · 311 阅读 · 0 评论 -
微信小程序 | 云函数上的数据库操作
转载自:https://blog.csdn.net/weixin_38604274/article/details/92406807#0202%20%E5%A2%9E%E6%9F%A5%E6%94%B9 前阵子做了个微信小程序的项目,这次来主要讲讲云函数上的数据库操作。本文将按照以下顺序进行讲解:目录 00 什么是云函数和数据库操作云函数数据库操作数据类型01 小程序端与云端数据库...转载 2020-03-07 17:49:08 · 1911 阅读 · 0 评论 -
微信小程序中的云开发如何使用npm安装依赖
微信小程序开发教程描述的相当模糊,以至于我反复品读,多次尝试才悟出来该怎么在云开发中使用 npm 安装依赖。首先强调一下,云开发中必须安装 wx-server-sdk 依赖, 而wx-server-sdk 依赖需要使用 npm 的。但由于部分开发过程可能不再需要其他的依赖,那么每次开发都要使用 npm 安装依赖是一件很麻烦的事情。微信为了简化云开发操作,提供了一键云端安装 wx-serve...转载 2020-03-05 23:59:42 · 1034 阅读 · 0 评论 -
小程序云开发常见问题汇总
文章目录怎么自定义id字段,并实现自增怎么自定义id字段,并实现自增小程序的默认_id是无序的,只能保证唯一性。可以使用Command.inc(value: number): Command。多个用户同时写,对数据库来说都是将字段自增,不会有后来者覆写前者的情况示例代码:将一个 todo 的进度自增 10:const _ = db.commanddb.collection('todos...原创 2020-05-30 13:04:29 · 899 阅读 · 0 评论 -
mpvue中使用ivew组件及更改主题颜色
vue工程更改ivew组件主题颜色1、描述更改ivew组件的主题颜色,如下比较:2、实现步骤通过webpack搭建好了一个vue工程,安装ivew插件,所有程序正常使用的情况下:1、终端执行命令 npm i iview-theme -g2、项目工程下,新建一个文件夹my-theme, 在该文件夹下新建文件index....转载 2020-02-28 14:54:04 · 599 阅读 · 0 评论 -
mpvue中使用小程序云开发详细步骤
转载自:https://blog.csdn.net/weixin_33910137/article/details/88711934参考博客:https://cloud.tencent.com/developer/article/1562132一、前言这两天在用踩坑了一下小程序云开发,用mpvue、vant组件库、wux组件库、小程序云开发开发了一款小程序。算是初试云开发了,所以总结一下使用...原创 2020-05-30 13:05:23 · 1127 阅读 · 2 评论 -
mpvue构建小程序
新建工程参考https://www.cnblogs.com/noahlam/p/8910026.html注意:用微信开发者工具打开工程是在dist/wx目录下,因为新建工程只能使用空目录,所以要建立云开发的小程序,可以先新建工程,然后再把dist/wx下的内容替换过去就行了。...原创 2020-03-09 14:08:19 · 584 阅读 · 0 评论