前端学习笔记
文章平均质量分 54
Marco·
none
展开
-
js实现仿浏览器Ctrl+F全局模糊搜索并高亮显示
话不多说,直接上代码:html:<div class="input-group searchDiv"> <input class="layui-input layui-input-sm layui-inline" type="text" id="keyWord" autocomplete="off" placeholder="请输入搜索内容"></div>js:<script type=.原创 2021-07-13 10:51:10 · 1382 阅读 · 1 评论 -
js中给页面添加水印方法
调用方法时传递的参数数量可以自行设置:watermark('参数1','参数2','参数3'); function watermark(t1, t2, t3) { var maxWidth = document.documentElement.clientWidth; var maxHeight = document.documentElement.clientHeight; // 间隔宽度 var intervalWidth = 2原创 2020-09-11 09:33:08 · 1450 阅读 · 0 评论 -
layui下拉菜单的按钮组(数据表格表头版)
layui下拉菜单的按钮组(数据表格表头版)最近工作中需要使用layui在数据表格的表头工具栏里添加一个下拉按钮组,layui目前还没有开发出相关的功能,所以需要自己手动拼写,在参考了博友们的部分文章后,做了一部分的改动,实现了基本的需求,即下拉按钮组,点击切换功能,注意是需要通过点击进行下拉展示和收起,也就是div的隐藏和显示,实现的思路其实比较简单,博友们如果有更好的方式欢迎留言html:<script type="text/html" id="toolbar"> <bu原创 2020-07-11 10:30:50 · 4269 阅读 · 7 评论 -
layui中左右穿梭框的使用
使用左右穿梭框的时候,layui引用layui.all.js,这样不用再加thirdlib/transfer.js,可以直接调用modules下的原创 2020-07-01 17:05:32 · 1597 阅读 · 3 评论 -
使input文本框不可编辑的3种方法
使input文本框不可编辑的3种方法:1、disabled 属性:规定禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。示例:<input type="text" disabled="disabled" />2、readonly 属性:规定输入...原创 2019-10-12 16:52:24 · 1665 阅读 · 0 评论 -
bootstrap的双日历时间段选择控件—daterangepicker(月日时间汉化版)
双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自定义时间段,由用户自己选择起始时间和终止时间,时间段的最大跨度可以在程序里设定。在汉化的过程中,网上的实现方法很多,也踩了不少坑,本人比较菜,所以不知道问题出在哪里,好在我的问题解决了,分享一下,希望能帮到和我一样踩到同一个坑的朋友。https://blog.cs...转载 2019-01-21 15:37:13 · 465 阅读 · 0 评论 -
初步认识JSON
1 、首先还是要说一下json是啥,有啥用JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)JSON 是存储和交换文本信息的语法为什么使用 JSON?对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:使用 XML读取 XML 文档使用 XML DOM 来循环遍历文档读取值并存储在变量中使用 JSON...原创 2019-08-15 19:17:09 · 135 阅读 · 0 评论 -
初步认识Ajax
这是我从菜鸟教程上整理下来的,添加了自己的理解,去除了一些不常用的用法,希望能对大家有所帮助,对ajax有一个初步的了解和认识。1、首先,先说一下ajax是干啥的:AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行...原创 2019-08-15 14:58:51 · 119 阅读 · 0 评论 -
HTTP通信机制以及四种Web实时交互方式——轮询、长轮询、长连接、推送
在介绍web实时交互方式前,先了解一下HTTP的通信机制,共分为以下四步:第一步:HTTP是基于传输层的TCP协议,在HTTP开始工作之前,web浏览器首先通过网络与尾部服务器在TCP层建立连接。在TCP层进行“三次握手”之后,建立了TCP连接,此时HTTP就可以进行传输了;第二步:建立连接后,客户端发送一个请求给服务器;第三步:服务器接到请求后,给予相应的相应信息;第四步:客户端...原创 2019-02-21 14:45:24 · 1825 阅读 · 0 评论 -
TypeScript基础教程(笔记+应用快速上手)
什么是 TypeScript?TypeScript 是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集,扩展了JavaScript的语法。它不是JavaScript的替代品,也不会为JavaScript代码添加任何新功能。相反,TypeScript允许程序员在其代码中使用面向对象的构造,然后将其转换为JavaScript。TypeScript的优点:**1.**静态...原创 2018-11-16 09:03:09 · 664 阅读 · 1 评论 -
JavaScript、TypeScript、ES6三者之间的联系和区别
一开始接触还真有些头疼,特来整理一下三者之间的关系与区别,希望能对大家有所帮助。ES6是什么ECMAScript 6.0(以下简称ES6)是JavaScript语言(现在是遵循ES5标准)的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript和JavaScript的关系由于JavaScr...原创 2018-11-14 15:01:27 · 24304 阅读 · 0 评论