随笔分类 -  html页面分析

表格树形结构
摘要:表格树形结构一直很纠结,没有好的处理方式,以前见过table套table的表格tree不过不好看 ztree插件不是树形的; 领导说layui 树形结构,可以参考下。 搜索看了下html结构,是通过margin-left来区分层级的;所有节点都是同级的tr; 通过javascript配合父级菜单的s 阅读全文

posted @ 2020-01-08 19:20 荆棘人 阅读(434) 评论(0) 推荐(0) 编辑

如何防止按钮被重复点击
摘要:之前的思路一直是在事件内部禁用按钮,如果异常,或者执行成功,再把按钮设置成可用的。 文章最后作者提供一种思路,使用遮罩层,大概意思是一种意思吧。 节流 节流的意思是,使用定时器,保证过一段时间才会触发ajax请求,防止ajax请求过于频繁。 参考资料: 文章:问问自己,你真的会用防抖和节流么???? 阅读全文

posted @ 2019-12-27 10:03 荆棘人 阅读(636) 评论(0) 推荐(0) 编辑

clickjacking 攻击
摘要:文章:Web安全之点击劫持(ClickJacking) 点击劫持(ClickJacking)是一种视觉上的欺骗手段。大概有两种方式,一是攻击者使用一个透明的iframe,覆盖在一个网页上,然后诱使用户在该页面上进行操作,此时用户将在不知情的情况下点击透明的iframe页面;二是攻击者使用一张图片覆盖 阅读全文

posted @ 2019-12-11 10:57 荆棘人 阅读(497) 评论(0) 推荐(0) 编辑

frame标签和frameset
摘要:框架: 0 1 yes no auto 提示浏览器无法支持框架 参考:https://www.w3school.com.cn/tags/tag_frame.asp 混合框架结构: X-Frame-Options 参考地址:https://developer.mozilla.org/zh-CN/doc 阅读全文

posted @ 2019-12-11 10:51 荆棘人 阅读(424) 评论(0) 推荐(0) 编辑

javascript打开窗口
摘要:项目中javascript代码,早期使用了只有ie支持的方法:Window createPopup() 方法 那个时候是2009年,而现在已经是2019-12-11了。如何改造这个早期的代码呢? 找到一个主流浏览器都支持的方法:Window open() 方法 语法: name可选。指定target 阅读全文

posted @ 2019-12-11 10:16 荆棘人 阅读(422) 评论(0) 推荐(0) 编辑

table的display值导致table显示一半
摘要:table的display应该是:table 阅读全文

posted @ 2019-12-05 10:14 荆棘人 阅读(359) 评论(0) 推荐(0) 编辑

网页自动跳转 HTTP-EQUIV="REFRESH"
摘要:文章:META HTTP-EQUIV="REFRESH" 实现网页自动跳转 < META HTTP-EQUIV="REFRESH" CONTENT="x; URL=*.*"> 在农行支付中看到的代码,之前没见过这种跳转页面的方式。 阅读全文

posted @ 2019-11-27 14:52 荆棘人 阅读(748) 评论(0) 推荐(0) 编辑

web安全漏洞相关
摘要:1,密码输入框input应该 设置:autocompete="off" 2,设置HTTPOnly,禁止客户端修改cookie 文章:Cookie中的HttpOnly详解 3,不要展示给用户详细的错误信息; 一下内容复制自:https://www.jb51.net/article/135079.htm 阅读全文

posted @ 2019-11-15 15:02 荆棘人 阅读(154) 评论(0) 推荐(0) 编辑

html相对字体
摘要:文章:使用 rem 设置文字大小 使用rem作为字体单位。 阅读全文

posted @ 2019-11-11 11:32 荆棘人 阅读(202) 评论(0) 推荐(0) 编辑

event.target事件
摘要:event.target 在 IE6-8 中,事件模型与标准不同。使用非标准的 element.attachEvent() 方法绑定事件监听器。在该模型中,事件对象有一个 srcElement 属性,等价于target 属性。 阅读全文

posted @ 2019-11-06 14:01 荆棘人 阅读(424) 评论(0) 推荐(0) 编辑

jquery复杂节点获取
摘要:jquery.find方法 1 2 3 4 5 参考地址:https://api.jquery.com/find/ jquery parents()方法 待补充……………… 标题:jQuery-样式(jQuery选择器) 参考:https://www.csdn.net/gather_2a/OtTaI 阅读全文

posted @ 2019-11-05 18:46 荆棘人 阅读(236) 评论(0) 推荐(0) 编辑

css定位基础知识
摘要:标题:css定位 地址:https://www.w3school.com.cn/css/css_positioning.asp 阅读全文

posted @ 2019-11-04 10:49 荆棘人 阅读(140) 评论(0) 推荐(0) 编辑

html布局-子div浮动后,父容器撑不开解决
摘要:文章:子div撑不开父div的几种解决办法: 1,可以在所有子元素后增加<div style="clear:both;"></div> 2,给父容器增加样式: 兼容IE样式: 3,父容器增加样式:overflow:hidden 感觉第三种方法最为简单。 阅读全文

posted @ 2019-11-04 10:39 荆棘人 阅读(544) 评论(0) 推荐(0) 编辑

Web前端面试图
摘要:文章:记一次腾讯微信面试 先是看简历上写的项目经验,问一上些项目上的问题,比如如何编写 js-sdk, 如何去修改 weui 库,遇到最大的难题是什么及如何去解决的。 数组去重的方法有哪些? 如何判断左右小括号是否全部匹配。如 ( ( ))()((((())))) JS 的事件机制 如何劫持 XML 阅读全文

posted @ 2019-10-30 09:38 荆棘人 阅读(194) 评论(0) 推荐(0) 编辑

上传与预览图片
摘要:文章:前端图片上传那些事儿 与2013年相比,这6年前端变化巨大,上传图片,预览图片,剪切图片都有新的技术和库可用了。 文章是很完整的一个示例,很有参考价值。 阅读全文

posted @ 2019-10-30 09:21 荆棘人 阅读(116) 评论(0) 推荐(0) 编辑

html页面分块加载
摘要:方法:jQuery ajax - load() 方法 这个方法可以请求html页面,并把结果放在指定元素内。 阅读全文

posted @ 2018-07-30 15:51 荆棘人 阅读(476) 评论(0) 推荐(0) 编辑

开发者工具删除元素Delete Element
摘要:开发者工具有个很好用的功能,通过删除元素,可以查看页面哪些元素比较特殊,同时也可以排除干扰。 阅读全文

posted @ 2018-07-05 19:16 荆棘人 阅读(1079) 评论(0) 推荐(0) 编辑

HTML DOM Event 对象
摘要:百度:HTML DOM Event 对象 Event有很多属性,可以使用。 阅读全文

posted @ 2018-03-29 16:28 荆棘人 阅读(115) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示