- 博客(124)
- 收藏
- 关注
RSS订阅转载 webpack简单配置
配置启动方法一： 在package.json里面配置 "scripts": { "merge": "node scripts/merge.js", "dev": "vue-cli-service serve --open --port 3000 --contentBase src --hot", "build"...
2019-09-25 22:42:00
192
转载 input type=color 设置颜色
在设置背景色的时候，使用html5 type=color 标签，但是初始值一直都是黑色的，背景如果没有设置的时候，应该是白色，比如文本图元，所以需要设置一个初始的颜色值，注意：value不实用，怎么修改值都不会改变需要用default-value <div class="param-gap" v-if="params.pixelTyp...
2019-09-03 15:25:00
4710
转载 vue统一注册组件
文件夹下面组件数量较多，如果每一个组件先import然后在components，虽然灭有问题，但是会导致代码量大，而且不直观解决办法：将图元组件进行统一注册新建一个pixels文件，文件里面的内容import Vue from 'vue'function importAll(r) { r.keys().forEach((key) =&...
2019-09-03 14:36:00
230
转载 vue
1、模板字符串拼接id<div class="thumbnail" :id="`ctrol_${item.id}`"> <i :class="'icon iconfont ' + item.icon"></i></div>效果id="ctrol_1"<div :style="{width: `...
2019-08-29 10:56:00
118
转载 css 对div用hover设置border，出现抖动和div走位问题，解决方法
样式设置 ： div:hover { border:1px solid red;} 当鼠标移动到div时，产生抖动和偏移。 产生的原因： 是因为设置border时设置了1px边框，多出的这1px，与其它元素产生了挤压， 导致div偏移。 解决方法： 第一种方法：是先将这个div设置一个跟背景颜色一样的边框，比如背景颜色为#aaa；那么你先设置这个div的样式：div {border:...
2019-08-24 15:34:00
824
转载 jQuery 手写菜单（ing）
菜单支持多级直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-08-18 22:17:00
120
转载 正则表达式split匹配多种例如 “】”，“，”两种（页面级中英文切换方案）...
在做登陆界面的时候，因为涉及到中英文因为前后台已经分离，所以前端需要自行设计中英文做法：编写两个文件，一个中文文件，一个是英文文件，分别放在对应的目录下面文件的内容{ "login":{ "welcome":"欢迎登录!", "fail":"请求失败,请检查网络连接.", "login":"登&a...
2019-07-19 17:31:00
747
转载 懒加载
懒加载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>lazyload</title> <style> #pictures{ width: 90...
2019-07-15 18:00:00
61
转载 原生html、js手写 radio与checkbox 美化
原生html、js手写 radio与checkbox 美化html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
2019-07-01 14:56:00
461
转载 ztree树id、pid转成children格式的(待整理完整)
山铝菜单因为菜单选用了bootstraptreeview，而格式需要是children类似的格式var nodes = [ {name: "父节点1", children: [ {name: "子节点1"}, {name: "子节点2"} ]}];而后台的数据是id、pid格式的var n...
2019-06-27 10:10:00
1221
转载 关于登陆界面，页面没有刷新完毕，点击登陆跳转到一个接口的bug
现象输入完密码点击登陆就跳转到了如下的页面分析原因：第一：查看html页面 页面中的html 登陆用的是form表单 表单中还写了属性 action 即允许跳到某一个接口，这里是没有必要的, 因为页面用的是js的跳转第二：当页面因为某种原因，例如网速不好，没有加载完成的时候，这个时候用户直接点击按钮 button ...
2019-06-26 11:54:00
471
转载 前段js实时判断会话是否超时
前端自行判断页面是否超时jsp从后台获取到回话时间var sessionTime="${sessionTime}";js中//实时判断会话是否超时var lastSessionTime,sessionTimeout;if(sessionTime != ""){ lastSessionTime = new Date().getTime();...
2019-06-25 20:39:00
916
转载 echart tooltip问题（鼠标放上去显示所有和显示当个）
先看效果两种方式只要修改一下 echat option里面tooltip的属性即可第一种： tooltip : { show: true, trigger: 'item'// trigger: 'axis',// axisPointer: {...
2019-06-25 09:36:00
1973
转载 css 初始化
css resize/*resize*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,menu { margin:0; padding:0;}body { font-size:12px; -webkit-text-size-adj...
2019-06-19 13:59:00
77
转载 canva绘制圆角矩形
在做组态的时候，需要支持矩形圆角格式，但是因为canvas本身不带有圆角矩形，需要自行算出坐标进行绘制方案一、统一圆角<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas制作圆角矩形（包括填充矩形的功能）<...
2019-06-11 18:09:00
771
转载 element ui input框不能输入的问题（实时学习）
解决： 在input的上面添加数据v-model 既可以1、菜单中api （2018年8月14号）:default-active 默认根据当前路由选中菜单，值需要和el-submenu 的属性：index对应起来:default-active不写的话不会选中菜单<template> <div class="left_ba...
2019-06-10 16:40:00
589
转载 vue页面中图片不显示解决
在做新版组态界面的时候，用vue框架实现，在配置页面图片的时候发现有一张图片明明页面输入的路径是对的可是图片就是不显示出来现象： network页面资源也不报错,而且状态码竟然还是200，点preview里面又什么都没有，后面一输入，发现随便输入什么字都是出现的200解决办法： 在webpack里面配置静态资源的路径 1、找到vue.config.js ...
2019-05-29 08:51:00
2997
转载 vue
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>study百度下拉列表</title> <meta name="viewport" content="width=device-wid...
2019-05-07 18:23:00
85
转载 关于offsetTop的误解
一直以为offset是子元素相对于父元素的距离，后来用了才知道是一个坑，只存在于定位元素中在做li的搜索的定位的时候，为了得到li相对于ul的距离，本来也可以用li的高度相乘，但是用了offsetTop，可是用上后发现得到的值怎么都不对，最后在控制台找到他的offsetParent竟然不是ul，跑到了另外一个元素上面,原因，offsetTop是找到元素相对于父级定位元素的距离，...
2019-04-22 16:13:00
766
转载 JS - 解决鼠标单击、双击事件冲突问题（原生js实现）
由于鼠标双击时每一次触发双击事件都会引起两次单击事件和一次双击事件，原生的js不提供专门的双击事件。因为业务原因，双击和单机都绑定了不同的业务，在双击的时候又触发了单机，影响了页面的正常显示出现问题的代码：<!DOCTYPE html><html> <head> <meta charset="utf-8">...
2019-04-10 19:11:00
1313
转载 原生js动态添加style，添加样式
原生js动态添加style，添加样式第一种var style="[assign-url='"+str+"']{display:initial}";var ele=document.createElement("style");ele.innerHTML=style;document.getElementsByTagName('head')[0].appendChi...
2019-03-28 16:04:00
7872
转载 0326系统按钮添加权限的工作
/** * 为按钮添加权限 * @author hpf * @since 2019-03-25 */var Ajax={ get: function(url, fn) { // XMLHttpRequest对象用于在后台与服务器交换数据 var xhr = new XMLHttpRequest(); ...
2019-03-26 22:01:00
140
转载 0321菜单数据
菜单数据 左侧加上上面的数据"[{"menuNameEn":"index","parentMenuId":0,"menuIndex":1,"menuLevel":"1","menuId":"156","menuName":"首页","menuAddr":"javascript:void(0)"},{"menuNameEn":"","parentMenuId":156,"men...
2019-03-21 18:21:00
124
转载 ztree树的递归
function clickAssignBtn(){ $('#assignBtn').off('click').on('click',function(){ var checkFlag=getRole(); if(!checkFlag){ return; ...
2019-03-20 18:48:00
277
转载 echart 饼图数据为0不显示或者太小显示其他的解决办法
饼图数据为0或者太小显示如下，不美观解决办法：为0的去掉，小于0.005的累加起来方法function getsData(_rowData){ var rowData=JSON.parse(JSON.stringify(_rowData)) var sum=rowData.reduce(function(o,v,i){ ...
2019-03-18 16:44:00
5958
转载 echart 桑基图操作事项
例图注意：option = { label:{//formatter名字 show:true, formatter:function(obj){ return obj.data.name+'_123' } }, tooltip: { ...
2019-03-14 20:50:00
984
转载 0313
ewr{"5":[{"treePCode":"15","areaCode":null,"code":"OCT_S1_QF1204","name":"沙河F23","pId":null,"id":"10115","type":"1","treeCode":"10115","children":[{"treePCode":"10115","areaCode":null,"code...
2019-03-11 19:07:00
220
转载 web端网页适配移动端注意事项，以及遇到的问题
1.一定要加上<!-- name=“viewport” 指视口 width=device-width 宽度等于视口宽 initial-scale=1.0 像素比例 maximum-scale=1.0 最大缩放比例 minimum-scale=1.0 最小缩放比例 user-scalable 是否允许用户缩放--...
2019-03-06 14:35:00
449
转载 echart 时间轴、以及y轴值过大但是变化不大显示感觉不出变化的问题+弹出框拖动div事件...
1、时间轴echart 提供了一种图表，如果x轴是一个时间范围，并且是连续的，如果用传统的数据驱动会很慢，所以用时间轴的方式function initCurve(_data){ var resultArr=[]; for(var i=0;i<_data.length;i++){ var res=_data[i] r...
2019-03-04 18:32:00
2870
转载 树插件
js/*! * jQuery ztreeSelect 1.00(用requere.js方式引入) */(function (factory){ if (typeof define === 'function' && define.amd){ define(['jquery','ztree.core','ztree.exc...
2019-02-28 11:40:00
280
转载 手写表格插件
js/**@desc 根据传入的标准数据构建表格*@param * columns: (10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]* data: {Rows: Array(2)}* height: "auto"* onSelect...
2019-02-27 16:35:00
199
转载 关于chrome浏览器事件拖动的bug（首次点击的时候也触发move的事件）
在做R80web的时候出现一个奇怪的现象，chorme现在的版本还是存在，拖动事件有mousedown、mousemove、mouseup组成，但是首次click以及失去焦点再重新点击的时候同样会触发mousemove的事件事件问题代码$('#mydiv').on("mousedown",function(){ console.log("this is moused...
2019-02-25 16:04:00
796
转载 手写分页插件
前台需要传入参数：{ 业务所需的参数：data 分页所需的参数： 1.当前要显示的第几页（pageNo） 2.每页显示的条数（pageSize）}后台返回{ 用于展示表格用的数据：data， 用于渲染分页用的数据： 1.总页数（total） 2.总记录数（records） 3.当前页（pa...
2019-02-25 09:49:00
132
转载 jgGrid注销表格（动态修改表头）以及前台分页
实例代码<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="">...
2019-02-22 10:27:00
165
转载 使用flex布局解决百分比高度元素垂直居中
方法一： align-self父级加上 div{display：flex}子元素span { flex-grow: 1; align-self: center;}这种方法仅仅适应于外层元素中只包含一个子元素，或者子元素是独占一行的，因为这个时候对子元素进行设置宽度是无效的,设置了flex-grow: 1；会是如下的效果...
2019-01-25 14:46:00
1139
转载 根据计算公式求值
计算公式的函数： /** * @desc 根据公式获取code * 1.code都需要加"[]"例如[a-1]+[b]+[c]就会返回["a-1",b,c]; * 2.不加[]会自行忽略 * @param {string} str 公式字符串 * @return {array} _arr code组...
2019-01-21 18:27:00
393
转载 解决display none到display block 渲染时间过长的问题，以及bootstrap模态框导致其他框中input不能获得焦点问题的解决...
在做定制页面的时候，遇到这么一个问题，因为弹出框用的是bootstrap的自带的弹出框，控制显示和隐藏也是用自带的属性控制控制显示，在触发的地方 例如botton上面加上data-toggle="modal" data-target="#myModal"控制关闭，在取消或者确定的地方加上<button type="button" class="btn ...
2019-01-18 15:57:00
797
转载 0108
require.config({ baseUrl:'/static/ui/common/', paths:{ 'jquery':'js/libs/jquery-1.11.1.min', 'domReady':'js/functionality/domReady', 'ztree.core':'plugins/oth...
2019-01-08 18:28:00
113
转载 日期排序
日期排序var str=["2018-12-06","2018-12-04","2018-12-09","2018-12-01"]str.sort().reverse()//["2018-12-09", "2018-12-06", "2018-12-04", "2018-12-01"]转载于:https://www.cnblogs.com/pengfei25/p...
2019-01-08 16:55:00
90
转载 弹出框限制拖动范围
html<div id="showd" style="display: block;"> <div class="cy_op"></div> <div id="replace" class="tuo"> <div class="box hbo...
2019-01-08 16:09:00
480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人