前端脚本(html js jQuery)
文章平均质量分 52
猎人在吃肉
这个作者很懒,什么都没留下…
展开
-
vue中 export default 与 export 写法的区别
d.jsconst a = [{name:''张三"}]const b = [{name:''李四"}]a,bd.jsexport const a = [{name:''张三"}]export const b = [{name:''李四"}]大括号:第一组,对应的 import 语句不需要使用大括号;第二组,对应的 import 语句需要使用大括号。导入次数命令用于指定模块的默认输出。原创 2024-04-18 11:26:29 · 640 阅读 · 0 评论 -
css 单行文本溢出和多行文本溢出 时,用省略号代替(代码片段)
css 单行文本溢出和多行文本溢出 时,用省略号代替(代码片段)原创 2023-05-17 11:33:22 · 147 阅读 · 0 评论 -
JS实现图片不存在时显示默认图片
当图片丢失的情况,或者图片不存在时,网页上的红叉会显得很难看,这时候我们可以选择显示默认图片来代替,转载 2023-03-09 10:07:41 · 222 阅读 · 0 评论 -
js 将字符串中的数值和单位 分别提取出来
js 将字符串中的数值和单位 分别提取出来原创 2023-02-09 16:13:34 · 828 阅读 · 0 评论 -
jquery 自定义插件, 监听元素插件
因此决定开发一个插件,既满足上面要求、又不让代码冗余。的函数就能满足要求,这个插件没必要开发;如果没有第3条的要求,那么使用。函数,但是里面的业务逻辑与。增加了第3条后,就要能增加。完全一样,代码重复了。原创 2022-11-23 13:40:05 · 634 阅读 · 0 评论 -
jquery 动态添加的元素,绑定的事件不生效
jquery 动态添加的元素,绑定的事件不生效转载 2022-11-07 09:24:27 · 1879 阅读 · 0 评论 -
jQuery 关于回调函数中 this 的指向
jQuery 关于回调函数中 this 的指向原创 2022-11-01 14:16:24 · 484 阅读 · 0 评论 -
bootstrap V4.x 中 dropdown 增加 hover事件(优化)
bootstrap V4.x 中 dropdown 的事件 由 click 成 hover原创 2022-10-19 17:00:37 · 1211 阅读 · 2 评论 -
ckeditor4 使用总结
ckeditor4 定制工具栏增加字体配置主题皮肤配置 默认字体大小和样式ckeditor4 中,config.js 配置文件不生效的解决方法ckeditor4 窗口根据内容高度,动态变化ckeditor4 内容没有同步到 textarea 中ckeditor4 图片上传相关的配置删除 图片上传时的高级配置 tab 项指定图片上传地址 、清除预览区的文字springboot2.x 实现后台保存图片图片上传成功和失败时的返回格式ckeditor4 只显示内容,工具栏不显示,隐藏原创 2022-09-21 13:54:14 · 7014 阅读 · 3 评论 -
javascript 判断是否为 json 字符串
javascript 判断是否为 json 字符串转载 2022-09-14 15:59:16 · 3051 阅读 · 0 评论 -
JavaScript 判断数据类型的方法
2、 函数的 constructor 是不稳定的,这个主要体现在自定义对象上,当开发者重写 prototype 后,原有的 constructor 引用会丢失,constructor 会默认为 Object。,由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此,其值存储在堆(heap)中,而存储在变量处的值,是一个指针,指向存储对象的内存处,即按址访问。,由于其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈中,即按值访问。转载 2022-09-14 15:08:09 · 1648 阅读 · 0 评论 -
javascript 变量的声明方式(const、var、let)
javascript 变量的声明方式(const、var、let)转载 2022-09-13 22:24:56 · 498 阅读 · 0 评论 -
JavaScript 之数组的方法使用
pop()弹出 / 删除 数组最后1个元素,并返回弹出的元素。console . log("弹出/删除的元素为:" + element);console . log("数组的长度: " + length);元素操作第1个元素最后1个元素添加unshiftpush删除shiftpop。原创 2022-09-13 22:20:53 · 1214 阅读 · 0 评论 -
SpringBoot 中,返回给 前端如 Vue、thymeleaf 、javascript 插件如 bootstrapTable时,将code码转换成文本显示
在处理过程中,对象 转 字符串,字符串转对象过程中,日期格式出现了问题,需要对日期格式进行特特殊处理。根据 其vaue值 和 dictCode 值,从缓存、配置文件、数据库进行查询配置,并增加一个。定义了对 controller 类中的 返回值类型是 PageUtils 进行拦截处理。对 PageUtils, List 中各对象的每个属性进行遍历,标注有。转载 2022-08-24 10:55:29 · 608 阅读 · 0 评论 -
vue 基础 —— webpack 安装、配置、使用和其插件的配置
下面是以隔行变色效果为例,讲解使用 webpack 做开发前端 和 webpack 的各种配置。通过示例,让大家 了解webpack各种配置的含义和使用步骤,不需要大家掌握。在 实际开发中,只需一键即可生成 webpack 这些配置。npm 已经下载和配置完毕Source Map 就是一个信息文件,里面储存着位置信息。也就是说,Source Map 文件中存储着压缩混淆后的代码,所对应的转换前的位置。有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,能够极大的方便后期的调试。......原创 2022-08-14 19:04:23 · 1768 阅读 · 0 评论 -
bootstrapTable 内容过长处理
function load() { $('#div1').bootstrapTable({ method: 'get', url: prefix + "/list", columns: [ { checkbox: true }, { field: 'id', // 列字原创 2022-03-08 15:45:33 · 2568 阅读 · 1 评论 -
javascript ,遍历数组 ,一次循环删除多个元素
// 说明:item = { id,content,state, ... }itemList = [ item1 ,item2 ,item3 , ... ,itemN ]要求: 遍历 itemList 数组 ,删除所有 item.state=true 的元素。错误的方法:for(var n=0 ; n < itemList.length ; n++){ var item= itemList[n]; if( item.state ){ itemList.splice(n,1) }原创 2021-07-09 23:07:15 · 1157 阅读 · 2 评论 -
javascript 获取时间,当前日期、昨天日期、时间格式化
// 小于 10 时,前面补 0 function prefixZero(num) { if(parseInt(num) < 10) { num = '0'+num; } return num+"";}// 输出:yyyy-MM-ddfunction getYesterDate() { var currentDate= new Date(); var yesterDate = currentDate.getTime() - (24 * 60 * 60 * 1000); // 减原创 2021-06-01 11:03:56 · 872 阅读 · 1 评论 -
$.ajax() 中 done() 、fail()、always() 的用法
1、$.ajax() 一般用法 $.ajax({ url:"/demo/test.do", type:"post", timeout:15000,//超时时间 beforeSend:function(XMLHttpRequest){ $("#loading").html("<img src='/jqueryStu/images/loading.gif' />");原创 2021-04-20 13:16:39 · 13594 阅读 · 1 评论 -
bootstrapTable 动态设置行(rowStyle)的颜色 和 列(cellStyle 单元格)的颜色
function load() { $('#exampleTable').bootstrapTable({ url : "/config/list", queryParams : function(params) { return { limit: params.limit, offset: params.offset, } }, onClickRow : function(row, $element){ addSelectedRowJsonDat原创 2021-04-19 10:33:31 · 13852 阅读 · 4 评论 -
javascript function 参数是对象的解决方法
js 代码片段:{ field : 'callPhone' , title : 'callPhone' , formatter : function(value, row, index) { var callPhone=$.trim(row.callPhone); var channel=$.trim(row.channel); var platformId=$.trim(row.platformId); var phoneId=$.trim(row.phoneId);原创 2021-03-10 11:55:15 · 733 阅读 · 0 评论 -
bootstrapTable 刷新(重新加载数据)的几种方式
直接看代码:$(function() { load();});function load() { $('#dataTable').bootstrapTable( { method : 'post', url : prefix + "/list", dataType:'json', contentType:'application/x-www-form-urlencoded;charset=UTF-8', pageSize : 10,原创 2021-02-04 11:58:21 · 17562 阅读 · 2 评论 -
将form表单中的数据组装成json对象
jquery 扩展插件将form表单中的数据组装成json对象 :$.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [o[t原创 2020-12-02 13:17:57 · 1152 阅读 · 0 评论 -
常用的 form表单的 enctype 编码方式(类型)
- `application/x-www-form-urlencoded` 普通的form表单提交 - `application/json` 用于 复杂JSON数据的提交 - `multipart/form-data` 用于 文件上传转载 2018-11-02 15:52:25 · 3042 阅读 · 0 评论 -
jQuery Validate 扩展验证方法
/***************************************************************** jQuery Validate扩展验证方法 *****************************************************************/$(function(){ /*********** 整数 **************/ .转载 2020-10-20 15:48:00 · 363 阅读 · 0 评论 -
解决 chrome 浏览器中,查看 html、javascript (js) 源代码的乱码问题
问题chrome 浏览器中,页面是正常显示,没有解决,作为开发人员,调试页面时,右键查看 源代码 和 js 时,发现乱码,还有一个问题是 chrome 中,已经取消 编码方式 的设置 。解决方法新版 chrome 没有了编码功能,不过对于强大的chrome插件这并不是什么大问题!~只需在chrome 网上应用店安装名为 Set Character Encoding 的插件,通过插件修改指定浏览器的 编码。将编码方式 指定为 UTF-8 ,切的后的显示效果如下:乱码问题解决原创 2020-09-24 11:44:56 · 6096 阅读 · 0 评论 -
jQuery 复制 html 代码,修改后、再插入
html、jquery的 代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery 复制 html 代码,修改后、再插入</title> <script src="/static/js/jquery-1.9.1.min.js"></script> <style>原创 2020-09-03 16:09:37 · 945 阅读 · 0 评论 -
jquery prop(“outerHTML“) 获取当前标签和标签内部的html 代码
原生JS DOM里有一个内置属性 outerHTML,用来获取当前节点的html代码(包含当前节点),所以用jQuery的prop()能拿到。$(".test").prop("outerHTML");jquery设置outerhtml$('.test').prop('outerHTML', '<div>');https://blog.csdn.net/yh12346789/article/details/79781204...原创 2020-08-27 14:10:06 · 2463 阅读 · 0 评论 -
jquery 实现 图片放大
文章目录1、html、Jquery代码如下2、实始化加载的页面3、鼠标放到图片上时( `hover` ), 图片放大4、鼠标点击( `click` )后,图片放大:5、鼠标再次点击( `click` )后,放大的图片消失:1、html、Jquery代码如下<!DOCTYPE html><html><head><title>enlarge-i...原创 2020-03-17 18:49:00 · 3816 阅读 · 0 评论 -
ETag —— http缓存和静态优化
Cache-Control和ETag :https://www.jianshu.com/p/3e2afe089e11ETag详解: https://blog.csdn.net/xmloveth/article/details/52291760HTTP协议缓存策略深入详解之etag妙用: https://blog.csdn.net/wanywn060/article/details/836078...转载 2019-03-06 08:07:34 · 594 阅读 · 0 评论 -
js 方法参数
function demoMethod(){ var s = "参数:"; for (i=0; i< arguments.length; i++){ s += arguments[i]+" , "; } return(s);}alert(demoMethod("a","b","c"));原创 2015-09-16 14:29:18 · 165 阅读 · 0 评论 -
jquery 对象 级别的插件开发模板
;(function() { $.fn.pluginName = function(options) { //设置默认值 var defaults = { }; var settings = {}; //合并参数 $.extend(settings, defaults, options); // 在each 里 实现功能的代码 this.each(...原创 2015-09-12 22:09:12 · 315 阅读 · 0 评论 -
jquery animate学习
<html ><head><title></title><script src="./style/js/jquery-1.9.0.min.js" type="text/javascript"></script><script type="text/javascript"> function tes...原创 2015-08-25 23:19:10 · 147 阅读 · 0 评论 -
html5 replaceState
var bb="history.state = "+(JSON.stringify(history.state))+" , \n\nlocation: " + document.location; console.dir("bb : "+bb); window.addEventListener("popstate", function(e){ var currentSta...原创 2015-08-19 15:05:59 · 140 阅读 · 0 评论 -
javascript 加、乘、除 方法
javascript 加、乘、除 方法//加法函数,用来得到精确的加法结果//说明:javascript的加法 结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。//调用:accAdd(arg1,arg2)//返回值:arg1加上arg2的精确结果function accAdd(arg1, arg2) { var r1, r2, m;...原创 2015-07-29 17:26:10 · 273 阅读 · 0 评论 -
HTML5上传图片预览
<!DOCTYPE html><html> <head> <title>HTML5上传图片预览</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="./js/jquery-...原创 2015-04-17 22:14:02 · 149 阅读 · 0 评论 -
javascript 中Map的使用
javascript中Map的使用/* * MAP对象,实现MAP功能 * * 接口: * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, value) 向MAP中增加元素(key, value) * remove(key) 删除指定KEY的元...原创 2013-08-13 21:35:42 · 136 阅读 · 0 评论 -
javascript 开发调试的利器(二) 获取当前执行函数及函数名称
通过arguments.callee对象获取函数的字面量function fun_name (num){ var tmp = arguments.callee.toString(); alert(tmp);}fun_name();获得了我们定义函数的字面量,然后通过toSring()方法转换到字符串再通过正则把函数名匹配出来,即可function fun_name (num转载 2016-02-01 16:02:59 · 2925 阅读 · 0 评论 -
javascript 开发调试的利器 console 函数(一)
console 函数console.info("这是info");console.debug("这是debug");console.warn("这是warn");console.error("这是error");console.dir()可以显示一个对象所有的属性和方法。console.dirxml()用来显示网页的某个节点(node)所包含的html/转载 2015-04-17 21:39:51 · 806 阅读 · 0 评论 -
setTimeout()的用法
setTimeout()的用法 setTimeout()的用法 //setTimeout()的用法function showTime(){ var today = new Date(); alert("The time is: " + t原创 2012-07-17 13:27:24 · 1527 阅读 · 0 评论