2019年01月_sunlizhen

12月 11月 10月 09月 08月 07月 05月 04月 03月 02月 01月

原创在layui layer 弹出层中加载 layui table

<button data-method="setTop" data-type="auto" class="layui-btn layui-btn-normal proMent">属性管理</button>// 属性管理开始 layui.use(['layer','table'], function(){ var layer = layu...

2019-01-31 18:13:51 5705

原创如何搭建node服务

1.首先要安装好node,js 2.以下有安装包下载的链接：这里的安装包是.msi,如果要其他的，可以到菜鸟教程上去找32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi；64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi；3...

2019-01-31 15:58:30 142

原创 layui嵌套弹出层

<button data-method="setTop" data-type="auto" class="layui-btn layui-btn-normal proMent">属性管理</button> 被点击的按钮var active = { setTop: function(){ var that = this; //多...

2019-01-31 14:08:35 4887

原创 V - Distpickerde 使用方法

npm install v-distpicker --save yarn add v-distpicker --save import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker) import VDistpicker from 'v-distpicker...

2019-01-25 15:14:02 4507

原创 npm 报错 'cannot find module‘internal/util/types'解决方法；

1、卸载node.js2、删除C:\Users\Administrator\AppData\Roaming下边的npm、npm-cache（这一步必须有）3、重新安装node.js，再次在dos中输入node -v和npm -v可以看到相应的版本号这个我捣鼓了半天 node 卸了装装了卸；刚开始没有进行第二部，所以问么弄都不行，关键就在第二步；...

2019-01-24 10:03:53 5527 2

原创 vue 过滤器基本用法

过滤器可以用在两个地方：双花括号插值和 v-bind 表达式过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<div id="app"> <p>{{ message|capitalize}}</p> <div v-bind:id="message|capitalize"></div&g

2019-01-22 16:13:26 806

原创 CSS样式自动换行(强制换行，包括表格)

正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行html:<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>css:#wrap{white-space:normal; width:200px; } ...

2019-01-21 14:16:53 4679

原创下载后台返回的文件

1. //导出exportFn: function(){//下载导出模板$('#download').click(function(){window.open('/api/houses/house-model-export');})//导出列表$('#export_list').click(function(){window.open('/api/houses/ho...

2019-01-18 11:10:27 990

原创解决form表单提交刷新问题

vue + element ui 阻止表单输入框回车刷新页面如果button不设置 type='button'问题　　在 vue+element ui 中只有一个输入框（el-input）的情况下，回车会提交表单。解决方案　　在 el-form 上加上 @submit.native.prevent 这个则会阻止表单回车提交。测试下面的代码出现表单回车提交<...

2019-01-17 15:14:13 7338

在页面中通过document.createElement('a');创建一个a标签，然后给a标签的href属性赋url，通过代码触发a标签的click事件请求后台，在Chrome浏览器中请求正常，但是在Firefox中始终无效，debugger发现代码也走到了a.click()方法，但是就是没反应。const a = document.createElement('a'); // 创建a标签...

2019-01-17 15:13:05 1287

原创时间格式的转换

// 设定时间formatDate(formatStr, date) {formatStr = arguments[0] || 'yyyy-MM-dd HH:mm:ss';date = arguments[1] || new Date();let str = formatStr;const Week = ['日', '一', '二', '三', '四', '五', '六'];...

2019-01-17 14:46:46 174

原创分页

<div class="page flex"><div class="page-left"><div v-if="resFindBtn.total">共{{resFindBtn.total}}条数据，每页{{pageValue}}条，共{{Math.ceil(resFindBtn.total / pa

2019-01-17 14:45:37 83

原创判断文件的格式和文件的大小

判断文件的大小： var size = fileSize / 1024; if(size>10000){ alert("附件不能大于10M"); } 判断文件格式： var index1=this.ImpForm.name...

2019-01-17 14:44:56 1060

原创 json转化成url参数

var json = { sh: '上海' }var params = Object.keys(json).map(function (key) { // body... return encodeURIComponent(key) + "=" + encodeURIComponent(json[key]); }).join("&"); 得到的params就是...

2019-01-17 14:44:34 7124

原创 form表单提交（包含文件）

主要是提交事件里边包含文件怎样向后台提交文件 <el-form :model="ImpForm" enctype='multipart/form-data'><el-form-item label="Excel文件" :label-width="formLabelWidth"><el-input v-model="ImpForm.name&qu

2019-01-17 14:44:12 4133

原创 vue给图片添加背景

<el-button @click="DownloadTemp" size="medium" class="browse browse2" :style ="note2">下载导入模板</el-button>note2: {backgroundImage: "url(" + require("../../assets/downLoad.

2019-01-17 14:43:17 1034

原创 jQuery图片缩放插件-smartZoom使用

插件描述：通过将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或者缩小效果。smartZoom使用举个栗子，上代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>joannau</tit

2019-01-17 14:42:34 2586

原创详解css3 pointer-events

pointer-events 更像是JavaScript，它能够：阻止用户的点击动作产生任何效果阻止缺省鼠标指针的显示阻止CSS里的 hover 和 active 状态的变化触发事件阻止JavaScript点击动作触发的事件实际代码使用中案例：1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止...

2019-01-17 14:40:24 497