- 博客(46)
- 收藏
- 关注
RSS订阅原创 事件循环的一些
1. 事件循环机制Event Loop （1）事件进入主线程，判断是同步任务还是异步任务 （2）如果是同步任务：进入主线程，任务全部执行完毕 （3）读取任务队列中的任务 （2）如果是异步任务：进入到Event Table，其中包括宏任务和微任务 （3）注册回调函数到Event Queue 1、同步任务和异步任务分别进入不同的执行环境，同步任务进入主线程，异步任务进入 Event Table 并注册函数 2、当指定的事情完成后，Event Table 会将这个函数移入到 Event Queue 中 3、主线程
2021-12-08 15:01:44
270
2
原创 获取url中的参数
//思路 // 1、先判断url是否包含参数，如果不包含，判断是否查找了指定参数，如果指定了就返回空字符串，没有指定就返回空对象 //2、url中存在包含参数，判断是否指定了参数，如果指定了就返回该参数，如果没有指定返回全部参数对象 //3、假设url中包含参数，不管指没指定参数，只要存在多个同名的参数，这个参数的值以数组形式展现 function getUrlParam(sUrl, sKey) { var obj = {}; //url中没传参 if(sUrl.indexOf('?') ==
2021-10-13 08:28:02
1837
原创 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
242
原创 小花笔记之算法小记
小花笔记 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录小花笔记前言一、两数之和二、存在重复元素三、存在重复元素||四、快乐数五、合并两个有序数组一、两数之和一、两数之和一、两数之和一、两数之和一、两数之和 前言 个人记录，仅做参考 一、两数之和 给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 targ
2021-08-12 21:50:38
851
原创 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
1152
原创 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
348
原创 合计
//表格内容 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
293
原创 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
244
原创 前端获取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
570
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
373
原创 jq实现预约时间表
实现效果如上图； HTML部分 <div class="container-fluid"> <div class="textCont"> 选择您需要的服务时间 </div> <div class="appointmentColor"> <ul> <li> <p>
2020-07-20 16:44:59
3948
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
949
原创 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
664
原创 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
688
原创 定时的方法
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
347
原创 前端实现关于五星评价功能
准备两张星星的图片，一张有颜色的，一张没有颜色的，下面是相关的代码内容： <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
2102
原创 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
1943
原创 获取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
317
原创 小记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
263
原创 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
243
原创 排除其他同级元素
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
235
原创 前端关于对时间处理的一些方法
匹配时间格式 例如 2019-04-07T16:00:00.000+0000 function formatt(time) { var d = new Date(time); var times = d.getFullYear() + '-' + (addZero(d.getMonth() + 1)) + '-' + (addZero(d.getDate())) + '...
2019-12-05 17:34:29
1137
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
3825
原创 JavaScript模板渲染数据
内容一 <div id="leftContent_content"> <ul > <li> <label >合同编号</label> <P ></P> <label >Hash值</label> <P ></P> </li&g...
2019-10-12 16:56:50
665
原创 获取以及设置下拉框的值和获取以及设置单选按钮的值
下拉框 动态加入下拉框的option for (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
369
原创 bootstrapTable遇到的问题
问题一： bootstraptable需要彻底重新加载，发现即使url等参数更新过来仍旧无效。需要调用 $("#resource_table").bootstrapTable('destroy'); 方法，将原表格销毁，再重新init()初始化一次即可。 ...
2019-09-18 14:51:25
582
原创 小花的前端大杂烩知识之CSS和其他
为什么要初始化css样式？ 因为浏览器的兼容问题，不同的浏览器器对有些标签的默认值不同，如果没有对css进行初始化会造成浏览器之间的页面显示差异；其次初始化css样式主要是提高编码质量，如果不初始化，重复的css样式很多，去掉标签的默认样式，比如margin，padding，字体大小等。 清除浮动的几种方式 （1）使用空标签，例如空的DIV，给他设置clear：both; 优点：通俗易懂，容易掌握...
2019-07-23 17:47:43
203
原创 小花的前端大杂烩知识点二
描述一下javascript的作用域链 JavaScript的变量都是对象的属性，而该对象可能又是其他对象的属性，而所有的对象都是全局对象的属性，所以这些对象间的关系可以 看成是一条链，链头就是变量所处的对象，链尾就是全局对象。在查找变量的值时，会查找当前对象，如果当前对象查找不到就继续查找作用域链上面的下一个对象，如果作用域链上没有一个对象包含此属性，就抛出引用错误。 Null和undefin...
2019-07-15 12:08:59
242
转载 小花的前端知识大杂烩之JQuery
jquery不用多说，是一个基于javascript类库的框架，使用起来十分方便，简化了用户与浏览器之间的交互，提高了系统的性能和开发效率，它的设计宗旨就是“Write Less, Do More” $其实是jQuery的别名，他是jq的选择器 body中的onload()函数和jq中的document.ready()的区别 （1）document.ready()可以在页面中被多次使用，但...
2019-07-15 02:03:40
198
翻译 小花的前端大杂烩知识点之计算机网络
网络七层协议的通俗理解 层级 功能 TCP/IP协议族 应用层 文件传输，电子邮件，文件服务，虚拟终端 TFTP,HTTP,SNMP,FTP,SMTP,DNS,RIP,Telnet 表示层 数据格式化，代码转换，数据加密 没有协议 会话层 解除或建立与别的接点到的联系 没有协议 传输层 提供端对端的接口 TCP，UDP 网络层 为数据包选择路由 IP，ICMP,OS...
2019-07-15 01:11:14
291
原创 小花的前端大杂烩知识点之小程序
小程序的组成 那主要可以分为4个方面： WXML（Weixin Markup Language）：用来构建页面的结构 WXSS（Weixin Style Sheets）:样式语言，用来写小程序种的样式 JS：用来写逻辑方面的东西 XX.json：配置文件 各个文件的作用： 1.app.json 能配置全局的 包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等 2.wxml 页面...
2019-07-12 20:33:20
263
原创 小花的前端大杂烩知识点一
C的值是什么？ var a = function(){ this.b=1; } var b = function(){ var b = new a().b; return 5 + b ; } var c = b(); console.log(c); // 6 null,undefined,‘string’,20,true和false的共同点是什么？ 输出结果 var x={fo...
2019-07-12 17:15:43
634
原创 微信小程序中实现文字展开收起效果
图片效果 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
899
翻译 初步了解ELK
为什么用到ELK 需要进行日志分析场景： 直接在日志文件中grep(global search regular expression and print out the line,全面搜索正则表达式并把行打印出来，是一种强大的文本搜索工具)、awk(一种语言，适合文本处理和报表生成)就可以获得自己想要的信息。 但是在规模较大的场景中，此方法效率低下，面临问题包括：日志量太大如何归档、文本搜索太慢怎...
2019-03-25 15:49:16
330
原创 实现全选功能
<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
1306
原创 git常用命令
创建版本库（repository）： mkdir learngit 创建一个空的文件夹 cd learngit 进入到当前文件夹 pwd 显示当前的文件目录 第二步： git init 把这个目录变成Git可以管理的仓库，初始化git仓库 添加文件到Git仓库： git add 文件名称.txt git commit -m ‘你对本次提交的描述’ git status 查看工作区的状...
2019-03-22 15:25:16
221
原创 数组的常用方法
判断是否是数组 Array.isArray(arr); 返回true,代表是数组；返回false,代表不是数组 添加和删除 末尾添加和删除 arr.push(value1,value2) 返回添加元素后的长度 arr.pop() 返回删除的元素，一次只能删除一个 头部添加和删除 arr.unshif(value1,value2)返回添加元素后的长度 arr.shift() 返回删除...
2019-03-22 14:55:38
296
原创 字符串的常用方法
获取字符串的长度 str.length 字符串的索引 str[index] index : 下标 索引（下标从0开始） 拼接字符串 str1.concat(str2) +号也可以进行字符串拼接，不会改变源字符串 获取指定位置的字符串 str.charAt(index) 返回下标对应的字符串 str.charCodeAt(index) 返回下标对应的字符的Unicode编码 ...
2019-03-22 14:26:53
284
原创 时间变为时间戳的笨方法
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
378
原创 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
511
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人