![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Sunlalalla
好记性不如烂笔头,细节决定成败
展开
-
XSS 攻击
1.为什么会产生XSS攻击用户提交用户信息时提交 <script>xxx</script>例子1 username 输入<script>alert("123")</script>例子2 username 输入<script>alert("location.href='http.www.xxx.com'")</script>2. 怎么解决XSS攻击?将脚本转义然后html进行展示...原创 2022-01-15 17:57:21 · 200 阅读 · 0 评论 -
setInterval方法中this指向问题
在setTimeOut()或setInterval()这样的方法中,如果传入的函数包含this, 那么,默认情况下,函数中的this会指向window对象。这是由于setTimeout()调用的代码运行在与所在函数完全分离的执行环境上。这会导致这些代码中包含的 this 关键字会指向 window (或全局)对象。百度了网上的解决方法,如下1.将当前对象的this存为一个变量 ...转载 2019-11-28 21:43:52 · 1675 阅读 · 0 评论 -
js中用ajax动态引入另一个js文件,谷歌不执行,火狐正常
谷歌如果打debugg可以正常展示,不debugger,动态引入的js文件不起作用,有人说是同步异步的原因,我控制了同步异步开关之后还是有问题,最后解决如下:参考:https://jingyan.baidu.com/article/af9f5a2d774f6c43140a45e5.html// 页面是否需要引导判断$.ajax({ type: 'GET', url: u...原创 2019-10-22 18:11:04 · 835 阅读 · 0 评论 -
前端项目添加网上下的字体
先来个福利:想要免费中文字体戳这里http://www.tuyiyi.com/w/56117.html我下了站酷快乐体1、下好之后点击,ttf文件,在自己的电脑上安装该字体2、将ttf文件放在项目的font文件夹下3、修改css文件,添加图中所示代码4、修改某元素的样式完工!!!...原创 2019-10-22 16:37:55 · 791 阅读 · 0 评论 -
layui————一个页面展示两个页签
html页面<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="../../../build/css/base.css" media="all"></head><body>&l...原创 2019-04-20 15:18:39 · 3288 阅读 · 2 评论 -
layui给某一列加点击事件
js渲染表格写法html页面这里需要注意的点:我对layui不是很熟练,自己总结的,如果有问题,还请指点!!!原创 2019-04-15 18:03:44 · 3140 阅读 · 0 评论 -
| 和 || 运算符layui页面的数据回显
因为这里我的是添加页面,所以数据不用从后台拿,自己写的json串我想让levelName输入框展示什么也不展示,即就是空字符串,一开始我在js的data中levelName给它值为0,然后页面展示出0,不是我想要的效果然后我做了个试验,证明空字符串和任何数进行 | 等于这个数,0和空字符串进行 ||运算,位置前后不同,运算结果也不用结论 false || 任何数等于这个数...原创 2019-04-09 14:12:34 · 385 阅读 · 0 评论 -
layui报错Laytpl Error:no data
原因:原创 2019-04-09 11:31:09 · 2512 阅读 · 0 评论 -
html2canvas生成的图片数据太大导致前台有值传到后台为null
折腾了一天,终于找到前台有值,后台拿到却是null的原因了,多亏了同事的帮忙原因是生成的图片数据太大了,ajax请求提交的数据大小是有限制的做了个测试,将图片数据也就是下面代码中的dataUrl数值改小之后就可以正常传到后台了function saveUserTemplateAsImageData(){ debugger; var userTemplateId...原创 2019-01-29 17:38:35 · 4158 阅读 · 7 评论 -
layui报错Cannot read property 'colspan' of undefined
原因:表头多了逗号原创 2019-04-03 17:32:45 · 11699 阅读 · 8 评论 -
layui修改单元格数据
参考:layui官网:https://www.layui.com/demo/table/cellEdit.htmlhttps://www.layui.com/demo/table/cellEvent.html修改单元格的js方法 //监听单元格编辑 table.on('edit(levelTableFilter)', function (obj) { ...原创 2019-04-26 15:25:32 · 6371 阅读 · 2 评论 -
初始化下拉框——layui
页面代码:<div id="levelView"></div>下拉框html模板 <script id="level" type="text/html"> <div class="layui-input-block"> <select name="level" id="_level" la...原创 2019-05-07 21:28:29 · 4365 阅读 · 0 评论 -
页面时间回显&时间控件——前端layui
html:jsgetDataByServiceURL(url_promotion, 'api/coupon/findCouponById', {id: id}, function (data) { if (data.code === 0) { //页面渲染 if(data.data.active == "0"){ ...原创 2019-04-30 13:35:02 · 3270 阅读 · 0 评论 -
js判断是否是正数、小数
if(!new RegExp("^(\\+)?\\d+(\\.\\d+)?$").test(value)){ layer.msg('返利比例只能是数值', { icon: 5 }); table.reload('searchReload'); return false;...原创 2019-05-07 21:53:52 · 3694 阅读 · 0 评论 -
layui的时间插件去掉 ‘现在’ 按钮
原创 2019-05-13 13:15:52 · 4149 阅读 · 0 评论 -
js拼接字符串时在中间加上空格
\xa0 表示一个空格str = result[i].foodName + ';' + '\xa0\xa0\xa0'原创 2019-05-24 13:17:29 · 9585 阅读 · 7 评论 -
js子页面向父页面传值
父页面方法:active_freight = {reload: function () {table.reload('editReload', {});},addData: function (data) {if(data == null || data.length == 0 || !data instanceof Array){return false;}for(var ...原创 2019-07-16 21:15:40 · 1924 阅读 · 0 评论 -
echarts将图片转化成3D柱状图
折腾了好久,终于把图片展示出来了,贴代码<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0">...原创 2018-11-16 14:36:40 · 189758 阅读 · 7 评论 -
vue项目发布到tomcat服务器小记
1、在index.js里面修改assetsPublicPath的值为‘/’,下面的dev和build在module.exports里面2、打包进入package-lock.json所在目录下,按shift,同时右击,打开cmd窗口,执行命令,npm run build然后在同级目录下会产生一个dist的文件夹,即为所打的包3、将上一步打的dist文件夹复制到tomca...原创 2019-03-08 16:13:15 · 459 阅读 · 0 评论 -
前端开发经验积累
1、js动态为html页面某个div指定位置添加元素以及自然往后加元素var mainDiv = document.getElementById('mainDiv');var div = document.createElement("div");//新建一个div元素var img = document.createElement("img");//新建一个img元素img.s...原创 2018-12-28 11:29:22 · 1675 阅读 · 1 评论 -
PC端页面引导(使用jquery插件pagewalkthrough.js)
引入三个文件,路径填写自己的路径<!-- CSS --> <link type="text/css" rel="stylesheet" href="css/jquery.pagewalkthrough.css" /> <!-- jQuery --> <script type="text/javascript" src="jquery.min...原创 2019-09-29 22:18:21 · 1092 阅读 · 0 评论 -
表格自动滚动
demo,这里需要注意需要给表头thead加上背景颜色,如果不加,表头处的滚动则会看见<html> <head> <style type="text/css"> .tablebox { height: 500px; overflo...原创 2019-09-29 22:06:26 · 1189 阅读 · 0 评论 -
npm run dev报错
npm官方文档:http://caibaojian.com/npm/files/package.json.html我们每次,去npm install xxx会把内容记录到package.json文件中,下载的包都会发生变化,为了系统的稳定性考虑,每次执行完npm install之后会对应生成package-lock文件,该文件记录了上一次安装的具体的版本号。根据官方文档,packa...转载 2019-08-20 21:13:57 · 193 阅读 · 1 评论 -
layui分页子页面更新完数据之后刷新当前所在页
业务场景:用户列表数据有5页,我在第2页修改了某一用户关闭弹出窗之后,还停留在第2页,并且进行刷新方法:如图所示,在主页面打开子页面后,end回调方法中添加这行代码 $(".layui-laypage-btn").click();顺便重温下另外,还有一个刚学到的,不过分析了一下,觉得业务场景中不实用,应该一般不会这样用,不管怎样,记录一下业务场景:在哪...原创 2019-08-08 18:05:30 · 4052 阅读 · 0 评论 -
H5画的圆钟表
不经意间看到一个博客上有个钟表,觉得很好看,然后搜了下找到一篇文章,运行了下,很不错呢原文:https://blog.csdn.net/u012454898/article/details/52888832贴出来html页面<!DOCTYPE html><html><body><div><!-- width和heigh...转载 2019-07-30 18:17:02 · 159 阅读 · 0 评论 -
vue的某元素在不同条件下采用不同的样式
html页面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>测试</title> <style> .static{ color: aquamarine } ....原创 2019-07-24 21:34:08 · 2127 阅读 · 0 评论 -
js引入的顺序问题导致js报错
我的index页面引入的两个js文件,分别是a1.j、a2.js,a2是该页面的主js,而a1.js是需要用的插件js,a2文件用到了a1文件中定义的变量一开始我在html页面引入时将插件js文件a1.js放在a2.js后面,所以浏览器后台报错那个变量没有定义的问题。然后看了下引入的文件,猜测可能是引入顺序问题,调换顺序之后,问题解决!...原创 2019-01-30 16:59:31 · 915 阅读 · 0 评论 -
js方法的竟然可以通过传某html元素的id而代表该元素
看到同事写的代码有点疑惑,贴图html页面js方法然后我在网上找js是否有这种用法,找了半天没找到,然后我问了一个高级开发同事,他说那个是写错了,让我把title和obj当id用,把下面的所有.id去掉,我去掉之后,debugger了一下,发现传过来的值竟然真的是元素,贴图然后觉得自己好像发现了新大陆似的给高级开发说,他工作9年多了,他说这个写法容易误导人,好像就是哈,...原创 2019-01-31 15:39:45 · 1358 阅读 · 2 评论 -
layui——Tab项的添加与关闭
同事写的,我来拜读一下,顺便记录一下,哈哈layui添加Tab项之前的,首先要引入element这里现在实现的功能是:在主页面打开新的页面时添加Tab项,点击Tab项后面的x号时,选项卡删除,并刷新主页面,意味着新打开的页面也会被关闭。用layui官网的例子改写的,有很多问题,以后继续改进layui.use(['layer','element','laytpl'], func...原创 2019-01-31 17:52:06 · 14982 阅读 · 3 评论 -
div里面有一个小图片,div和图片都有点击事件,如何在点击图片时不触发div的点击事件
1、图片的点击事件2、div的点击事件参考:https://blog.csdn.net/u014175572/article/details/50511137原创 2019-02-18 10:27:02 · 2908 阅读 · 0 评论 -
npm install报错解决办法
删除项目中的node_modules文件夹,然后重新npm install ,最后成功原创 2019-02-27 18:58:25 · 1257 阅读 · 0 评论 -
html2canvas生成的图片数据太大传不到后台之解决方法————js转成文件传给后台
继我的上一篇博客——https://blog.csdn.net/Sun_of_Rainy/article/details/86693056现在来解决问题,解决思路(同事帮忙想出来的,我来学习哈,顺便记录下)是通过js将数据放到文件中,将文件传给后台将画布数据转成文件的方法我的js截图方法代码贴出来:function saveUserTemplateAsImageData(){...原创 2019-01-30 14:53:26 · 5756 阅读 · 0 评论 -
js中数组初始化为空
js中数组初始化为空 工作中遇到个bug原因是因为数组清空的时机不对,我一开始以为那就是定义那个变量是数组类型,然后把将js的全局变量var 变量;改成了var 变量 = [];将下面的代码行变量 = [];给注释掉了事实上,变量=[ ],这行代码的作用是将数组清空,明白了之后,问题就解决了...原创 2019-01-25 15:44:27 · 4879 阅读 · 0 评论 -
echarts学习——仪表盘
1、toobox toolbox: { feature: { restore: {}, saveAsImage: {} } },上面代码所实现的效果如下所示,也就是在echarts官网实例中右上角可以看到的东西,restore:{};该行代码是刷新saveAsImage:{};该行代码是将效果...原创 2018-12-11 22:20:24 · 1776 阅读 · 0 评论 -
vue的v-model
v-model存在的问题对于复选框或者单选框的常见组件时,由于v-model默认传的是value,不是checked,触发事件也不是oninput而是onchange我做了个小测试html页面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <titl...原创 2019-07-23 17:44:36 · 184 阅读 · 0 评论 -
点击不同的单选按钮展示不同的效果
前台页面是layui写的<script type="text/html" id="online"> <form class="layui-form" action=""> <fieldset class="layui-elem-field layui-field-title" style="margin-top:...原创 2019-04-06 10:54:47 · 1499 阅读 · 0 评论 -
github上的代码通过webstorm工具下载到本地,本地的代码如何同步到github上面
一、github上面的项目下载到本地我的webstorm工具版本如下:下载过程如下:1、2、3、我的测试地址是 https://github.com/SunLala/myH54、点击下面的Clone按钮,大功告成...原创 2018-12-12 14:34:06 · 652 阅读 · 0 评论 -
VM258:1 Uncaught SyntaxError: Unexpected token o in JSON at position 1——json串的解析问题
今天研究了一下ECharts,它的官网http://echarts.baidu.com/examples/给出的是利用静态数据展示的图表,我想模拟数据是用ajax从后台拿过来的数据,于是自己在前台写了一个json串,并利用ECharts的demo进行数据展示我的json串如下var data = { 1: "value1", ...原创 2018-11-14 16:31:18 · 12228 阅读 · 1 评论 -
js中function前面加 ! 的含义
转载出处:http://www.cnblogs.com/beijingstruggle/p/5970824.html自执行匿名函数:常见格式:(function() { /* code */ })(); 解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。 作用:可以用它创建命名空间,只要把自己所...转载 2018-11-14 11:05:23 · 2850 阅读 · 0 评论 -
关于echarts-formatter 数据格式化小结
转载出处:https://blog.csdn.net/cysear/article/details/79578174一、tooltip中的数据格式(数据点的悬浮框)tooltip : {trigger: 'axis',formatter:function(a,b,c){return a+'<br/>'+b+c;}},formatter格式化方法的参数说明:(下...转载 2018-11-15 14:48:32 · 1001 阅读 · 0 评论