JavaScript
关注
分享
扫一扫
文章平均质量分 50
sayyy
这个作者很懒，什么都没留下…
展开
-
JavaScript 判断变量/对象类型是否为Object
略原创 2023-11-20 13:51:41 · 757 阅读 · 0 评论 -
如何支持h.265视频
略原创 2023-10-20 11:28:40 · 3118 阅读 · 0 评论 -
js 扩展运算符（spread）是三个点（...）
略原创 2023-08-21 17:33:06 · 191 阅读 · 0 评论 -
Js中 == 运算符与 === 运算符的差异
略原创 2023-06-20 11:07:16 · 88 阅读 · 0 评论 -
JS 获取 URL参数
【代码】JS 获取 URL参数。原创 2023-04-30 20:30:17 · 72 阅读 · 0 评论 -
js创建一个指定长度的数组
略原创 2022-12-17 21:20:52 · 275 阅读 · 0 评论 -
前端生成海报图：html2canvas 生成海报图/网页html转图片
html2canvas 生成海报图原创 2022-08-04 11:36:24 · 1752 阅读 · 0 评论 -
HTMLCanvasElement.toDataURL()
HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI。原创 2022-08-04 11:25:19 · 516 阅读 · 0 评论 -
JavaScript 保留两位小数
JavaScript 保留两位小数原创 2022-08-04 10:48:28 · 313 阅读 · 0 评论 -
jQuery serialize() 方法：序列化表单/form
输出原创 2022-07-12 19:02:19 · 332 阅读 · 0 评论 -
event.target
在触发的事件的函数里面我们会接收到一个event对象,通过该对象我们需要的一些参数,比如说我们需要知道此事件作用到谁身上了,就可以通过event的属性target来获取到。原创 2022-07-12 18:18:58 · 635 阅读 · 0 评论 -
jQuery在父级元素中查找：parentsUntil
从事件发生元素开始找起，在父级元素中查找元素原创 2022-07-12 18:09:14 · 449 阅读 · 0 评论 -
【javascript】模板字符串
目录模板字符串示例1：单行、多行字符串示例2：嵌入表达式示例3：模板嵌套示例4：eval + 模板字符串示例5：模板字符串获取参数值示例6：模板字符串获取表单元素的值参考模板字符串模板文字是用反勾（`）字符分隔的文字，允许多行字符串、嵌入表达式的字符串。`string text``string text line 1 string text line 2``string text ${expression} string text`tag `string text ${expressio原创 2022-05-31 12:12:22 · 2959 阅读 · 0 评论 -
正则表达式：密码中至少包含大写字母、小写字母、数字、特殊字符等字符中的2种或3种
目录前言先行断言是否有那么一个开始符号，它后面的字符种包含小写字母（a-z）正向否定查找是否有那么一个开始符号，它后面不全是小写字母（a-z）密码中只包含字母且长度在8-16之间密码中同时含字母和数字且长度在8-16之间密码中同时含大写字母、小写字母、数字和特殊字符且长度在8-16之间密码中允许出现数字、大写字母、小写字母，但至少包含其中2种且长度在8-16之间（三种符号任取其二）密码中允许出现数字、大写字母、小写字母、特殊字符（!#$%^&*），但至少包含其中2种且长度在8-16之间（四种符号任取原创 2021-12-03 15:47:24 · 31413 阅读 · 2 评论 -
jQuery在同级节点中查找
jQuery 遍历参考这里：https://www.w3school.com.cn/jquery/jquery_ref_traversing.aspjQuery在同级节点中查找在 p 元素的同级元素中查找：所有类名为 “selected” 的元素：$("p").siblings(".selected");原创 2021-11-29 11:58:13 · 538 阅读 · 0 评论 -
JQuery 动态生成元素添加点击事件
页面代码<html>...<body><div id="divBox"></div><script>$(function(){ $("#divBox").append("<img class='preview_image' src='/img/preview1.jpg' />"); $("#divBox").append("<img class='preview_image' src='/img/pre原创 2021-11-26 10:18:33 · 8040 阅读 · 1 评论 -
使用jquery调试ajax接口-2
$.ajax({ url: "http://xxx/api/xxx", type: 'POST', data: {parentId: 0}, success: function(ajaxData) { console.log(ajaxData); }});原创 2021-11-10 21:15:46 · 612 阅读 · 0 评论 -
ajax跨域问题
浏览器的同源策略浏览器的同源策略参考这里，这里，这里。源(origin)：协议(比如：http)、域名(比如：localhost)、端口号(比如：8080)共同表示一个源。同源：协议、域名、端口号相同。同源策略（same origin policy）：它是一个重要的安全策略，用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。同源策略是由w3c为浏览器指定的一个策略，它能帮助阻隔恶意文档，减少可能被攻击的媒介。什么是跨域问题?跨域问题来源于浏览器的"同源策略"(即原创 2021-11-01 16:39:54 · 948 阅读 · 0 评论 -
sparklines图表
前言略介绍This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari原创 2021-10-21 12:29:18 · 970 阅读 · 0 评论 -
【JQuery】 触发元素的change事件
select元素的change事件通过修改select元素的值（$("#select_id").val("new value")）并不会触发change事件。需要显示触发change事件$("#select_id").change()。也可以这样$("#select_id").val("new value").change()。另一种显示触发change事件的方法$("#select_id").trigger("change")。input元素的change事件通过修改input元素的值（$原创 2021-10-19 11:07:48 · 4100 阅读 · 0 评论 -
【UEditor】自定义插件：按钮
前言ueditor 1.4.3【UEditor】介绍官方自定义组件文档http://fex.baidu.com/ueditor/#dev-developer示例：添加一个按钮参考 addCustomizeButton.jsaddCustomizeButton.js源码UE.registerUI('button',function(editor,uiName){ //注册按钮执行时的command命令，使用命令默认就会带有回退操作 editor.registerComman原创 2021-10-08 11:48:36 · 2474 阅读 · 0 评论 -
【UEditor】介绍
前言ueditor 1.4.3资源官方文档： http://fex.baidu.com/ueditor/官方文档中关于二次开发的说明：http://fex.baidu.com/ueditor/#dev-developerGITHUB： https://github.com/fex-team/ueditorGITEE镜像： https://gitee.com/mirrors/ueditor快速开始参考：http://fex.baidu.com/ueditor/#start-start查看原创 2021-10-08 09:41:36 · 358 阅读 · 0 评论 -
Object.create()
Object.create()Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。const person = { isHuman: false, printIntroduction: function() { console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`); }};const me = Object.create(person);原创 2021-09-16 19:28:02 · 68 阅读 · 0 评论 -
javascript 克隆/clone：Object.assign
Object.assignObject.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法：Object.assign(target, ...sources) 合并对象const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(targe原创 2021-09-16 19:25:31 · 294 阅读 · 0 评论 -
阻止JavaScript事件冒泡到父元素
前言略问题有代码如下：<div class='preview_image_container'> <!--图片--> <div onclick='details(this)'> <img class='preview_image' src='xx.png' /> <div class='preview_name' >xxx</div> </div> <!--删除按钮-->原创 2021-09-02 15:10:03 · 704 阅读 · 0 评论 -
【javascript】四舍五入
前言略Math.round() 四舍五入Math.round()函数返回一个数字四舍五入后最接近的整数。如果参数的小数部分大于 0.5，则舍入到相邻的绝对值更大的整数。 如果参数的小数部分小于 0.5，则舍入到相邻的绝对值更小的整数。如果参数的小数部分恰好等于0.5，则舍入到相邻的在正无穷（+∞）方向上的整数。注意，与很多其他语言中的round()函数不同，Math.round()并不总是舍入到远离0的方向（尤其是在负数的小数部分恰好等于0.5的情况下）。因为 round() 是 Math 的静态原创 2021-07-16 10:32:07 · 1070 阅读 · 0 评论 -
【javascript】数字相加
前言略数字相加var a = 1;var b = 2;console.log(a+b); //输出：3form表单项相加var fee1 = $("#fee1").val();//100.00var fee2 = $("#fee2").val();//188.00console.log(fee1+fee2);//输出：100.00188.00这是因为 $("#fee2").val() 为String类型(这样查看类型： console.log(Object.prototype.toS原创 2021-07-14 11:21:12 · 1049 阅读 · 0 评论 -
【若依(ruoyi)】jQuery.validator
前言ruoyi 4.6jQuery Validation Plugin - v1.13.0（最新版: 1.19.3）说明官网： https://jqueryvalidation.org/代码： https://github.com/jquery-validation/jquery-validationruoyi 中使用jQuery.validator//初始化jQuery.validator$("#form-fee-add").validate({ focusCleanup:原创 2021-07-13 15:14:48 · 1815 阅读 · 0 评论 -
百度地图API引用时，使用HTTP还是HTTPS
前言JavaScript API v2.0百度地图API引用时，使用HTTP、HTTPS是有区别的最初是这样引用的：<script src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxx" type="text/javascript" charset="utf-8" ></script>这种情况下，当使用http访问网页时，地图可以正常显示。但，当使用https访问网页时，地图无法正常显示，遇到错误（Refe原创 2021-07-13 12:20:05 · 1137 阅读 · 1 评论 -
jquery 控制CSS属性display 实现元素的显示、隐藏
前言略。隐藏元素$("#id").hide()等效的写法：$("#id").css('display','none'); 等效的CSS：display: none;显示元素$("#id").show();等效的写法：$("#id").css('display','block'); 等效的CSS：display: block;在显示、隐藏之间切换元素$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的原创 2021-05-31 22:31:24 · 4089 阅读 · 0 评论 -
[javascript] Date 时间精确到天
前言有一个方法，可以满足下面的特性：输入"2021-05-29 00:00:59 GMT+0800"，输出"2021-05-29 00:00:00 GMT+0800"输入"2021-05-29 01:00:59 GMT+0800"，输出"2021-05-29 00:00:00 GMT+0800"…truncDay<!DOCTYPE html><html lang="zh" ><head> <meta charset="utf-8"><原创 2021-05-29 18:30:49 · 1020 阅读 · 0 评论 -
向js中添加静态方法与属性方法
前言略静态方法if (!Date.diffDays) { Date.diffDays = function(s1, s2) { return Date.valueOf2(s1).diffDaysOf(Date.valueOf2(s2)); };}属性方法if (!Date.prototype.diffDaysOf) { Date.prototype.diffDaysOf = function(t) { var timestamp1 = this.truncate().原创 2021-05-29 17:36:59 · 516 阅读 · 0 评论 -
jquery获取元素宽高
前言jquery获取元素宽高<!DOCTYPE html><html lang="zh" ><head> <meta charset="utf-8"> <style> li { margin: 10px; padding: 5px; border: 2px solid #666; width: 800px; height: 100px; display: block; } li:first-c原创 2021-05-29 15:09:50 · 1113 阅读 · 0 评论 -
【Canva】绘制图像
前言Canva绘制图像<!DOCTYPE html><html lang="zh" ><head> <meta charset="utf-8"></head><body class="white-bg"> <img /><div><p>参考：</p><p>HTMLCanvasElement.toDataURL()：https://developer.m原创 2021-05-29 11:44:07 · 302 阅读 · 0 评论 -
form表单中，file选择图片后预览
前言略代码<!DOCTYPE html><html lang="zh" ><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .preview-item {width:400px;height:300px;overflow:hidden;} </s原创 2021-05-29 02:48:33 · 1009 阅读 · 0 评论 -
JavaScript Blob对象
前言略创建 Blob对象var blob = new Blob(["Hello World!"],{type:"text/plain"});console.log(blob); /* Blob {size: 12, type: "text/plain"} */预览图片拿到了一个Blob对象，该对象对应一个图片，可以使用下面的方式预览：cropper.getCroppedCanvas().toBlob(function(img) { var image2 = document.getElem原创 2021-05-29 02:42:39 · 516 阅读 · 0 评论 -
javacript 裁切图片
前言略javacript 裁切图片cropper（demo）Jcrop(demo)cropperJcrop原创 2021-05-28 21:12:29 · 104 阅读 · 0 评论 -
jquery选择器：第一个子元素
前言jquery 2.1.4第一个子元素HTML 结构如下：<div class="form-group"> <label class="col-sm-3 control-label">保证金打款截图：</label> <div class="col-sm-8"> <input name="bizPricePic" th:value="*{bizPricePic}" type="hidden" />原创 2021-05-28 01:59:14 · 1596 阅读 · 0 评论 -
jquery选择器：与、或逻辑
前言jquery 2.1.4jquery选择器中的与触发 <input type="radio" name="acttype" value="0" /><label> 活动类型</label> 的点击事件。$('input[type="radio"][name="acttype"][value="0"]').click();包含多个条件时，连着写，中间不要有空格。jquery选择器中的或逻辑或。$('input[type="radio"][nam原创 2021-04-30 15:25:16 · 1792 阅读 · 1 评论 -
javascript boolean/布尔表达式
前言具有“真实”值的即为 True；不具有“真实”值的即为 False简单理解：除了false外，0、 undefined、 NaN、 "" or null 也被判定成false。判定成 falseconsole.log(false?"i am true":"i am false"); /* i am false */console.log(0?"i am true":"i am false"); /* i am false */console.log(undefined?"i am tru原创 2021-04-29 16:09:31 · 381 阅读 · 0 评论