dibian6570-CSDN博客

转载小程序使用npm安装第三方包

安装vant 小程序UI库进到小程序目录，在地址栏中cmd 进入DOS界面 npm init -f安装vant 小程序UI库npm i vant-weapp -S --production进入到小程序单击右侧 "详情按钮"最后构建npm 单击菜单栏的 “工具” 按钮 ----> “构建npm”...

2019-09-19 19:26:00 113

转载 vant checkBox 批量删除

有两种实现方式，当然不止两种一：使用 filter 将我们需要的过滤出来，也就是哪个没有选中就过滤哪个二：使用splice数组方法，将我们选择需要删除的 index 放到一个数组里面，然后进行删除。 splice有一个坑（splice会改变原数组）先说说方法一：/* 假设我们是依赖这个数据来进行渲染，v-for="(item,index) in a...

2019-09-16 20:44:00 356

转载判断是否为小程序端

为什么需要判断是否为小程序端是因为开发公众号的页面和功能和小程序基本一致。（在小程序端有不同的流程需要走通）在小程序中用到 web-view 组件 web-view 其实就是相当于 iframe 嵌套网页第一步安装 weixin-js-sdknpm install weixin-js-sdk --save第二步引入 sdk import wx ...

2019-09-04 20:34:00 893

转载小程序嵌套网页

小程序嵌套H5页面，主要是用到小程序 web-view 组件　　例如：<web-view src="https://www.baidu.com"bindmessage="updatefx"></web-view>说白了 web-view 就是 iframe 嵌套一个网页需要注意到的两个问题：　　小程序采用的 https 传输协议　　小程序嵌...

2019-09-04 20:12:00 229

转载 css文字两行或者几行显示省略号

做这个省略的问题，突然发现显示省略号是有中英文区分的我做两行的时候用的是以下代码，在是中文的情况下是么得问题，到了英文下发现不起作用了 width: 250px; overflow: hidden; text-overflow: ellipsis; display: -webk...

2019-08-23 15:00:00 89

转载 vue 组件传值

vue 组件传值分为父传子、子传父、非父子传值父组件访问子组件的值　　　　子组件中通过this.$emit('childName',childData)　　父组件通过v-on监听一个事件 @childName = "childData" methods:{ childData (data) { console.log(data) } }　　　　父组件通过 re...

2019-08-21 21:01:00 59

转载 ES6 解构赋值

https://www.liaoxuefeng.com/wiki/1022910821149312/1023021187855808?residentId=asadf&nodeId=213324435廖雪峰官网数组解构赋值// 之前需要取arr里面的值以前是这样 let arr = ['name','age','gender'] ...

2019-08-16 21:30:00 72

转载 JS filter的使用

定义和用法filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意：filter() 不会对空数组进行检测。注意：filter() 不会改变原始数组。filter的作用：过滤数组中符合条件的元素过滤掉空元素、null、undefined var arr = [1, 2, , 3, , -3, null, , 0,...

2019-08-16 16:27:00 85

转载 FormData实现文件上传

我用到FormData传输的使用场景：vant UI组件里面的图片上传这块，需要调用后台的图片上传接口，使用的是FormData方式上传的https://www.cnblogs.com/hutuzhu/p/4409292.html这个链接里面写的很全FormData顾名思义就是表单数据的意思。当我们需要将整个表单用这种方法上传，只需要将整个form元素appdent进去例如...

2019-08-16 14:45:00 121

转载 vue+element 表格导出Excel文件

https://www.cnblogs.com/bobodeboke/p/8867481.html 非常感谢这个大佬才让我搞到了Blob.js 和 Export2Excel.js如果最后运行时报错，将Export2Excel.js文件中的改为如图Blob.js/* eslint-disable *//* Blob.js * A Blob impleme...

2019-07-24 19:46:00 79

转载 vue+Element 表格中的树形数据

template部分　　　　　　只在树形的结构中显示编辑与删除按钮　　　　　　这里我只是简单的做了一个 v-if 判断在操作列中，判断是否存在级别这个字段<div> <el-table :data="tableData" style="width: 100%;margin-bottom: 20p...

2019-07-24 11:31:00 833

转载 vue+Element 后台管理骨架

1、使用的是vue-cli 3.0起的2、文件目录结构3、整体的骨架是根据element 文档里头的Container容器布局来的（复制粘贴，喜欢什么色儿就改）aside这个部分需要注意的是这边的变化是根据路由的增加而增加。根据路由里面meta属性（路由部分）这里需要注意的是每一个顶级路由引入的都是layout.vue这个布局在 container 里面写内容需...

2019-07-16 19:59:00 99

转载 Vue + Element 小技巧

说是小技巧，其实就是本人就是一个小菜比。如有大佬可以纠正，或者再救救我这个小菜比跪谢1、当后台返回一个字段需要根据不同字段内容在表格内显示相对应的文字（字段内容是死的，表格内需要显示对应文字也是死的）　　例如：后台返回一个status字段，0代表正在生成，1代表成功，2代表失败（当然可能不是数字，可能是文字什么的）　　　　　有两钟方法：像上面的的例子的话我们可...

2019-05-26 22:45:00 92

转载不同时区转换时间戳

时区转时间戳，有人会很奇怪。时间戳不就是当前时间到1970年1月1日 0时0分0秒的吗？需要转吗？最近有一个需求是需要的，解释是这样的：返回的时间戳是根据你当前时区转到1970年1月1日 0时0分0秒的如果你是在另外一个时区要访问另一个时区的数据传参就需要进行转换（不知道我有没有理解错）错了希望指出，其实我也不是弄的很懂谢谢！！我也怕误导，自己也菜哈哈...

2019-05-26 22:17:00 2516

转载 vue+ElementUI 分页

现在写的Vue+ElementUI是自己写的是文档上的死数据，所以在分页上自己分割了一下，如果有接口话，会方便一点，使用的是分页的完整功能。都差不多啦！撸起来<template><div> <el-table :data="tableData.slice((limitePage.page-1)*limitePage.limit,limit...

2019-05-23 23:39:00 186

转载 vue+ElementUI 日期选择器获取时间戳

<div class="block"> <span class="demonstration">daterange</span> <el-date-picker v-model="value9" type="daterange" start-placeholder="开始日期"...

2019-05-22 23:20:00 2311

转载时间戳转日期格式

写一个方法接受时间戳，然后return出来吧这里我们需要注意一个地方，是需要24小时制？还是12小时制呢。 12小时制会出现上午和下午根据不同场景不同输出function changeTimeStamp(timeStamp) { return new Date(timeStamp).toLocaleString('chinese', { hour12: fa...

2019-05-22 22:44:00 75

转载 vue 注册全局组件

注册全局组件有啥好处呢？提高代码的复用性；哪里需要写哪里，贼方便，就写一个标签；减少代码量；可以再配合slot一起使用，咦~~，舒服为了让整个项目的可读性，我创建一个文件统一存放全局组件1、创建common文件夹，文件夹用来存放我们所需要的注册的全局组件　　此时我们需要一个index.js文件。上代码　　　　【脑补】我已经再common文件夹下创建好了我引入的这两个文件...

2019-02-01 16:11:00 84

转载 vue 封装axios以及使用中间代理 proxy

为什么需要封装呢？主要是为了更好管理项目以及增加复用性1、首先在src文件夹下创建api文件夹、 utils文件夹、 server文件夹　　api：创建一个index.js文件用来存放接口地址　　utils:用来存放公用js文件　　server：用来存放请求的接口数据2、在package.json文件中增加以下代码【以下代码是中间代理作用】...

2019-02-01 11:05:00 102

转载多维数组转一维数组

二维数组转一维数组利用ES6扩展运算符var arr = [1,2,[3,4],5,[6,7]];console.log([].concat(...arr));//结果 [1, 2, 3, 4, 5, 6, 7]利用apply特性，将数组作为参数展开var arr = [1,2,[3,4],5,[6,7]];console.log([].conca...

2019-01-12 11:22:00 98

转载 react 点击事件+父子传值

接下来要做的效果是，在父组件添加两个按钮，点击后改变父组件传过去的值父组件 1 import React, { Component } from 'react'; 2 import Test from './component/test'; 3 //声明welcome组件 4 class welcome extends Component { 5 //声明...

2018-12-26 12:00:00 158

转载 react 父组件向子组件传值

父组件 1 import React, { Component } from 'react'; 2 import Test from './component/test'; 3 //声明welcome组件 4 class welcome extends Component { 5 //声明一个构造函数 6 constructor(props) { ...

2018-12-26 11:46:00 72

转载 react 简单在页面中输出一段文字

之前用脚手架创建了一个react项目，将react自带的src文件夹删除后创建一个空的src文件夹在src文件夹中创建一个index.jsx文件作为JS入口文件并创建一个hello组件现在我们进入到hello.jsx 1 import React from 'react'; 2 //声明组件 3 class Hello extends React.C...

2018-12-25 23:59:00 166

转载 React脚手架搭建

1、安装好node，因为在安装过程中我们要使用到nmp2、确认我们是否安装好node，win键+R -- 在文本框中输入cmd 回车　　输入node -v 查看当前安装的node版本、输入npm -v查看当前安装的npm版本3、全局安装React脚手架　　输入npm i -g create-react-app 回车【注】i 是install的简写4...

2018-12-25 22:32:00 52

转载 vue-cli3.0 搭建项目

1、首先我们先在安装好node node用于npm安装【自行百度】2、全局安装vue　　通过npm命令安装vue.js　　在用vue.js在用于构建大型的应用时推荐使用npm安装，npm能很好的和webpack、browserify、commonJS模块打包器配合使用　　npm i -g vue3、全局安装vue-cli　　npm i -g @vue...

2018-12-18 00:09:00 144

转载 JS三角形

1、直角三角形<script>for (var i = 1; i <= 10; i++) { //外层循环代表的是要循环的行数for (var j = 0; j < i; j++) { //内层循环代表的是要打印的列数document.write('* ');}document.write('<br>');}2、等腰三角...

2018-09-23 01:29:00 1372

转载盒子在页面居中的三种方法

1、前两种方法都是通过css样式来做到的，第三种是通过JS实现的　　第一种方法：IE8以下不兼容　　　div { width: 100px; height: 100px; background: red; position: absolute; ...

2018-09-21 14:08:00 968

转载 JS九九乘法表

1、我们先考虑最外层循环多少次（共九次）我们先建立外层循环(相对于多少行)for(var i = 1;i<=9;i++){ }2、我们考虑每一行要打印的次数for(var i = 1;i<=9;i++){ for(var j = 1;j<=i;j++){} ...

2018-09-05 17:51:00 56

dibian6570的博客