2020 年 1月 2 日随笔档案 - z_xun

节流阀只允许一次请求（避免重复点击）

摘要： data: { //定一个状态无论什么请求在数据回来之前只允许请求一次 0：请求之前 1：请求结束 apiOnce: 1, } methods:{ //点击加载更多数据 moreData() { //一进来默认阻止只允许请求一次 if (this.data.apiOnce == 0) { re 阅读全文

posted @ 2020-01-02 17:39 z_xun 阅读(711) 评论(0) 推荐(0)

vue-cli3.0 脚手架搭建项目

摘要： 1.安装vue-cli 3.0 npm install -g @vue/cli # or yarn global add @vue/cli 安装成功后查看版本：vue -V(大写的V) 2.命令变化 vue create --help 用法：create [options] <app-name> 创阅读全文

posted @ 2020-01-02 16:41 z_xun 阅读(825) 评论(0) 推荐(0)

this.$set的正确使用

摘要： this.tableData.forEach((item, index) => { let ZKprice = (item.price * this.discount * 0.1).toFixed(2);// 要修改的数据索引要改的值三个参数 this.$set(this.tableData, 阅读全文

posted @ 2020-01-02 16:40 z_xun 阅读(1460) 评论(0) 推荐(0)

简单理解Vue中的nextTick

摘要： Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板 <div cla 阅读全文

posted @ 2020-01-02 16:37 z_xun 阅读(378) 评论(0) 推荐(0)

详解如何在微信小程序开发中正确的使用vant ui组件

摘要：微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。第一步：在小程序工程的根目录下执行： ? 1 npm i van 阅读全文

posted @ 2020-01-02 11:15 z_xun 阅读(6454) 评论(0) 推荐(0)

小米官网中，鼠标移动到某个卡片，会轻轻上浮

摘要：比方说这里每个商品都是div.在顶部style便签给一个css样式写上div:hover{position:relative;/*改成相对定位*/top:-5px;/*向上挪动5px*/box-shadow:0px 5px 10px 0px #999;/*增加阴影效果*/transition:al 阅读全文

posted @ 2020-01-02 11:10 z_xun 阅读(422) 评论(0) 推荐(0)

微信小程序之表单验证rule

摘要：表单验证是javascript中的高级选项之一。JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 [1] 。被 JavaScript 验证的这些典型的表单数据有：用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的日期？阅读全文

posted @ 2020-01-02 11:06 z_xun 阅读(10987) 评论(0) 推荐(1)

小程序调用自定义组件里的方法(this.selectComponent(#id))

摘要：假如我们已经有了一个自定义组件toast 组件里面有个方法控制toast的显示假如我要在登录界面引用toast，那如何调用自定义组件的方法控制toast显示？ 1.首先在登录的json页面引用组件 2.在登录的wxml页面引用组件（一定要设置id） 3.在登录页的js页面的生命周期中获取组件（图中阅读全文

posted @ 2020-01-02 11:04 z_xun 阅读(10237) 评论(0) 推荐(0)

Git —— GitLab生产ssh密钥

摘要：前提：电脑已经下载了git客户端步骤：桌面随便的位置右键，点击“Git Bash Here” 设置Git的user name和emailgit config --global user.name "zhangshan"git config --global user.email "zhangs 阅读全文

posted @ 2020-01-02 11:00 z_xun 阅读(538) 评论(0) 推荐(0)

WX获取地理位置列表接口示例

摘要： // 获取当前位置的经纬度 getUserLocation: function () { const that = this; wx.getLocation({ type: 'gcj02', success: function (res) { console.log(res) //纬度，范围为 -9 阅读全文

posted @ 2020-01-02 10:59 z_xun 阅读(300) 评论(0) 推荐(0)

2020年1月2日

公告