- 博客(68)
- 收藏
- 关注
RSS订阅转载 react 代理端口，修改localhost端口
1. 在package.josn修改， 添加proxy{ "name": "my-new-app", "version": "0.1.0", "private": true, "dependencies": { "axios": "^0.18.0", "fs": "^0.0.1-security", "hoist-non-re...
2018-08-24 16:57:00
1248
转载 react 路由跳转详情页 传递路由参数
1. 在App.js配置详情页面的路由<Route path="/Detail/:id" component={Detail} />2. 父页面，主要看页面里的routerTo()方法import React, {Component} from 'react';import {Link} from 'react-router-dom'class...
2018-08-24 16:41:00
1546
转载 angular 应用管道
1、创建filter文件import { Pipe, PipeTransform } from '@angular/core';import moment from 'moment'// 管道--性别@Pipe({name: 'sexType'})export class sexType implements PipeTransform { transf...
2018-08-21 16:26:00
152
转载 angular 代理接口，node连接本地mysql，自定义接口
一: 连接数据库1、启动node（配置如下）var express = require('express')var bodyParser = require("body-parser")var app = express()app.all('*', function(req, res, next) { res.header("Access-Contr...
2018-08-21 16:20:00
178
转载 elementUI-select基础属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选择器</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-ch...
2018-03-23 10:24:00
186
转载 elementUI-select 远程搜索
设置三个远程属性，调用模糊接口<template> <ui-select v-model="selectedPeopleId" filterable remote reserve-keyword placeholder="请输入人名进行搜索" :remote-method="userSearch"...
2018-03-23 10:23:00
632
转载 登录界面
需求:空值--提示输入，错误图标;不为空--提示隐藏，成功图标html: <div class="login_i_box"> <input id="username" name="username" value="" class="username" onblur="input_name()" type="...
2018-03-21 18:04:00
158
转载 elementUI-upload
<template> <ui-row :gutter="20" class="p_botm"> <ui-col :span="24"> <p class="p_title">{{title}}({{num}}张)</p> </ui-col> <ui-col ...
2018-03-14 22:02:00
98
转载 字符串(url)拼接变量
console.info(`/hechuang-erp/file/upload/deptId=${this.getUserId}`) 转载于:https://www.cnblogs.com/LWJ-booke/p/8569270.html
2018-03-14 18:14:00
1050
转载 elementUI table数据显示效果(二)
效果图:说明:运营成本支出下面存在不确定个子项数据格式:里面还嵌套json数组对象思路:1把json数组对象要显示的数组添加到原数组(8: 2000 => id: value)，通过:prop="item.id"item.id是json数组对象的id,因为原数组已经添加了id这个属性，能够对应显示数据代码:api.getRealCost(par...
2018-03-09 18:41:00
217
转载 表格填充数据(name1/name2)效果
效果图：页面:代码: api.getBudget(param).then(r => { this.loading = false this.tableData = r.data.data.list this.page.total = r.data.data.total ...
2018-03-09 18:19:00
194
转载 elememt 返回选中数据，选中项，设置问题
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> &l...
2018-03-08 19:14:00
129
转载 elementUI form select验证问题
1.trigger: 'change'转载于:https://www.cnblogs.com/LWJ-booke/p/8524642.html
2018-03-07 18:44:00
2130
转载 innerHTML 添加标签与转义符
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="bgg">无</div> </bod...
2018-03-02 16:11:00
517
转载 Echart--基本属性
效果图:设置数据：var option = { title: { text: '堆叠区域图', /*主标题*/ left: 'center', /*字体居中*/ subtext: '副标题', /*副标题*/ ...
2018-03-02 14:31:00
83
转载 Echart--饼状图
效果图:设置数据: option4: { title: { text: '员工工龄分布', subtext: '', left: 'center' }, tooltip: { trigger: 'item...
2018-03-02 14:08:00
119
转载 Echart--折线图
效果图:设置数据:option1: { title: { text: '入离职统计' }, tooltip: {//提示框组件，default:'item',还有axis,none trigger: 'axis' }, ...
2018-03-02 11:40:00
93
转载 Echart--多个柱形图
设置数据:效果图:optionAll: { title: { text: '营收情况', left: 'center' }, tooltip: { trigger: 'axis', axisPointer...
2018-03-02 11:07:00
334
转载 Echart--单个柱形图
效果图:dom:<div class="chartAll" ref="chartAll"></div>js:let chartAll = this.$refs.chartAll//获取DOMthis.getChartAll = echarts.init(chartAll)this.getChartAll.setOption(...
2018-03-02 11:01:00
325
转载 Echart--圆型图
效果:设置数据:var option3 = { title: { text: '天气情况统计', subtext: '虚构数据', left: 'center' }, tooltip: {/*鼠标经过视图，显示数据*/ trigge...
2018-03-02 10:42:00
267
转载 elementUI table 绑定数据
1.绑定一条数据用: => slot-scope属性,再显示对应的数据通过Scoped slot可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据：{{scope.row}} =>获取整行的数据{{scope.$index}} => 行的下标使用:<el-table <el-tabl...
2018-03-02 08:36:00
2302
转载 vue过滤器注入问题
注意: 在全局定义了，局部不需要再导入，否则报错：有定义但没用过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawI...
2018-03-02 08:35:00
239
转载 在main.js把自定义的公共方法作为过滤器全局导入vue
Vue 实例全局导入过滤器：Vue.filter('functionName',function)import * as type from './type' =>全部导入import {get,set} from './type' =>导入type文件里的get,set方法1，import * as filters from './helper/filt...
2018-03-02 08:30:00
448
转载 获取对象的属性名字，按字母先后排序,sort()，keys()
var obj2 = {name: "zhangsan", age: 8, sex: "女", bum: 5} var objName = Object.keys(obj2).sort()/*获取属性名字，返回一个数组,sort()按字母先后排序，,reverse()进行倒序*/ var newOb={}/*定义一个新的对象*/ for(...
2018-03-02 08:27:00
385
转载 接口参数，get和post
project模块:一 注意事项 1. 接口参数，get和post传入对象写法不一样，如下:对象参数不能写param，，`params`是要与请求一起发送的URL参数 getMonthStaffing(id, params) { return http.get(`/staffing/query/${id}`, {params: param...
2018-03-01 10:05:00
133
转载 数组，对象遍历
一.for-in1.遍历数组: for(item in array) { console.info(array[item]) }item =>下标2.遍历对象for(item in obj) { console.info(item); }item =>属性名二.forEac...
2018-03-01 10:04:00
84
转载 回调函数this的问题
getDetaile()函数是vue实例里面的，所以不能直接用this转载于:https://www.cnblogs.com/LWJ-booke/p/8485442.html
2018-02-28 19:59:00
102
转载 echart 防止标签溢出,,数据格式化
vue使用，当数据更新的时候,再一次实例化,才能显示新的数据第一种方法:自适应画布的大小grid: { containLabel:true}第二种方法:调一边的位置grid:{ left:'10px'}第三种方法:调整y轴数据的表达方式 100kformatter: function(value) { let mun ...
2018-02-28 19:53:00
350
转载 echart+vue开发总结
1.时间格式化问题：设置变量的时候，selectData:null不能为[]空数组，不然if()判断不了import {format} from '@/helper/filters'if (this.selectData) { param.startDate = format(this.selectData[0], 'YYYY-MM-DD') param.lastDa...
2018-02-27 16:54:00
98
转载 vue+elemen把时间作为参数搜索数据注意一点
按时间搜索数据，比如你选择了2018-2-1，它实际传给后台的时间是:2018-1-31 16:00少了八个小时，把2018-1-31的数据也搜出来了，这哪行!传入时间之前要格式化:封装方法:注意这是form表单的，不能用于tableimport moment from 'moment'/** * 非表格数据日期格式化 * @param val * ...
2018-02-13 11:52:00
186
转载 Echart实例介绍
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="main" style="width: ...
2018-02-13 10:27:00
86
转载 京东商品图片放缩
html部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #box { border: 2px solid...
2017-10-25 18:10:00
103
转载 js csstext方法，批量添加样式
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div class="bgg">2333</div>...
2017-10-25 14:59:00
148
转载 关于搜索框和搜索按钮，相爱却不能在一起的理由
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div { width: 500px; height: 30...
2017-09-21 12:21:00
144
转载 数组去重，简单粗暴
/*数组去重*/ var arr2=[1,1,1,1,1,1,2,2,2,2,2,2,2,2,3,3,3,4,4,4,5,5,5]; function noreprat(){ for(var i=0;i<arr2.length;i++){ for(var j=i+1;j<arr2.length;j+...
2017-09-19 15:14:00
67
转载 亚索玩法
1、技能简介 被动浪客之道：暴击几率翻倍。在移动时积攒一层护盾，护盾会在他受到来自英雄或野怪的伤害时触发。（该被动及其可怕，出完电刀无尽后，亚索几乎就能刀刀暴击。被动护盾即使没积满，但在亚索接大时，会立刻形成护盾。） Q斩钢闪：Q两下后，会形成环形旋风，可以吹起来人。Q可以暴击，附带攻击特效，并且它的冷却时间和施法时间都会从攻击速度上获得收益。EQ时，那么斩钢闪就会呈环状出剑...
2017-09-14 12:29:00
229
转载 Vue动画
1.transition动画<button @click="show = !show">Toggle show</button><transition name="bounce"><p v-if="show" style="text-align: center;">Look at me!</p></tr...
2017-09-07 13:52:00
78
转载 div垂直居中的三种方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .father{ width: 200px; height: 2...
2017-09-05 18:49:00
71
转载 三种清除浮动
zoom详解:http://blog.csdn.net/u014516981/article/details/51824607原文:http://www.cnblogs.com/zhongjiang/p/6440355.html<!DOCTYPE html><html> <head> <meta charset="utf-8...
2017-09-05 12:17:00
58
转载 Widget练习
/***************************常用的属性******************************/1.'effect': 'fade' 切换时的动画效果 none, 最朴素的显示/隐藏效果 fade, 可实现淡隐淡现的效果 scrolly, 垂直滚动 scrollx, 水平滚动2.'autoplay': true 是否自动播放，true/false (默...
2017-08-25 16:51:00
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人