JavaScript
文章平均质量分 66
JavaScript 学习记录
一只程序猿小白
前端,努力成为全栈攻城狮
展开
-
JavaScript (上篇)
巩固 JavaScript原创 2022-08-18 18:10:08 · 704 阅读 · 0 评论 -
Async、defer以及普通加载script区别详解
这个属性与defer类似,都用于改变处理脚本的行为。同样与defer类似,async只适用于外部脚本文件,并告诉浏览器立即下载文件。但与defer不同的是,标记为async的脚本并不保证按照它们的先后顺序执行。 第二个脚本文件可能会在第一个脚本文件之前执行。因此确保两者之间互不依赖非常重要。指定async属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容原创 2021-09-11 11:26:53 · 237 阅读 · 0 评论 -
前端开发常用技巧(update...)
前端开发常用技巧1、文本溢出处理2、使用伪类 添加下划线3、使用伪类 添加下划线 下划线居中ECharts 柱状图 设置立体圆柱型ECharts 柱状图柱体颜色渐变(每个柱体不同渐变色)ECharts x轴数据过多时,添加横向滚动CSS画梯形1、文本溢出处理//单行.single { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}//多行.more { display: -webkit-box !i原创 2020-12-28 16:47:37 · 1075 阅读 · 0 评论 -
JS中 new Date().Format("yyyy-MM-dd") 报错 Format is not a function
1、原因:ES6中已经去掉了Format 的方法2、解决方法: 使用新的方法:new Date().toLocaleDateString().split('/').join('-') 或者引入date.format.js https://github.com/jacwright/date.format原创 2020-10-13 15:39:19 · 8634 阅读 · 0 评论 -
项目中使用了Swiper 的 “cube”,3d切换效果。但是动态从后台获取到图片以后,切换效果失效。静态页面切换效果就没任何问题
1、对比了好久这个问题,一度觉得是图片的问题,后来对比代码,包括拿循环到的数据放在静态页和一开始的数据,发现Swiper 提前初始化,但此时数据并未展示出来。2、解决方法:var swiper = new Swiper('.swiper-container', { initialSlide :0, // 添加如下两行 obse...原创 2020-02-14 16:51:05 · 1010 阅读 · 0 评论 -
input输入框验证邮箱、身份证号码、手机号码、密码等正则
// 验证邮箱<form action=""> 输入:<input type="text" name="idcard" id="idcard" placeholder="请输入邮箱"> <input type="button" value="验证" onclick="check();"></form><script>...原创 2018-11-01 10:50:45 · 15280 阅读 · 0 评论 -
JavaScript 拖动随机生成一个设置背景图片的div
效果如下:图片来源于乌拉拉。 let owrap = document.getElementById("wrap"); // 监听鼠标按下事件 window.onmousedown = (e) => { let div = document.createElement("div"), ...原创 2019-04-13 15:51:56 · 496 阅读 · 0 评论 -
JavaScript (第1篇 JavaScript的this原理)
1、几个简单的this指向①<input type="button" onclick="showInfo(this)" value="点击">② function people(name,age) { this.name=name; this.age=age; }③<input type="button" id="box" v...原创 2018-12-14 11:30:36 · 243 阅读 · 0 评论 -
JavaScript 把页面上的表格导出为Excel文件
可以根据自己的喜好去写样式。乱码是因为PHP的原因,给后台改的样式直接拿来用了。参考链接:https://www.cnblogs.com/zhuxinghan/p/6063193.html原创 2019-04-19 15:07:40 · 148 阅读 · 0 评论 -
JavaScript(第1篇 正则表达式)
1.JavaScript RegExp介绍正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符...原创 2019-07-16 19:15:38 · 152 阅读 · 0 评论 -
JavaScript (第2篇 定时器)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>settimeout</title> <style> .head{ width:50%; margin:30px auto; ...原创 2019-07-19 17:46:40 · 109 阅读 · 0 评论 -
JavaScript (第3篇教程 数组的操作方法)
1、创建一个新的数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSDN:https://blog.csdn.net/qq_42540989</title></head><body> <...原创 2019-08-02 18:39:47 · 124 阅读 · 0 评论 -
JavaScript JSON(JavaScript Object Notation)语法(4)
1、JSON 是存储和交换文本信息的语法。类似 XML。 JSON 比 XML 更小、更快,更易解析。JSON和XML类型,都是一种结构化的数据表示方式,所以JSON并不是JavaScript独有的数据格式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2019-08-20 18:26:32 · 122 阅读 · 0 评论