1 江湖行骗老中医

我要认证

相信自己!

等级
TA的排名 2w+

小程序自定义 tabbar 以vant weapp为例

1.首先创建custom-tab-bar文件夹 包含index.jsindex.jsonindex.wxml// index.js文件// index.js文件Component({ data: { active: 0, list: [ { "url": "/pages/mine/mine", "icon": "wap-home-o", "text": "开单" }, ...

2020-10-22 13:05:51

封装微信小程序的数据请求

网络请求小程序提供了wx.request, 仔细看一下 api,这不就是n年前的 $.ajax 吗,好古老啊。// 官方例子wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success: function(res) { consol

2020-10-21 11:35:15

微信小程序request 、跨域问题

微信小程序request方法不需要考虑跨域访问问题,因为微信小程序的做法是由他们的后台取访问我们的后台,所以实际的“跨域问题”已经在我们的小程序与微信后台交流的时候解决了。https://developers.weixin.qq.com/miniprogram/dev/api/network-request.html#wxrequestobject...

2020-10-21 09:02:16

vue中使用Moment.js

1.安装模块npm install moment --save2.在main.js中引入import moment from 'moment'; //导入模块moment.locale('zh-cn'); //设置语言 或 moment.lang('zh-cn'); Vue.prototype.$moment = moment;//赋值使用3.使用this.$moment('2019/06/17 14:00:00').startOf('hour').fromNow();

2020-09-29 10:39:07

vue关于mock的简单使用

阅读目录一、mock 1、简介 2、vue直接使用mock 一、mock1、简介  mock是一个模拟数据生成器,旨在帮助前端独立于后端进行开发,帮助编写单元测试。其可模拟 Ajax 并返回模拟数据,使前端不用去调用后端的接口,方便测试。 2、vue直接使用mockstep1:安装mocknpm install mockjsstep2:直接引入mock.js,并编写mock接口(Mock.mock)。【mock.js】//引入mock模块imp

2020-09-10 17:58:28

原型链、原型对象和构造函数的理解

js没有类的概念,通过原型和原型链实现继承。函数对象可以被实例化(有构造函数),普通函数不能实例化(没有构造函数)。prototype:原型对象,原型是函数所有,包含(构造函数和原型链)__proto__:原型链,原型链指向它所继承的原型对象,每个对象都有原型链,基类是ObjectConstructor:构造函数,new出的实例没有构造函数(有构造函数就能被实例化),指向该函数对象。fun Foo(){...}let f1 = new Foo();f1.__proto__ === F

2020-09-03 23:39:18

Vue Router 的params和query传参的使用和区别

首先简单来说明一下$router和$route的区别//$router : 是路由操作对象,只写对象//$route : 路由信息对象,只读对象//操作 路由跳转this.$router.push({ name:'hello', params:{ name:'word', age:'11' }})//读取 路由参数接收this.name = this.$route.params.name;this.age =

2020-08-31 22:36:30

Vue路由(vue-router)详细讲解指南

Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向,就是我在页面上点击一个按钮需要跳转到对应的页面,这就是路由跳转;首先我们来学习三个单词(route,routes,router):  route:首先它是个单数,译为路由,即我们可以理解为单个路由或者某一个路由;  routes:它是个复数,表示多个的集合才能为复数;即我们可以理解为多个路由的集合,JS中表示多种不同状态的集合的形式只有数组和对..

2020-08-31 22:10:21

react 组件的构造函数

constructor 函数时组件最先执行的函数class childen extends react.Component{ constructor(props){ super(props); this.state={ attr1:"", } }}一般在constructor函数中都会存在 上述方法,个人对其的理解constructor():子类继承父类时的构造方法,主要时用以定义this.属性 在react中一些..

2020-08-31 10:32:56

react-webpack配置

'use strict';const autoprefixer = require('autoprefixer');const path = require('path');const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack.

2020-08-31 10:04:49

React 构造函数的主要目的是什么?

构造函数主要用于两个目的, 通过将对象分配给this.state来初始化本地状态 将事件处理程序方法绑定到实例上例如,以下代码涵盖了以上两种情况constructor(props) { super(props); // Don't call this.setState() here! this.state = { counter: 0 }; this.handleClick = this.handleClick.bind(this);}constructor()是ES6写法.

2020-08-30 23:42:46

React代码开发规范

前言一般在团队开发中每个人的代码习惯都不太一样,这样就会导致代码风格不一致,以致于维护和修改bug的时候看别人的代码成为一种痛苦...这种情况尤其在前端开发中尤为明显。因为关于前端的开发规范貌似也没有行业权威标准。这几天在网上看了下,基本上在开发中通过eslint进行约束,airbnb的标准貌似颇为推崇,今天稍微整理下,准备在日后开发中形成习惯。基本规则每个文件只包含一个React组件。eslint: react/no-multi-comp;(官方表示在无状态,或者Pure组件允许一个文件包含

2020-08-30 17:40:16

npm和yarn的对比

2020-08-30 16:23:04

箭头函数的写法特点

1、箭头函数简介用 => 来标识 箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。2、通常函数的定义方法var fn1 = function(a, b){ console.log(a + b);};fn1(1, 2); // 3function fn2(a, b){ console.log(a - b);}fn2(2

2020-08-30 09:32:49

react开发vscode插件推荐

由于本人主要是做react开发,用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发。1. 代码提示类插件1.1Reactjs code snippets1.2React Redux ES6 Snippets1.3React-Native/React/Redux snippets for es6/es71.4JavaScript (ES6) code snippet...

2020-08-29 18:47:06

React生命周期流程图及简述

1.概览React 16:页面初始化:constructor–>componentWillMount–>render–>componentDidMount 父级数据更新:componentWillReceiveProps–>shouldComponentUpdate–>componentWillUpdate–>render–>componentDidUpdate 组件数据更新:shouldComponentUpdate–>componentWi

2020-08-29 17:45:25

mock使用方法

安装 Mock.js为了模拟后台接口提供页面需要的数据,我们引入 Mock.js 为我们提供模拟数据,而不用依赖于后台接口的完成。安装依赖执行如下命令,安装依赖包。yarn add mockjs --dev安装完成之后,我们写个例子测试一下。在 src 目录下新建一个 mock 目录,创建 mock.js,在里面我们模拟了两个接口,分别拦截用户和菜单的请求,并返回相应的数据。如下图所示:修改 Home.vue,在页面放置两个按钮,分别触发用户和菜单的处理请求,成功后弹出

2020-08-29 16:08:30

搭建react开发环境的步骤

一:安装node可,以在官网或者中文网里面下载,根据自己的电脑选择是32还是64网址:http://nodejs.cn二:下载并安装好node之后,打开docs管理工具,先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号,这样就已经是安装成功了,由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具:npm install -g cnpm --registry=ht..

2020-08-29 11:38:13

vue-router中 query传参和params传参的使用和区别

1.query传参:1.query传参路由: var router = new VueRouter({ routes: [ { path: '/login', component: login }, { name:'register',path: '/register', component: register } ] })导航: // 注意:这是 query 两种传参方式 一种是直接跳转把字符串传过去 一种是传

2020-08-28 21:24:01

vue中封装echart

以下是模板 ,不同的echart需要替换option中的内容LineChart.vue<template> <div :class="className" :style="{height:height,width:width}" /></template><script>import echarts from 'echarts'require('echarts/theme/macarons') // echarts themeimpo

2020-08-24 23:30:54

查看更多

勋章 我的勋章
  • 领英
    领英
    绑定领英第三方账户获取
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到达人
    签到达人
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 分享宗师
    分享宗师
    成功上传21个资源即可获取