
前端
文章平均质量分 55
前端
ximeneschen
这个作者很懒,什么都没留下…
展开
-
开发者工具-sources(源代码选项)
当我们想在页面上面直接修改代码进行调试的时候,但是又不想保存到本地磁盘上面直接修改本地文件,那么可以使用替换功能,将当前修改的文件副本临时保存到一个我们指定的文件夹中,用这个文件来替换当前页面中的文件,以达到实时调试的效果。我们可以看到文件内部的style与script报出了错误,js中的eval也报出了错误,其实下面的new Function和setTimeout也是违反策略的,只不过eval报出的错误中断了代码的执行。,大家有兴趣的可以去了解一下,因为这里不属于本项目的内容,因此不做过多讲解。原创 2024-06-01 01:08:31 · 2138 阅读 · 0 评论 -
json 中关于json数组跟json对象的区别
JSON 是存储和交换文本信息的语法:JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。由于这种相似性,无需解析器,JavaScript 程序能够使用内建的 eval() 函数,用 JSON 数据来生成原生的 JavaScript 对象。原创 2022-09-04 22:24:31 · 922 阅读 · 0 评论 -
laydate.render报错:日期格式不合法
一、问题如下所示如果你是返回的json数据,那么参考这篇文章如果你是返回实体数据,并使用如th:value等Thymeleaf模板引擎进行渲染,那么可以参考此文章,大体就是使用el表达式对日期进行格式化,如下:<input name="makingDate" id="makingDate" type="text" th:value="${#dates.format(data.makingDate, 'yyyy/MM/dd')}" class="layui-input" >...原创 2021-10-25 10:18:25 · 2860 阅读 · 3 评论 -
什么是跨域?怎么解决跨域问题?
一、什么是跨域跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。 所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子: http://www.123.com/index.html 调用 http://www.123.com/server.PHP (非跨域) http://www.123.com/inde…什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安原创 2021-07-22 09:46:58 · 1180 阅读 · 0 评论 -
动静分离和前后端分离
一、前端和后端的概念(怎么区分是前端还是后端)什么是前端? 这又可以分解成几个小问题。1.JS是前端么? 2.只要用JS写的,都是前端么? 3.只要是前端工程师写的,都是前端么?4.大前端就是指的用JS语言写的前端,哪怕它是运行在服务器那一端么? 5.App算前端么? 6.Html+CSS算前端么? 7.小程序算前端么? 8.ReactNative算前端么?通常情况下,我们说的前端,都是指浏览器这一端,浏览器这一端,又在通常情况下,都是用JS来实现的,所以又会引申为,用JS写的大部分程序都是前端,包括转载 2021-07-19 21:52:25 · 611 阅读 · 0 评论 -
layui中onchange失效以及form动态渲染失效的问题
最近在使用layui框架做联动的时候,发现jquery中的onchange事件方法在layui框架中失效了。然后浏览layui社区,了解到layui监控一个控件变化有自己的方法。设置 lay-filter属性<select lay-filter="channel"></select>使用 layui.use(['form', 'table', 'notice'], function () { //监听channel改变 form.on('select原创 2021-03-17 10:20:35 · 599 阅读 · 0 评论 -
layui.table.render设置自定义高度高度
<style> .layui-table-cell { line-height: 28px; } </style>原创 2021-02-22 14:55:15 · 3760 阅读 · 0 评论 -
form表单使用onsubmit但return false后仍然提交的解决办法?
以前在项目中为一个表单(from)编写onsubmit()脚本的时候,经常需要验证表单中 数据的合法性,所以常会写道:<form action=”/admin/addUser.do” method=”post” οnsubmit=”validateForm();”>,试图在validateForm()中return false来阻止表单的提交。实际上的效果是即使return false 表单 还是会提交。后来发现 οnsubmit=”return validateForm()”就没有问题了,当时转载 2021-01-06 15:40:17 · 1231 阅读 · 0 评论 -
layer.alert/confirm文字换行
layer.alert方法内的文本需要换行就要加上换行而不是\n换行layer.alert(‘需要换行的文字换行’)原创 2021-01-05 16:47:59 · 2021 阅读 · 3 评论 -
layui动态生成的下拉框被遮住
找到下拉款的div 设置:style=“z-index: 9999”<div class="layui-input-inline" style="z-index: 9999"> <input type="text" name="createUser" id="account" autocomplete="off" class="layui-input" placeholder="请输入"></div>...原创 2020-12-23 14:17:01 · 642 阅读 · 1 评论 -
Layui中Jquery动态设置的select标签加载时而正常时而失效问题排查和解决
1.背景前段使用Layui框架,jQuery动态设置的下拉框select标签,加载时而正常时而失效。本地调试完全没有问题,但是在服务器运行加载成功和失败的比例五五开。2.解决问题原因:Layui的form美化修饰和jQuery的select方法发生冲突,受渲染速度不同影响,最终的select异步加载成功与否也会不同。解决方法:在使用jquery异步加载完成之后,调用Layui的重新渲染方法,对页面重新渲染如下:<script type="text/javascript">转载 2020-12-22 14:19:15 · 1249 阅读 · 0 评论 -
解决layui数据表格table固定列行高不一致的情况
在回调函数done中添加如下代码: //动态监听表头高度变化,冻结行跟着改变高度 $(".layui-table-header tr").resize(function () { $(".layui-table-header tr").each(function (index, val) { $($(".layui-table-fixed .layui-table-header table tr")[index]).原创 2020-12-15 17:46:08 · 858 阅读 · 0 评论 -
layui搭配Distpicker实现省市县多级联动
一、下载Distpicker,将dist下的目录拷贝到静态资源下前端代码: <div class="layui-input-inline"><select name="province" lay-filter="province" id="province" data-province="- 省/自治区/直辖市 -" ></select></div><div class="layui-input-inline"><select原创 2020-12-01 09:01:00 · 558 阅读 · 0 评论 -
javascript怎么监听 form.submit事件
当表单submit的时候。要bai执行一段JS,可以du在form里填写属性onsubmit这样在zhiform表单提交前会先执dao行dc这个4102函数;如果dc这个函数执行完返回1653true;则表单提交,返回false则取消表单提交原创 2020-11-18 17:51:47 · 3427 阅读 · 0 评论 -
input的值提交不上
原因1:input设置为disabled,表单无法提交到后台将disabled=”disabled” 改为 readonly = “readonly” 即可按照W3C的规范:设置为disabled的input将会有下面的限制:不能接收焦点使用tab键时将被跳过可能不是successful的设置为readonly的input将会有下面的限制:可以接收焦点但不能被修改可以使用...转载 2020-02-27 18:25:02 · 550 阅读 · 0 评论 -
js使用el表达式
<script type="text/javascript"> var aaa = "${user.name}"; //获取el表达式的值, var nnn = "<%=Constants.getValue()%>"; //获取java代码的值</script>...原创 2020-02-27 16:52:52 · 222 阅读 · 0 评论 -
使用c:foreach时链接失效
<c:forEach items="${productList}" var="productList" varStatus="status"> <span class="DSBUTTON" style="float: left"> 我要买...原创 2020-02-24 13:59:29 · 688 阅读 · 1 评论