- 博客(46)
- 收藏
- 关注
RSS订阅原创 事件循环的一些
1. 事件循环机制Event Loop（1）事件进入主线程，判断是同步任务还是异步任务（2）如果是同步任务：进入主线程，任务全部执行完毕（3）读取任务队列中的任务（2）如果是异步任务：进入到Event Table，其中包括宏任务和微任务（3）注册回调函数到Event Queue1、同步任务和异步任务分别进入不同的执行环境，同步任务进入主线程，异步任务进入 Event Table 并注册函数2、当指定的事情完成后，Event Table 会将这个函数移入到 Event Queue 中3、主线程
2021-12-08 15:01:44
125
2
原创 获取url中的参数
//思路// 1、先判断url是否包含参数，如果不包含，判断是否查找了指定参数，如果指定了就返回空字符串，没有指定就返回空对象//2、url中存在包含参数，判断是否指定了参数，如果指定了就返回该参数，如果没有指定返回全部参数对象//3、假设url中包含参数，不管指没指定参数，只要存在多个同名的参数，这个参数的值以数组形式展现function getUrlParam(sUrl, sKey) { var obj = {}; //url中没传参 if(sUrl.indexOf('?') ==
2021-10-13 08:28:02
1580
原创 js判断数据类型
判断数据类型function getType(obj){ let type = typeof obj; if(type !== "object"){//先进行typeof判断，如果是基础数据类型，直接返回 return type; } //对于typeof返回结果是object的，在进行如下判断，正则返回结果 return Object.prototype.toString.call(obj).replace(/^\[object(\S+)\]$/,'$1'); //注意正则中间有个空格
2021-09-23 09:05:46
118
原创 小花笔记之算法小记
小花笔记提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录小花笔记前言一、两数之和二、存在重复元素三、存在重复元素||四、快乐数五、合并两个有序数组一、两数之和一、两数之和一、两数之和一、两数之和一、两数之和前言个人记录，仅做参考一、两数之和给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 targ
2021-08-12 21:50:38
236
原创 FileReader文件下载
function jumpDownloadInfo(ele){ var fileId = $(ele).attr('fileId'); var originalFileName = $(ele).attr('originalFileName'); var type = $(ele).attr('type'); $.ajax({ url:url1, type:'get', success:function(data){
2021-06-23 20:43:17
714
原创 js文件上传
<input type="hidden" class="form-control dis-inlineB" id="files2"><input type="file" class="dis-inlineB" id="file_order_before" style="width:100%;" onchange="uploadValidateAfter('file_order_before','files2','feedFiles2')" >```<form id= "
2021-06-23 16:05:54
215
原创 合计
//表格内容tableData([]);function tableData(relativeDataD){ $("#LAY_table").bootstrapTable('destroy'); $('#LAY_table').bootstrapTable({ onDblClickRow:function(row,$element){ }, data:relativeDataD, showFooter:true,/
2021-05-19 09:49:03
188
原创 remain
var store = new FormData();function uploadValidate(params) { var flag = true; for (var i = 0; i < $('#file_order')[0].files.length; i++) { if(store.getAll('files').length > 3){ showTip('tipInfo1','附件数量最大为3');
2021-03-09 15:38:22
144
原创 前端获取Form表单提交文件失败后的内容
var iframe = $('<iframe id="file_upload_return" hidden="true" name="file_upload_return"></iframe>') iframe.appendTo('body') var form = $('<form id="fileOperationsForm" name="fileOperationsForm" target="file_upload_return"...
2020-12-24 19:01:03
340
1
原创 前端在页面生成水印
function watermark(settings) { //默认设置 let defaultSettings={ watermark_txt:"text", watermark_x:20,//水印起始位置x轴坐标 watermark_y:20,//水印起始位置Y轴坐标 watermark_rows:5,//水印行数 watermark_cols:0,//水印列数 watermark_x_space:10,//水印x轴间隔
2020-10-29 14:36:08
204
原创 jq实现预约时间表
实现效果如上图；HTML部分<div class="container-fluid"> <div class="textCont"> 选择您需要的服务时间 </div> <div class="appointmentColor"> <ul> <li> <p>
2020-07-20 16:44:59
3431
5
原创 清除cookie方法
function clearAllCookie () { var keys = document.cookie.match(/[^ =;]+(?==)/g) if (keys) { for (var i = keys.length; i--;) { document.cookie = keys[i] + '=0;path='/';expires=' + new Date(0).toUTCString() document.cookie = keys[i] + '=0
2020-05-20 17:22:05
735
原创 js控制密码的显示隐藏
//密码的显示隐藏功能var demoImg = document.getElementById("showText");var demoInput = document.getElementById("contactsWord");function hideShowPsw() { if (demoInput.type == "password") { demoInput.type = "text"; demoImg.src ="./image/pwdShow.png"; } else {
2020-05-20 17:19:31
532
原创 bootstrapTable 请求后端分页实现
$('#productTable').bootstrapTable({ onClickRow:function (row,$element) { $element.addClass('sel_activeColor').siblings().removeClass('sel_activeColor'); clickInfo = row; console.log(clickInfo) },
2020-05-14 11:16:51
554
原创 定时的方法
var message = { time: 0, title: parent.document.title, timer: null, // 显示新消息提示 show: function () { var title = message.title; // 定时器，设置消息切换频率闪烁效果就此产生 message.timer = setTimeout(function () {
2020-05-09 14:23:43
232
原创 前端实现关于五星评价功能
准备两张星星的图片，一张有颜色的，一张没有颜色的，下面是相关的代码内容：<div id="commentLimted_left"> 评价： <div id="imgBox"> <a href="javascript:click(1)"><img src="../image/star.png" id="star1" onMouseOver="ove...
2020-04-29 10:08:36
1897
原创 WangEditor的使用
引入文件只需要引入wangEditor.min.js或者wangEditor.js一个文件即可html代码：<div id="editor"></div>在你需要显示编辑框内容的地方加上一个div的标签js代码var E = window.wangEditor var editor = new E('#editor') editor.custo...
2020-04-02 10:16:41
1669
原创 获取url中的参数
var url= window.location.href;function GetQueryValue1(queryName) { var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).matc...
2020-04-02 10:04:54
175
原创 小记JavaScript的使用
var waiters = { onwaitNum:0, waiterMap: new Map(), initWaiters:function(data){ for(var i = 0;i<data.length;i++){ var thisWaiters= new Object(); thisWaite...
2019-12-17 17:26:08
143
原创 js的MAP对象
1.创建map对象var map = new Map();2.将数据存入for(var i = 0;i<data.list.length;i++){ map.set(data.list[i].AGENTID,data.list[i].USER_NAME) }也就是：map.set(“key”,value)3.获取对应的数据map.get(key)4.删除指定对象...
2019-12-13 16:46:20
138
原创 排除其他同级元素
var str = ''; for(var i = 0 ; i< row.length;i++){ str += '<p style="height:40px;line-height:40px;border-bottom:1px solid #eee;text-align:center;" o...
2019-12-12 11:51:04
155
原创 前端关于对时间处理的一些方法
匹配时间格式 例如 2019-04-07T16:00:00.000+0000function formatt(time) { var d = new Date(time); var times = d.getFullYear() + '-' + (addZero(d.getMonth() + 1)) + '-' + (addZero(d.getDate())) + '...
2019-12-05 17:34:29
875
1
原创 datetimepicker设置结束时间大于开始时间，开始时间小于结束时间
$("#stratTime").datetimepicker({ format: 'yyyy-mm-dd', language: 'zh-CN', weekStart: 1, todayBtn: 1,//显示‘今日’按钮 autoclose: 1, todayHighlight: 1, startView: 2, minView: ...
2019-12-05 17:27:44
3484
原创 JavaScript模板渲染数据
内容一<div id="leftContent_content"> <ul > <li> <label >合同编号</label> <P ></P> <label >Hash值</label> <P ></P> </li&g...
2019-10-12 16:56:50
523
原创 获取以及设置下拉框的值和获取以及设置单选按钮的值
下拉框动态加入下拉框的optionfor (var i = 0; i < data.length; i++) { var option = document.createElement("option"); $(option).val(data[i].Value); $(option).text(data[i].Value); $('#selectID')...
2019-10-09 17:51:39
242
原创 bootstrapTable遇到的问题
问题一：bootstraptable需要彻底重新加载，发现即使url等参数更新过来仍旧无效。需要调用$("#resource_table").bootstrapTable('destroy');方法，将原表格销毁，再重新init()初始化一次即可。...
2019-09-18 14:51:25
452
原创 小花的前端大杂烩知识之CSS和其他
为什么要初始化css样式？因为浏览器的兼容问题，不同的浏览器器对有些标签的默认值不同，如果没有对css进行初始化会造成浏览器之间的页面显示差异；其次初始化css样式主要是提高编码质量，如果不初始化，重复的css样式很多，去掉标签的默认样式，比如margin，padding，字体大小等。清除浮动的几种方式（1）使用空标签，例如空的DIV，给他设置clear：both;优点：通俗易懂，容易掌握...
2019-07-23 17:47:43
117
原创 小花的前端大杂烩知识点二
描述一下javascript的作用域链JavaScript的变量都是对象的属性，而该对象可能又是其他对象的属性，而所有的对象都是全局对象的属性，所以这些对象间的关系可以 看成是一条链，链头就是变量所处的对象，链尾就是全局对象。在查找变量的值时，会查找当前对象，如果当前对象查找不到就继续查找作用域链上面的下一个对象，如果作用域链上没有一个对象包含此属性，就抛出引用错误。Null和undefin...
2019-07-15 12:08:59
162
转载 小花的前端知识大杂烩之JQuery
jquery不用多说，是一个基于javascript类库的框架，使用起来十分方便，简化了用户与浏览器之间的交互，提高了系统的性能和开发效率，它的设计宗旨就是“Write Less, Do More”$其实是jQuery的别名，他是jq的选择器body中的onload()函数和jq中的document.ready()的区别（1）document.ready()可以在页面中被多次使用，但...
2019-07-15 02:03:40
120
翻译 小花的前端大杂烩知识点之计算机网络
网络七层协议的通俗理解层级功能TCP/IP协议族应用层文件传输，电子邮件，文件服务，虚拟终端TFTP,HTTP,SNMP,FTP,SMTP,DNS,RIP,Telnet表示层数据格式化，代码转换，数据加密没有协议会话层解除或建立与别的接点到的联系没有协议传输层提供端对端的接口TCP，UDP网络层为数据包选择路由IP，ICMP,OS...
2019-07-15 01:11:14
173
原创 小花的前端大杂烩知识点之小程序
小程序的组成那主要可以分为4个方面：WXML（Weixin Markup Language）：用来构建页面的结构WXSS（Weixin Style Sheets）:样式语言，用来写小程序种的样式JS：用来写逻辑方面的东西XX.json：配置文件各个文件的作用：1.app.json 能配置全局的 包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等2.wxml 页面...
2019-07-12 20:33:20
170
原创 小花的前端大杂烩知识点一
C的值是什么？var a = function(){ this.b=1;}var b = function(){ var b = new a().b; return 5 + b ;}var c = b();console.log(c); // 6null,undefined,‘string’,20,true和false的共同点是什么？输出结果var x={fo...
2019-07-12 17:15:43
507
原创 微信小程序中实现文字展开收起效果
图片效果html代码<view class="body"> <view class="section"> <view class="col-body" wx:for="{{caseData}}" wx:key="index" > <view class="col-bg">&...
2019-04-19 19:11:14
749
翻译 初步了解ELK
为什么用到ELK需要进行日志分析场景：直接在日志文件中grep(global search regular expression and print out the line,全面搜索正则表达式并把行打印出来，是一种强大的文本搜索工具)、awk(一种语言，适合文本处理和报表生成)就可以获得自己想要的信息。但是在规模较大的场景中，此方法效率低下，面临问题包括：日志量太大如何归档、文本搜索太慢怎...
2019-03-25 15:49:16
224
原创 实现全选功能
<th class="column-title" style='width:55px'> <input type="checkbox" id="all" style='vertical-align:middle'> <label for="all" style='vertical-align:middle;display:inline-block'>...
2019-03-25 09:46:47
1172
原创 git常用命令
创建版本库（repository）：mkdir learngit 创建一个空的文件夹cd learngit 进入到当前文件夹pwd 显示当前的文件目录第二步：git init 把这个目录变成Git可以管理的仓库，初始化git仓库添加文件到Git仓库：git add 文件名称.txtgit commit -m ‘你对本次提交的描述’git status 查看工作区的状...
2019-03-22 15:25:16
144
原创 数组的常用方法
判断是否是数组Array.isArray(arr);返回true,代表是数组；返回false,代表不是数组添加和删除末尾添加和删除arr.push(value1,value2) 返回添加元素后的长度arr.pop() 返回删除的元素，一次只能删除一个头部添加和删除arr.unshif(value1,value2)返回添加元素后的长度arr.shift() 返回删除...
2019-03-22 14:55:38
188
原创 字符串的常用方法
获取字符串的长度str.length字符串的索引str[index] index : 下标 索引（下标从0开始）拼接字符串str1.concat(str2)+号也可以进行字符串拼接，不会改变源字符串获取指定位置的字符串str.charAt(index) 返回下标对应的字符串str.charCodeAt(index) 返回下标对应的字符的Unicode编码...
2019-03-22 14:26:53
163
原创 时间变为时间戳的笨方法
var change_add_date = $('#change_add_date').val(); *在input中获取日期（2019/03/20）* var change_add_date_begin = $('#change_add_date_begin').val(); *在input中获取时间（20：08）* ...
2019-03-20 18:23:54
268
原创 layDate时间插件
引入相应css和js文件<link rel="stylesheet" href="/static/build/layui.css" media="all"><script type="text/javascript" src="/home/js/datetimepicker/laydate.js"></script><script src="http...
2019-03-20 18:07:25
384
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人