小镇青年有big梦想-CSDN博客

原创 element-ui的表格行，列合并问题

1.在写展示表格的时候，需要把5行合并为一列；以下为element-ui 官网文档： <div> <el-table :data="tableData6" :span-method="arraySpanMethod" // 把列合并为行 border style="width: 100%"> &lt...

2018-11-25 17:01:11 10014

原创 2018.11.13 开始学习react

为什么要学react，因为在公司要写rn，发现好多属性都不熟，写起来，还是很恼火；1.父组件调用子组件以及父子组件之间通信的方法：（和vue的一模一样）；// 父组件class Home extends React.Component { constructor(props) { super(props); } render() { return ( ...

2018-11-13 22:15:04 159

原创 vue computed 一些基础用法 2018-11-10 周六

1.适用于任何复杂逻辑，你都应当使用计算属性。2.computed 和methods的不同；如果你想要缓存的话，就使用computed3.computed和watch的不同：当需要在数据变化时执行异步或开销较大的操作时，建议使用watch；template： <button @click="transform">改变</button> {{haha}...

2018-11-10 22:10:23 191

转载 eventBus传值

1.在src新建config；然后新建event.js;import Vue from 'Vue'export const EventBus = new Vue()2.在index.vue使用；<script>import { EventBus } from './../assets/js/event.js' beforeDestroy(){ this.numbe...

2018-10-30 11:39:17 305

原创 vue里面自定义方法和mixin的对比

vue的自定义的方法：1.在src里面新建一个文件：config，然后在里面新建一个means.js/** * 转换时间戳格式 */export const transform = (time) => { return new Date(time * 1000).toLocaleString().substring(0, 10).replace('/', '-').replac...

2018-10-30 11:25:33 965

原创 vuex的初步使用

1.先下载好，npm install vuex --save;2.在src文件新建一个store文件，里面在建个index.js;3.在index.js；import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { saveBookName:...

2018-10-25 11:13:45 193

原创 vue跨域

在vue使用axios进行跨域；demo：请求豆瓣的正在上映的电影的数据；首先：config下面的index.jsdev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { // /api 代表的是http:...

2018-09-23 15:49:27 405

原创 input的keyup事件的延迟问题

在做开发时候，有三个input，他们的value要影响最后一个td的值，刚开始使用的keyup事件，无奈调用后台的接口太频繁；肯定不对，后来自己想了想，就是在获取了value了，延迟在调接口，于是写了个延迟器；html： <input type="text" @keyup="delay()" v-model="userData">js：delay(){ le...

2018-08-22 15:56:25 1636

转载 huilder哪些事

https://www.cnblogs.com/feng-xl/p/9183212.html

2018-08-06 09:40:39 269

原创 vue-awesome-swiper 使用方法

vue版的swiper 配置和swiper一样的index.vue <swiper :options="swiperOption" style="width: 1643px;left: -19px;top: -21px;"> <swiper-slide v-for="(item,index) in workAssistant" :key="index" &

2018-07-27 09:39:09 474

原创 vue 中使用了延时器

let self = this; // 当前this指向的是一个组件 self.refreshBtn = true; setTimeout(function(){ self.refreshBtn = false;},2000) // function 里面的this指向的是windows...

2018-07-25 19:57:26 10123

原创 ele-ui 里面的分页操作

html:<pagination class="pagination" :pages="pages" @changePage="changePage"></pagination>js:async getData(data){ this.result = await getGoodsAll(this.query); // 查询所有物品 // 分页数据 v...

2018-07-25 15:29:49 1615

https://segmentfault.com/a/1190000012184604?utm_source=tuicool&amp;amp;amp;amp;utm_medium=referral；项目总结：在用ele-ui写页面时候，需要对他的一些样式重写；（子组件的样式）可是之前一直都没有方法改变；后来无意中发现了style里面有个scoped属性；之前对这个属性不是很了解；所以今后要改变ele-ui...

2018-07-23 20:18:46 188

原创 vue 父子组件传值

&amp;amp;amp;amp;amp;lt;el-form-item&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;el-button @click=&amp;amp;amp;amp;quot;modalTableVisible = false&amp;amp;amp;amp;quot;

2018-07-23 17:30:25 378

原创 vue 组件切换

<template> <div> <div class="nav"> <div class="assets " v-for="(item,index) in components" :key="index" :id="item.id" :class="

2018-07-20 09:38:35 855

原创 4-2-2-2-2 财务科目编码

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-

2018-07-20 09:36:15 589

原创 echarts的折线图

option = { title: { subtext: "会计未收款：" +1212121 }, tooltip: { trigger: "axis" }, xAxis: { type: "category", boundaryGap:...

2018-07-16 16:48:29 230

原创 echarts的柱状图

option = { width:766, backgroundColor: '#fff', legend: { data:['增量', '存量', ], x:'center' }, tooltip: { ...

2018-07-16 16:36:51 277

原创 echarts的饼状图

// 可以直接复制可用 option = { tooltip: { trigger: &quot;item&quot;, formatter: &quot;{a}&amp;lt;br/&amp;gt;{b};&amp;lt;br/&amp;gt; 占比:{d}%&quot; }, //提示框，

2018-07-11 16:39:40 376

原创 vue项目当中echarts不显示

1.echarts不显示 2. JSON.parse();折腾了好几个小时；虽然现在看来是十分简单的，但对于自己，还是进步的还需要的很多很多； 1.在vue里面的echarts图表始终不出来，先熟悉哈页面解构vue的代码： &lt;!--为echarts准备一个具备大小的容器dom--&gt; &lt;div id="attendanceData" style...

2018-07-09 20:01:15 33874 8

原创 react-native第三天笔记

1.有个需求；从后台传入很多的物品；然后你需要一条条的展示，然后用户只可以选择其中的一个；然后在选中的一个在后边出现一个小勾勾，表示用户已经选中；后台给的数据是数组包着数组，解决方案：首先对最外面的一个数组进行循环，给每个绑定一个checked，属性值为false；然后根据判断里面和外面的id相同，就把checked赋值为true；就可以了！// 初始值 for(var i = ...

2018-07-02 14:19:13 99

原创 react-native第二天笔记

1.组件和组件之间的通信这是index首页（父组件） <ScrollableTabView renderTabBar={() => <DefaultTabBar style={{ borderBottomWidth : 0, height : 50 }}/> ...

2018-06-28 18:59:00 155

原创 react-native第一天笔记

写rn之前有必须了解哈生命周期； https://blog.csdn.net/u012583459/article/details/52999564；这个兄弟写的很透彻，很好 1.App.js 是一个项目的入口的文件；import React, { Component } from 'react';import Login from './src/pages/Main'/** * 入...

2018-06-27 21:05:34 145

原创 react-native的清除缓存的组件

虽然现在看来是很简单的一个组件，可自己用了两个星期都没有解决；记录哈自己的坑； react-native-clear-app-cache 这个组件是上海的一个前端大哥封转的import { View, Text, StyleSheet,NativeModules, Dimensions, BackHandler, Platform, Image, Alert, ScrollView, I...

2018-06-27 13:22:40 3035 1

原创手机看html适配

1.首先 npm install -g live-server； 2.live-server；； 3.在手机浏览器输入：你的ipconfig:8080; // 手机和电脑必须是同一局域网；

2018-06-25 19:37:17 245

原创项目代码规范

编码规范及注意事项编码规范：1、变量名、方法名必须驼峰命名，不得出现首字母大写，如：变量名 (departmentId、bankCard) 方法名(getUserName、sendPromptMessage)。2、如果是常量(const)，并且在很多地方都要使用，则全部大写，如： SCREEN_WIDTH、USER_SESSION_ID。3、命名要见名知意，如果不知道其对应...

2018-06-21 19:11:57 383

原创 swiper常用的一些api

1.在同一个页面，想要用几个Swiper

2018-06-16 14:04:08 315

转载按钮加加加减减减

javascript动态的创建无序列表条目动态添加列表条目示例动态添加列表条目示例 var oNew = document.getElementById("news"); document.getElementById("btnAdd").on...

2018-05-26 16:50:09 555

转载 jq对象和js对象互换，字符串的截取

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index); (1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。如：var v=v=v =(“#v”) ; //jQuery对象 jq返回的是一个数组var v=$v[0]; //DOM对象 alert(v.checked) //检测这个ch...

2018-05-15 11:38:10 607

转载 canvas的图形验证码

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/t

2018-04-23 21:44:02 477

原创 rem布局

(function (doc, win) { //取得html的引用 var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { ...

2018-04-22 16:11:23 123

原创 vue的filter属性

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;vue自定义过滤器&lt;/title&gt;

2018-04-21 16:08:10 574

转载倒计时小demo

&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;倒计时&lt;/title&gt; &lt;/head&gt; &amp

2018-04-20 21:03:35 134

转载手机端背景图铺满整个屏幕

body { background-image: url(img/login/[email protected]); background-repeat: no-repeat; background-position: center; background-size: cover; ...

2018-04-16 15:48:34 1896

原创旋转打圈圈

html：&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml&quot

2018-04-15 21:03:45 468

原创移动端的loading

&lt;link rel="stylesheet" type="text/css" href="css/reset.css" /&gt; &lt;link rel="stylesheet" type="text/css" href='layer-v3.1.1/laye

2018-04-10 17:36:08 1001

原创随机数

大小写字母和数字随机数function asdf(){ var text=''; var aa='asdfghjklqwertyuiopzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM123456789'; for(var i=0;i&lt;5;i++){ text+=aa.charAt(Mat...

2018-04-04 10:04:31 84

原创高德地图的开始站和结束站

html&amp;lt;form&amp;gt; &amp;lt;label&amp;gt;起始站：&amp;lt;input tyep=&quot;text&quot; placeholder=&quot;请输入你的起始站&quot; id=&quot;start&quot;&amp;

2018-03-25 17:05:53 293

原创 css3

css3的子选择器，后代选择器>作用于元素的第一代后代，空格作用于元素的所有后代。

2017-12-09 09:31:30 114

原创 jQuery2

scrollTop()函数用于设置或返回当前匹配元素相对于垂直滚动条顶部的偏移。 $(function () { var _top = document.documentElement.scrollTop || document.body.scrollTop; //兼容性 //document.documentElement.scrollTop=0<===>{

2017-12-08 20:17:05 180

空空如也

空空如也