- 博客(35)
- 收藏
- 关注
RSS订阅转载 input checkbox复选框全选与部分选中效果
input checkbox复选框全选与不全选方法封装如下： html代码： <table class="yt-table check-test-tab" style="width:840px;margin: 20px auto;"> <thead class="yt-thead"> <tr> <th> ...
2018-09-12 16:55:00
660
转载 select可以多选实现
工作中可能会遇到select需要选择多个值的情况，下面就是一种实现方式：实现原理就是：一个div容器来接纳选中的内容，通过div点击事件来隐藏或者显现select内容，通过按着CTRL键来完成多项选择；style代码：.divBox{ width:400px; margin:100px auto; } .di...
2018-09-10 15:14:00
1534
转载 input输入金额时格式化
input输入金额格式化，限制只能输入数字，可以为负；通过onkeyup事件正则表达式 只能输入数字，然后再通过foucs和blur事件来修改金额的样式；代码如下：<input type="text" id="money" class="yt-input" onkeyup="value=value.replace(/[^\d\.-]/g,'')" /><script t...
2018-09-05 16:11:00
4904
转载 js数组对象相同项合并处理
平时工作中会经常遇到数据处理，其中数组合并处理也会经常遇到，下面就是数组相同项合并的一种方式：1.首先由原始的数组arr数据，2.然后创建一个map空对象和一个dest空数组，通过判断map中是否含有某项来判断数组dest是否添加数据，3.然后再判断相同项和已有的dest数组内容比较合并；代码如下：<script type="text/javascript" src="js/j...
2018-09-05 15:24:00
2011
转载 JSON常用方法
JSON数据常用的数据处理方法：一、JSON对象和JSON字符串的转换JSON在数据传输过程中，JSON是以字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：JSON字符串：var jsonStr ='{"name":"Liza", "password":"123"}' ;JSON对象：var jsonObj = {"name"...
2018-06-12 20:36:00
168
转载 js几种继承方式（六种）
JS实现继承的几种方式前言：大多数语言都支持两种继承方式： 接口继承和实现继承 ，而javaScript中无法实现接口继承，javaScript只支持实现继承，而且其实现继承主要是依靠原型链来实现。主要继承方式如下：1、原型链继承2、构造函数继承3、实例继承4、拷贝继承5、组合继承（原型链继承+构造函数继承）6、寄生组合式继承JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代...
2018-06-11 11:58:00
148
转载 Object常用方法总结
Object常用方法总结：1.Object.assign(target,source1,source2,...)该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性，不拷贝继承的属性。Object.assign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用...
2018-06-08 10:30:00
110
转载 未知宽高的div水平垂直居中
未知宽度的div使内容水平垂直居中方法一：使用display：flex；justify-content:center;align-items: center;属性代码如下：<style> #box{ display: flex; justify-content:center; align-items: center; ...
2018-06-07 21:37:00
125
转载 js如何判断数组是Array类型
在说明如何判断一个对象为数组类型前，我们先巩固下js的数据类型，js一共有六大数据类型：number、string、object、Boolean、null、undefined。var str="string";console.log(typeof str); //stringvar num=1;console.log(typeof num); //numbervar bn=false;c...
2018-06-07 21:08:00
1661
转载 vue-louter传值
vue-louter三种传值方式：1.直接路由后跟参数，路由配置表中相应配置，通过params来传参2.通过路由属性中的name来确定匹配的路由，通过params来传递参数。3.使用path来匹配路由，然后通过query来传递参数；组件代码如下<div id="app"> <h3>路由传值方式</h3> <p>{{ $route.par...
2018-06-07 15:10:00
101
转载 vue组件之间传值方式
vue组件之间传值方式解析一.父组件传到子组件 1.父组件parent代码如下： <template> <div class="parent"> <h2>{{ msg }}</h2> <son psMsg="父传子的内容:叫爸爸"></son> <!-- 子组件绑定psMsg变量-...
2018-06-06 21:46:00
102
转载 git及github应用(二)
git分支管理及冲突解决一、分支管理 1.创建dev分支并切换到dev分支 git checkout -b dev 或者 git branch dev/git checkout dev 2.查看分支 git branch 3.在dev分支上修改readme.txt文件，然后提交 git add readme.txt git commit -m "dev分支...
2018-06-06 14:37:00
83
转载 git及Github应用（一）
最近在学习新的代码管理工具--git，一下是对git初步入门初步理解。一、学习git命令之前首要基础条件 1.登录https://github.com/，通过用户名邮箱和密码注册Github账号，并通过邮箱验证； 2.在本机上安装git应用软件，比如Git-2.11.0.3-64-bit.exe；二、git简单命令 1.mkdir try -- 建立try文件夹 2.cd try...
2018-06-06 11:30:00
99
转载 Vue脚手架vue-cli搭建
vue脚手架搭建流程：首先在node环境下使用npm或者cnpm进行vue脚手架搭建；1.安装node环境安装成功后在命令行查看node版本，如果有说明安装成功。查看node版本：node -v2.安装vue脚手架工具vue-cli大家在安装node的时候，会自动安装npm；可以先行查看npm版本；npm -v2.1 全局安装vue-cli 1.npm instal...
2018-05-30 22:04:00
98
转载 JQuery链式编程原理
链式代码：$('input[type="button"]').eq(0).click(function() {alert('点击我!');}).end().eq(1).click(function() {$('input[type="button"]:eq(0)').trigger('click');}).end().eq(2).toggle(function() {$('.aa').h...
2018-05-29 16:42:00
623
转载 javascript中闭包的理解及应用
一、引子闭包是有权访问另一个函数作用域中的变量的函数。闭包是javascript中很难理解的部分，很多高级的应用都依靠闭包来实现的，我们先来看下面的一个例子：function outer() { var i = 100; function inner() { console.log(i); }}上面代码，根据变量的作用域，函数outer中所有的局部变量，对...
2018-05-29 14:46:00
88
转载 Javascript中构造函数和普通函数的比较
问题什么是构造函数？构造函数与普通函数区别是什么？用new关键字的时候到底做了什么？构造函数有返回值怎么办？thisthis永远指向当前正在被执行的函数或方法的owner。例如：function test(){ console.log(this);}test();//Window {top: Window, window: Window, location: Location, e...
2018-05-29 09:48:00
91
转载 java基础（集合概述）
一、集合概述1.Java集合可分为Set List和Map三种体系--Set:无序、不可重复的集合--List：有序、可重复的集合--Map：具有映射关系的集合二、.Collection 的方法1.collection方法分类 ①、添加元素的 ②、获取元素的 & 查找指定的元素 ③、移除元素 ④、工具方法2.添加方法 add() addAll(); // add(Obj...
2018-01-19 14:33:00
82
转载 eclipse如何删除多余工作空间
两种方式：一.第一种方式打开eclipse-->window-->General-->Startup and Shutd-->Workspaces;路径如图：二.第二种方式1.找到eclipse安装位置；2.找到configuration配置文件3.打开.settings文件夹；4.打开org.eclipse.ui.ide.pref...
2017-12-25 14:36:00
437
转载 eclipse引入web工程后配置
现在学习java基础，遇到问题总结一下1.首先引入web工程File --> Import --> General --> Existing Projects into Workspace --> Browse(工程代码)注意：eclipse的工作空间与代码位置尽量不要同名和同位置，要不web工程引入不了。2.添加Tomcat服务器Windo...
2017-12-11 13:11:00
87
转载 利用echarts画折线图圆饼
昨天查找绘图插件，找到highcharts.js和echarts.js插件，都感觉不错，highchars样式比较多，但引入的js文件太多，echarts就很简单，仅仅引入一个就可以，而且是开源的，非常棒！！下面是一个简单的例子，包括折线和圆饼的。html部分<body> <div id="main" style="width: 650px;heig...
2017-12-06 09:26:00
352
转载 tab栏切换2
采用jquery.js，通过添加类名和show()、hide()方法实现tab栏切换；简单案例如下：HTML部分<style> li{list-style: none;} #wrap{width: 500px;height: 400px;border: 1px solid #000;} #resourcesTab li{w...
2017-12-05 10:11:00
108
转载 利用highcharts.js画圆饼
最近需要项目需要画图表，在网上搜索N多方法，最后选择用highcharts.js；具体实例如下：html部分<body><div id="container" style="width: 250px; height: 250px; margin: 0 auto"></div></body>Script部分首先引入jquery.j...
2017-12-05 09:49:00
114
转载 tab切换
利用bootstrap的nav类名加上jquery点击事件进行切换html部分首先引入bootstrap.css文件；<div class="tabBox"> <ul class="nav nav-tabs" id="myTab"> <li class="active"><a href="#home">基本信...
2017-11-24 14:14:00
83
转载 file上传图片并展示
最近项目中要求上传图片并展示，在网上搜索了很多资料，整合了一个方案如下：body部分<div class="photoShow"> <a href="javascript:;" class="file">选择图片 <input type="file" id="fileUpload"> </a> ...
2017-11-24 08:49:00
240
转载 常用的DOS命令
基础知识常用的DOS命令-dir(directory) 列出当前目录下的文件及文件夹；-md(make directory) 创建目录；-rd(remove directory) 删除空目录；-cd xx(change directory) ...
2017-11-22 16:11:00
69
转载 判断用户是否正常登录与登录10分钟内无操作返回登录界面
最近项目用到登录需求：1.用户正常登录，即从登录界面进入，如果从url进入提示：未登录，请登录。然后返回登录界面。2.用户登录后，10分钟无操作，提示登录超时，请重新登录；现在做个简单演示，代码如下：login.html页面中：html部分<body> <div class="header"> <p>SUMS软件升级管理系统&l...
2017-11-16 16:09:00
2280
转载 动态div设置滚动条overflow-y: scroll
例子很简单，就是给没有height的div在一定高度时设置滚动条。style部分：<style> .showInput{width: 300px;height: 30px;font-size: 20px;line-height: 30px;} .greyBox{position: fixed;top: 0;left: 0;width: 100%;heigh...
2017-11-14 17:12:00
6399
转载 用jquery-form.js提交带文件的数据
最近做一个项目需要同时向后台传文件和数据，经过多方考证，选择了使用jquery-form.js插件。所以总结一下，仅大家参考；html部分：<form enctype="multipart/form-data" method="post" action="/api/auth/update/updateVersion" class="form form-horizontal...
2017-11-12 15:58:00
112
转载 用spark-md5.js自动生成MD5码
项目中会遇到很多上传文件时自动生成MD5码的情况，根据查找资料，写了个小案例，仅供大家参考。代码如下： html部分：<body><input id="file" type="file" multiple="multiple"><input type="text" id="md5"></body>js部分：<scr...
2017-11-12 15:32:00
758
转载 Bootstrap基础学习（二）
组件一 Glyphicons 字体图标1.仅图标<span class="glyphicon glyphicon-search" aria-hidden="true"></span>2.button按钮图标<button type="button" class="btn btn-default" aria-label="Left Align"> ...
2017-11-05 09:45:00
140
转载 Bootstrap基础学习（一）
最近几天又将Bootstrap重新温习了一遍，随手做了一些笔记，将它保留下来，以供以后参考；一、引入bootstrap文件包要想使用bootStrap首先要引入文件包，包括bootstrap.min.css、bootstrap.min.js，还要引入jquery.min.js，因为bootstrap.min.js的基础是jquery，要引用jquery里的方法；HTML模板如...
2017-11-05 09:29:00
203
转载 常用的几种清除float浮动的方法
一、浮动产生原因简单地说，浮动是因为使用了float:left或float:right或两者都有而产生的浮动，导致样式缺失或者不正确显示等问题；二、浮动产生负作用1、背景不能显示由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。2、边框不能撑开如果父级设置了CSS边框属性（cs...
2017-11-02 09:40:00
291
转载 jquery的each遍历方法
jQuery 的 each 方法，作为一个通用遍历方法，可用于遍历对象和数组。语法为：jQuery.each(object, [callback])回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。// 遍历数组$.each( [0,1,2], function(i, n){ console.log( "Item #"...
2017-11-01 10:12:00
399
转载 正则总结RegExp
很多情况下会用到正则表达式，尤其表单提交或者登陆的时候，所以，查阅很多资料将常用的总结一下！首先来个小demo<body><div class="box"> <input type="text" id="test"> <span></span></div><script type="...
2017-10-31 14:07:00
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人