知了还没睡-CSDN博客

原创 react的环境搭建

1、装node、npm、cnpmhttps://blog.csdn.net/qq_36784628/article/details/845870262、win+r打开终端输入：npm install -g create-react-app//或cnpm install -g create-react-app3、在d盘建一个文件夹，并且cd进入D: //进入D盘mkdi...

2019-06-27 16:40:55 373

原创 elementui树表格使用checkbox并可自动勾选,动态表格formatter,elementui表格不加固定高度，滚动条自动出现、分页

一、elementui树表格使用checkbox并自动勾选1、html，要使用默认checkbox的type2、递归找出树长度、动态绑定3、根据点击获取的数据、勾选树表格，getcheckedcopy_是拆开树数据变为没有层级的 getcheckFloor (treeData,clickdata) { //递归使checkbox勾选 ...

2019-06-21 10:53:38 4753 2

原创 elementui修改源码方法，及配置、自定义格式化表格

https://blog.csdn.net/weixin_43864045/article/details/85098254

2019-06-05 16:39:10 2903

原创 echarts图防止缩在一个角落,动态控制keep-alive缓存、监听路由跳转

1、父级组件，通过ref调用子组件，activated每次点击页面都会执行<useele ref="useele" :lineData="lineData" :timenum="timenum" :type="type"></useele> activated(){ if(this.$refs.useele){ th...

2019-06-05 14:23:14 1126

原创 vue中将px自动转成rem，px转rem的方式，项目中使用rem

一、vue中将px自动转成rem：https://segmentfault.com/a/1190000015238394二、px转rem的方式：原文链接：http://caibaojian.com/rem-and-px.html1rem等于多少px呢？·1rem等于html根元素设定的font-size的px值，假如我们在css里面设定下面的css。//code f...

2019-06-05 11:54:00 1632

原创 vue项目引入scss、elementui使用全局scss修改主题色，vue的路由引入；less的使用

一、vue项目引入scsshttps://blog.csdn.net/Ag_wenbi/article/details/87799557二、elementui使用全局scss修改主题色1、在项目下新建color.css，内容位置如下内容：$--color-primary: #EE1D23;$--font-path: '~element-ui/lib/theme-chal...

2019-06-05 11:49:00 11361

原创递归获取children数组的长度；查找数组对象的属性是否有重复值；表格自定义顺序；根据json数组属性值排序、当前时间戳、转树数据、数组内相加

一、获取children数组长度 getMaxFloor (treeData) { //获取树长度 let max = 0 function each (data) { for(let i = 0;i<data.length;i++){ max++; ...

2019-06-03 11:43:17 2197

原创 Vue父子组件传值流程,axios的使用,vuex的使用,页面路由跳转，axios的封装

父传子：//父页面中，要传daglgridData到子组件，daglgridData现在data中定义<daglgrid :daglgridData="daglgridData"></daglgrid>子组件接收props:{ daglgridData:{ type:Array, default:...

2019-05-24 16:39:33 1369

原创 vuex的使用步奏流程

这是vuex的关系图新建一个文件夹store，再新建一个index.js文件，假设我们在index.js中声明一个city全局数据，如下图：在main.js中引入：在需要的界面上，使用city这个全局数据：视图层（Vue Components）要改变State中的city，就需要通过流程Vue Components--->Actions--->Mutatio...

2019-05-07 14:06:26 176

原创 eclispse配置maven

一、配置JDK：https://blog.csdn.net/ThinkWon/article/details/94353907二、win10安装tomcat:https://blog.csdn.net/ThinkWon/article/details/1026229051、window→preferences→搜索（maven）2、项目右键→build path→c...

2019-04-26 16:58:10 441

原创用MongonDB创作数据库步骤、koa2安装

1、下载MongonDBc盘根目录将data文件夹2、打开两个命令窗口，一个命令窗口输入mongod，另一个输入mongo3、建立文件夹，在VSCode中打开，创建数据库语句的js文件4、在输入mongo的命令窗下输入db.workmate.find()，可查看建立好的workmate5、在输入mongo的命令窗下输入各种查询命令二、koa2在项目中使用1、在v...

2019-03-09 16:40:00 505 1

原创前端面试汇总

掘金面试汇总：https://juejin.im/post/5c62b92de51d457fd77b22ce1、函数声明和函数表达式的区别函数声明：fn() //不会报错function fn(){ //声明}函数表达式fn() //Uncaught TypeError:fn1 is not...

2019-02-18 11:09:52 215

原创 js的事件委托

一、什么是事件委托利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件二、为什么需要用事件委托如果要用事件委托，就会将所有的操作放到js程序里面，与dom的操作就只需要交互一次，这样就能大大的减少与dom的交互次数，提高性能三、事件委托原理利用的是事件冒泡的原理四、实例移到l...

2019-02-15 17:32:55 439

原创闭包理解与实例、继承实例

参考：https://www.cnblogs.com/Jabin/p/5804114.html一、什么是闭包可实现函数外部访问函数内部变量的函数二、如何创建一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量三、闭包的作用 1、实现函数外部访问内部变量 2、函数内的局部变量不会被回收，是一个优点也是一个弊...

2019-02-14 15:22:05 210

原创技术分享、js实例

1、判断对象是否是数组 https://www.cnblogs.com/heshan1992/p/6927690.html 一般会想到用typeof、instanceof，但这两种方法都有各自的bug 例如：Function、String、Number、Undefined都可以正确返回，只有null和Array返回object console....

2019-02-12 17:54:56 246

原创 datagrid表格封装、layui弹窗封装

1、datagrid表格封装与使用，（需要分页的用不封装的）function datagrids(obj){ $(obj.id).datagrid({ data:obj.data, fitColumns:obj.fitColumns==undefined?true:false, nowrap:obj.nowrap==undefined?true:false,//数据是否只在一行...

2019-01-27 16:12:34 1802

原创 gojs的应用

<!DOCTYPE html><html> <head> <title>整体能源结构图</title> <%@ page contentType="text/html;charset=UTF-8"%> <meta name="renderer" content=&quot

2019-01-27 15:40:38 2007

原创命令行创建vue脚手架、引入jq等插件、组件间传值

创建vue脚手架：https://blog.csdn.net/Ag_wenbi/article/details/86359276二、vue映入jquery1、npm install jquery2、在webpack.base.conf.js中添加 plugins:[ new webpack.ProvidePlugin({ $: "jquery", ...

2019-01-20 14:42:07 891

原创 vue项目处理跨域、模拟后台发数据、vuex用法

使用：二、模拟后台，传数据 1、static文件夹下创建mock文件夹，在mock下创建index.json文件index.json文件模版2、修改index.js配置文件proxyTable: { '/api':{ target:'http://localhost:8484', pathRewrite:...

2019-01-20 11:34:51 506

原创 html5的websorket

function websorketFunc(){ ajax({ url:path+"/sessionAlarmFlush", data:"", func:function(){ } }) var speed = -1;//声明一个速度变量 var gjdata=true; var websocket = null,judge=false; //判断当前浏...

2019-01-17 09:22:44 455

原创制作pdf

1、引入html2canvas.js2、html，用id为pdf包含要下载的区域<div style="width:100%;height:auto" id="pdf"> <div>要下载的区域</div></div>3、js，点击按钮触发Easyuisave()事件$("#submit",parent.do

2019-01-12 16:54:02 297

原创 echart图和easyui图表制作模版制作

1、引入echarts2、html（上图下表）<div id="dgBox"> <div class="chartBox"> <div class="allbox" id="dataBar"></div> </div> <div cl

2019-01-12 16:16:13 4493

原创使用table2excel做excel表格下载

1、引入table2excel.js2、html写法，id为exceldown ，触发时需要传，会下载这个id包含的表格：<div class="table-responsive" id="exceldown">  <table class="table table-striped table-bordered table...

2019-01-12 14:29:29 3380 4

原创 index封装文件

var _gjdata,laydates,selectM,treeSelect,alarmTime,layer,gjFlag=true;var gjtime = null; //声明一个null的变量layui.config({ base: path+'/lay/modules/'}).extend({ treeSelect: 'treeSelect'});layui....

2018-12-29 10:51:37 542

原创 basefun封装文件

var judge=false;function ajax(obj){//ajax请求 $.ajax({ url:obj.url,//请求地址 type:obj.type||"POST",//请求方式 async:(function(){//obj.async||true,//是否异步 if(obj.async==false){ return false; }...

2018-12-29 10:39:25 365

原创前端简历汇总，vue面试题

线上简历：http://www.show08.com/优秀前端简历参考：https://blog.csdn.net/jxg_20150624/article/details/77572790vue面试题：https://www.cnblogs.com/aimeeblogs/p/9501490.html项目经验模版：https://blog.csdn.net/qq_365380...

2018-12-21 11:41:03 8900

原创设置定时器setInterval;js取两个数据范围内的随机数

var timer = null if(!flag){ timer=setInterval(function(){ if($("#tabsUl .layui-this",parent.document).text() === "动力系统监测ဆ"){ getData(node,true); } },5*60*1000)...

2018-11-30 16:43:44 1309

原创我的码云账号密码、上传和下载项目步奏、vScode管理码云

1、码云新建项目步奏：https://www.cnblogs.com/babysbreath/p/9170455.html2、git安装、和上传步奏：https://blog.csdn.net/qq_27501889/article/details/64920115?tdsourcetag=s_pctim_aiomsg3、上传和下载教程：https://www.cnblogs.com/ba...

2018-11-29 16:31:29 2457

一、什么是npm和cnpmnpm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）cnpm:因为npm安装插件是从国外服务器下载，受网络的影响比较大，可能会出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频...

2018-11-28 16:49:41 373

原创 Git安装步奏、git下载码云、配置公钥

链接：https://blog.csdn.net/qq_35246620/article/details/68951724用git下载码云上的项目，和配置公钥：https://blog.csdn.net/qq_32037669/article/details/82144818首先，进入 Git 的官网：git - -fast-version-control如上图所示，在 Git 的...

2018-11-28 15:53:20 397

原创 echarts组件自定义---tooltip

tooltip: { trigger: 'axis', axisPointer: { animation: false }, formatter:function(params, ticket, callback){ var tr='<b>谐波次数'+pa...

2018-11-27 14:43:53 905

原创 echarts多图控制

var x=[],_x=[],_series=[],_i=0,leftGrid=[[{ left: "60px",right: "4%",height: '80%',top:116, }],[{ left: "60px",right: "4%",height: '35%',top:116, }, { left: ...

2018-11-27 10:40:21 1926

原创 echarts仪表盘样式设置

function fillpan(obj){ var myChart1 = echarts.init($(obj.id)[0]); var option = { backgroundColor: "#ffffff", title: { text: obj.text, left:'center', //标题位置 ...

2018-11-07 11:39:47 9839

原创时间框封装、和获取

1、js封装function dateCallback(form,laydate,thisTab,defaultType){//页面选择时间类型，设置对应显示时间框 form.on('select(timeType)', function(data){ $(".timeInput").hide(); if(data.value.split("_")[0] == -1){//时 ...

2018-10-25 21:28:50 233

原创时间格式化封装、ajax封装

1、时间格式化Date.prototype.format=function(pattern){//日期格式化 var returnValue=pattern; var format={ "y+":this.getFullYear(), "M+":this.getMonth()+1, "d+":this.getDate(), "H+":this.getHours(), ...

2018-10-25 21:21:39 270

原创多个弹出框，弹出不同内容

1、被点击的地方用同样的class='test'2、$(".test").each(function(i,v){ var nodei = i; $(this).off("click").on("click",i,function(e){ var thisI = e.data;//获得被点击的位置 //弹出框 }}...

2018-10-25 21:17:32 1112

原创 tomcat部署

eclipse环境下如何配置tomcat打开Eclipse，单击“Window”菜单，选择下方的“Preferences”。单击“Server”选项，选择下方的“Runtime Environments”。点击“Add”添加Tomcat。点击“Next”，选中自己安装的Tomcat路径。点击“Finish”完成。建立一个Web应用File → New → Dyn...

2018-10-08 20:55:40 180

原创 svn部署

SVN是Subversion的简称，是一个开放源代码的版本控制系统，相较于RCS、CVS，它采用了分支管理系统，它的设计目标就是取代CVS。互联网上很多版本控制服务已从CVS迁移到Subversion。说得简单一点SVN就是用于多个人共同开发同一个项目，共用资源的目的。如果你是一个喜欢用spring的人，你可能会在欣赏spring的强大功能外，对其各样的配置比较郁闷，尤其是相差较大的版本...

2018-10-08 20:53:26 997

原创 css实现水平垂直居中方法

html:<div class="box box1"> <span>垂直居中</span></div>法一：.box1{ display: table-cell; vertical-align: middle; text-align: center; }法二：.box...

2018-09-12 16:32:56 136

原创制作niceScroll滚动条

1、引用jquery.js和jquery.nicescroll.js<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.nicescroll.js"></script

2018-09-10 16:59:09 385

rem适配js文件flexible.js和echartPxToRem.js

前端导出表格到excel，适合vue和jq框架

这是一个文件夹.zip

空空如也