JavaScript基础知识点
关注
分享
扫一扫
文章平均质量分 74
金刚大力士
写博客不是为了博眼球
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
常见字符串及数组的操作总结
字符串操作 字符串是不可变性//1.str.concat() 连接字符串//2.str.slice(start,end) 拷贝指定字符 不包括end//3.str.substring(start,end) 拷贝指定字符 不包括end//4.str.substr(start,len)截取len长度数据//5.str.toUpperCase() 转换为大写//6.str.toLow...原创 2018-06-07 14:27:19 · 1141 阅读 · 0 评论 -
js触发点击事件--模拟鼠标点击动作
需求：点击全部，显示终端列表里的 当前和 历史 两列 默认当前 且刷新数据，点击离线 只显示历史并同时刷新数据大部分都是鼠标直接点击事件click但是有时候需要有默认，比如初始化的时候就默认点击第一行这时候就得模拟点击事件了但是模拟点击事件的前提是，你已经定义了这个click事件 $('.js-btnHistory') .click(); $('....原创 2018-08-24 11:12:55 · 64911 阅读 · 2 评论 -
datetimepicker双日历的使用/恢复默认日期
任意选中日期 对应的列表刷新数据 点击重置后 日期框恢复为默认的当前日期正常使用： function fnCalendar(id){ $(id).daterangepicker({ autoApply:true,//点击最后时间自动回填数据 "opens": "left",//日历位置 ...原创 2018-08-30 14:43:39 · 2099 阅读 · 0 评论 -
获取地址栏参数：两个页面传参 ，A页面的详情上有个id，点击详情跳到另一个新详情页面 这个新页面的参数需要拿这个id
A页面的详情上有个id，点击详情跳到另一个新详情页面 这个新页面的参数需要拿这个id function Get_String(tname) { var reg = new RegExp("(^|&)"+ tname +"=([^&]*)(&|$)"); var r = ...原创 2018-09-10 10:52:44 · 580 阅读 · 0 评论 -
前端css基础总结
后台传回数字123 前端对应显示 红色高位 橙色中危 绿色低危 三个方块】可封装方法 多次调用 //等级 控制文字 function fnLevel(num){ var str = ''; if(num == '0'){ str = '低危'; }else if(num == '1'){ str...原创 2018-09-10 11:01:42 · 445 阅读 · 0 评论 -
前端-只选择年份的下拉框
HTML如下 <div class="divItem2"> <span>工作时间：</span> ...原创 2018-11-01 12:34:27 · 12116 阅读 · 1 评论 -
echarts绘制嵌套环形图/ 双饼图
设备类型在里 设备品牌在外 后台返回数据如下格式： device_brand_distribution = [{'equipment_type': '智能手机', 'equipment_brand': 'xiaomi', 'eq...原创 2018-12-04 16:20:46 · 13208 阅读 · 0 评论 -
前端js实现--登录验证二维码
数字和字母组合的四位验证码HTML如下 <li class="border testcode"> <i class="iptestcode"></i> <div class="divipt testcodeipt"> <i原创 2018-12-05 10:14:28 · 2798 阅读 · 1 评论 -
前端实现翻页---jqPaginator.js
后台每次返回10调数据HTML： <div class="pageDiv"> <div class="floatLeft totaldiv"> 共<span class="totalpage"> 0 </span>条数据 ...原创 2018-12-06 17:23:03 · 748 阅读 · 0 评论 -
animation之 左侧出入的弹出框
HTML如下： <div class="toolbar"> 收起 </div> <div class="infolist"> <ul> <li> <label>操作系统：</label> ...原创 2019-02-28 10:27:57 · 808 阅读 · 0 评论 -
CSS中 display的相关属性
IE8支持很多新的CSS display属性值，包括与表格相关的属性值：table、table-row和table-cell，它也是最后一款支持这些属性值的主流浏览器。 网页元素应用上那些与表格相关的display属性值后，能够模仿出与表格相同的特性。display:table=>相当于“table”标签； display:table-row=>相当于“tr”标签； disp...转载 2018-08-08 18:03:09 · 267 阅读 · 0 评论 -
两个datetimepicker时间弹窗 判断结束日期不能早于开始日期的方法
//时间控件 开始日期$('#datetimepicker1').datetimepicker({language: 'zh-CN',format:'yyyy-mm-dd',weekStart: 1, /*以星期一为一星期开始*/autoclose: 1,minView:2, /*精确到天*/endDate:new Date(),}).on('change',function()...原创 2018-07-04 14:16:49 · 4052 阅读 · 0 评论 -
项目通用的公共样式base.css
@charset "utf-8";/*! * @名称：base.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类 *//* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */*{ font-family: 'Microsoft YaHei';}html { background:white; color:bla...转载 2018-07-25 10:09:17 · 1660 阅读 · 0 评论 -
js里，一个页面中两个不同位置的按钮，分别点击跳转到同一个页面
复制的是项目中的源码 ，请忽略中间部分页面中的第二个按钮<a href="#" class="btn-xs btn-info js-inCheck" >进入检测</a> 页面第一个按钮js-btnStart跳转/*开始检测*/ $('.js-btnStart').on('click',function(){ var name ...原创 2018-07-25 10:49:32 · 4175 阅读 · 0 评论 -
js中，设置定时器 每隔几秒刷新一次页面数据
页面加载进来，查询 然后设置定时器 每隔五秒刷新一次页面数据fnSearch();var interval3=setInterval(function(){ fnSearch();},5000); function fnSearch(){ searchjson.search=$(".iptsearch").val(); $.ajax({ ...原创 2018-07-25 11:19:04 · 38873 阅读 · 0 评论 -
网页加载缓慢时，两种方法实现loading效果
当页面加载速度很慢的时候，页面就会出现白屏的状况，如果没有使用loading来和用户进行交互，用户并不知道应用到底是出现什么问题（卡死、出错或者在加载）页面加载所需要时间越长，那么可能损失的用户量就会多。第一种方法，可以在页面中放置一个GIF图片 <div class="scrollbox"><image class="imagebar" src="../st...原创 2018-07-25 14:15:57 · 25520 阅读 · 0 评论 -
一个简单通用的登录页js逻辑
注意：请勿复制源码，以免乱码登录页部分很简单 只有一个（图标）/用户名 （图标）/密码 四位数的随机验证码 登录按钮HTML部分 <div class=" login-box boxLineColor positionHorn"> <i class=...原创 2018-07-25 14:49:55 · 2223 阅读 · 0 评论 -
常用的正则表达式汇总
//字符串验证正则格式String.prototype.IsNumber = function(){ //是否数字，例如:12,12.1,12,23 return (/(^\d+(\.\d{1,2})?$)/.test(this));}String.prototype.IsInteger = function(){ //是否整数 >0 return (/(^[1-9]...转载 2018-07-25 14:56:40 · 501 阅读 · 0 评论 -
头像剪裁/图片上传案例
注意：请勿复制源码，需要源码的可以发邮件至2445478193@qq.com<!DOCTYPE><html lang="en"><head> <title>用户头像剪裁</title> <meta http-equiv="Content-type" content="text/html;转载 2018-07-25 16:00:50 · 545 阅读 · 0 评论 -
用D3.js绘制完整的流程图demo
一个完整的流程图demo，效果入下：HTML<!doctype html><meta charset="utf-8"><title>Dagre D3 Demo: Sentence Tokenization</title><link rel="stylesheet" href="demo.css"><scr...转载 2019-03-11 10:38:59 · 19899 阅读 · 99 评论