4 eva_feng

尚未进行身份认证

暂无相关简介

等级
TA的排名 22w+

json对象循环遍历

JSON可以有两种格式一种是对象格式的:{“name”:“Tom”,“sex”:“male”,“age”:20} //JSON的对象格式的字符串另一种是数组对象[{“name”:“Lily”,“sex”:“female”,“age”:20}] //数据对象格式var json1 = {'name':'张三','sex':'男','age':18} for(var key in json1){ console.log(key) //naem sex age cons

2020-05-08 23:45:59

vue 使用vuex在页面跳转的实现

学习时候碰到的需求场景:我的音乐列表,点击一个音乐项跳转到音乐详情页第一种方式:使用 router 动态路由传参,将需要的数据带过去音乐列表页组件:音乐详情页组件:音乐列表页通过selectSong方法传参,在音乐详情页的挂载完成里面将数据赋给songDetail,使其渲染页面。第二种方式:使用vuex;下面有补充vuex的相关代码音乐详情组件:音乐列表页中通过引入mutat...

2020-05-02 23:18:05

DOM操作-创建、添加、移除、移动、复制和查找节点等

参考资料:https://www.jianshu.com/p/a44327733513https://blog.csdn.net/fouerror/article/details/807101111、创建节点:1.1 创建元素节点:createElement() 栗子: var p = document.createElement("p"); p.nodeType;/...

2020-04-24 00:26:03

call()、apply()、bind()来改变this指针的指向函数

this指向:this最终指向的是调用它的对象。通过apply和call改变函数的this指向,他们两个函数的第一个参数都是一样的表示要改变指向的那个对象,第二个参数,apply是数组,而call则是arg1,arg2…这种形式。通过bind改变this作用域会返回一个新的函数,这个函数不会马上执行。Function.apply(thisArg,[argsArray])方法能接收两个参数t...

2020-04-19 17:42:26

js中的闭包

对于闭包这个问题,也是懵懵懂懂,不是特别理解,在这做个记录。首先我们来了解几个概念:变量作用域:变量作用域两种:全局变量、局部变量。js中函数内部可以读取全局变量,函数外部不能读取函数内部的局部变量。作用域链:当代码在一个环境中执行,会创建变量对象的一个作用域链。子对象会一级一级向上寻找所有父对象的变量,反之不行。立即执行函数:( function(){…} )()和( functi...

2020-04-19 10:38:18

vue 非父子组件之间的通信--eventBus

非父子组件之间的通信有两种方法:eventBus,vuex。这里先只记录下eventBus的使用方法。例如:一个父组件中同时引入A组件和B组件,A组件中点击触发后将数值10传到B组件中。第一步:定义一个公共的实例文件eventBus.js,作为中间仓库来传值。//eventBus.jsimport Vue from 'vue'export default new Vue()第...

2020-04-15 17:34:26

vue父子组件之间传值

组件和组件之间的通信,最常用的就是父子之间的通信。在vue 中, 在一个组件中通过 import 引入另一个组件,这个组件就是父组件,被引入的组件就是子组件。父组件传值给子组件父组件部分:子组件部分:总结:父组件中引入子组件,在子组件的标签上绑定你要传给子组件的值;子组件在props中创建一个属性,用以接收父组件传过来的值 ;子组件在把值传给父组件子组件部分:父组件部分...

2020-04-13 23:38:43

vue router的基本使用

vue router是vue学习的核心之一,刚开始学习,官网的有些方法理不清,在网上找了些相关的,自己能看得懂和理解的。在这记录下,需要的时候自己过来查。router有两种模式,hash模式和history模式。hash模式:地址栏 URL 中的 # 符号;(例如:http://localhost:8080/#/user/007);history模式:地址栏是常规的url(例如:https:...

2020-04-12 11:20:46

vue router动态路由点击跳转路径地址重复追加

在练习写vue router动态路由时碰到的问题。点击多次时,地址栏不断增加重复。查看代码发现是页面中相对路径最前面少了 ‘ / ’;添加上就能正常显示了。如下:...

2020-04-10 23:58:07

微信小程序列表页分页加载功能

微信小程序做分页加载数据,会做一些下拉加载更多、然后上拉刷新的操作。数据放在一个for循环里去加载,数据源是一个数组对象。在加载下一页数据时,将下一页的数据拼到当前数组后面。代码如下:wxml代码<scroll-view class="scrollview"> <block wx:for="{{list}}" wx:key="index"> <v...

2020-04-01 15:07:47

微信小程序setData修改数组某一项的值

官方文档示例:changeItemInArray: function() { // 对于对象或数组字段,可以直接修改一个其下的子字段,这样做通常比修改整个对象或数组更好 this.setData({ 'array[0].text':'changed data' }) },这种方法对于静态的数据设置有效,但是对于动态的数据,不起作用,会报错。解决...

2020-04-01 00:10:20

微信小程序购物车功能

一个购物车展示的是一个列表(carts),列表里的单个item包含:商品id(id),商品图(image),商品名(title),单价(price),数量(amount),单选按钮(selected);全选按钮,需要一个字段(selectAllStatus)表示是否全选;总价(totalPrice);总数量(totalNum)。还有一个需要判断的是购物车是否为空(hasList)。购物车主要有...

2020-03-29 21:53:13

微信小程序本地json数据在页面展示

新建一个json文件,使用module.exports定义出口,要不然其他文件读取不到json数据。还有一个需要注意的小细节,本地json数据放在js文件里面,不是json文件,不然会报错。// 本地模拟json数据var jsonData = [ { "id":1, "name": "Tom1" }, { "id": 2, "name": "Tom...

2020-03-29 10:43:31

微信小程序提交表单清空输入框

这里简单记录两种方法:一、在input中绑定对象value,在提交成功后的回调中重新设置值为空。个人觉得这种方式适合表单数据比较少。wxml代码<form bindsubmit="submitForm"> <input name="title" maxlength="20" value="{{title}}" /> <input name="t...

2020-03-26 22:37:09

微信小程序 用户授权登录

微信小程序弹窗授权,使用 button 组件,并将 open-type 指定为 getUserInfo 类型,获取用户基本信息。自己练手写的代码,有可能实际项目中这种写法不能通过审核,代码如下:wxml:<view wx:if="{{isHide}}"> <view wx:if="{{canIUse}}" > <view class='h...

2020-03-26 11:24:25

微信小程序tab切换

wxml<view class="nav-box"> <!-- tab框 --> <view class="nav-tab"> <view wx:for="{{navList}}" wx:key="index" data-current="{{index}}" class="item {{currTab == index? 'active...

2020-03-25 13:51:15

小程序避免多次点击重复触发事件

当用户点击按钮或控件时,如果响应比较慢,往往会重复点击,另外也会存在用户故意反复快速点击的情况,这种时候就会多次触发点击事件造成非期望的结果。如何解决或避免这个问题呢?一般来说有两种情况。 1、点击事件是执行请求 这种情况下可以在请求执行之前显示一个模式的加载框,请求完成后再关闭加载框,由于小程序在1.1.0版本基础库才支持wx.showLoading,因此需要对低版本做兼容处理,代码如下:fu...

2020-03-24 23:26:51

小程序用户收货地址修改

页面使用的是weui的组件。主要实现的思路:1、从地址管理页跳转过来,在onload里面将传过来的参数address获取后,渲染到前台页面;同时将address数据缓存到本地;2、修改地址后提交,提交的数据与缓存中的数据值比对。注意点:从上一个页面中传过来的参数是对象转的字符串,当前页要转其转为json对象,方便获取数据。【JSON.stringify()将对象、数组转换成字符串;JSON....

2020-03-24 21:47:38

微信小程序 带参数返回上一页

开始碰到这个问题是在订单页中的地址显示问题,新增地址要把地址传回去展示。开始不知道如何操作,网上查到了相关方法,在此简单做个记录。订单页wxml<view class="address-box" wx:if="{{!hasAddress}}"> <!-- 没有地址时显示新增地址,有地址时选择地址或者去修改地址 --> <view class="go...

2020-03-24 11:00:47

小程序 通过id从列表页跳转到对应的详情页

从列表页通过id跳转到对应的商品详情页,可以使用 navigator来跳转链接,也可以绑定函数来实现。直接使用navigator跳转<block wx:for="{{productList}}" wx:key="productId"> <navigator url="/pages/good-detail/good-detail?productId={{item.produ...

2020-03-24 09:04:33

查看更多

勋章 我的勋章
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。