首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从零开始学web安全(2)

(1);">xss 有没有可能代码里面只是简单判断了,对于字符实体并没有处理呢?...这个form表单没有id属性,原来有没有id影响到hack成不成功,只能说这里form表单没带id是运气太好了,因为buttonform属性是需要带上一个id没有id就做不了劫持了。...好吧,这个思路想下去没有想到太好办法。。 重新整理一下思路,我们现在进展是: 富文本标签允许直接提交. script被过滤了。...情况2非常容易验证,直接提交一个正常a链接就完了~测试发现推断1是正确,推断2是错。但是当时推断2给了一个nice新想法。直接提交a标签不行,但是svg里一样可以嵌套a标签啊!...好不容易发现字符实体问题在href相似的属性里并不存在。怎么办? 有没有办法提交字符串时候xlink:href没有敏感东西,后续再把它设置回去呢。答案是有的!

50930

从零开始学web安全(2)

(1);">xss 有没有可能代码里面只是简单判断了,对于字符实体并没有处理呢?...这个form表单没有id属性,原来有没有id影响到hack成不成功,只能说这里form表单没带id是运气太好了,因为buttonform属性是需要带上一个id没有id就做不了劫持了。...好吧,这个思路想下去没有想到太好办法。。 重新整理一下思路,我们现在进展是: 富文本标签允许直接提交. script被过滤了。...情况2非常容易验证,直接提交一个正常a链接就完了~测试发现推断1是正确,推断2是错。但是当时推断2给了一个nice新想法。直接提交a标签不行,但是svg里一样可以嵌套a标签啊!...好不容易发现字符实体问题在href相似的属性里并不存在。怎么办? 有没有办法提交字符串时候xlink:href没有敏感东西,后续再把它设置回去呢。答案是有的!

1K60
您找到你想要的搜索结果了吗?
是的
没有找到

不知道你知不知道知道伪元素小技巧

伪元素和伪类一样,添加到选择器,但是不是描述状态,他允许我们为元素某些部分设置样式;利用伪元素,我们可以简化页面的html标签,同时用起来很方便,善于使用伪元素可以页面更加地简洁优雅。...方法:把父容器高度撑起来,考虑到浮动了元素并没有脱离正常文档流,而其它元素会围绕着它环绕,所以清除浮动简单有效办法就是环绕元素不可环绕,把它变成一把尺子,放在最后面,把所有浮动元素顶起来,而这把尺子就是一个设置了...3.计数器 动态计算商品数量,我们经常会借用js来实现;想告诉css实现这个效果,他比js用起来简单多了 ?...没有用到一行js代码,你可以试一试;这个主要是结合:checked和counter,用before/after纯CSS实现,这种纯粹是炫技; 4.平行四边形 有没有办法容器形状倾斜而保持其内容不变呢...需要注意是img/input等单标签没有before/after伪元素,因为它们本身是不可以有子元素,如果你给img添加一个before,那么会被浏览器忽略。 伪元素实现功能很多!

95520

不知道你知不知道但前端NEXT知道伪元素小技巧

伪元素和伪类一样,添加到选择器,但是不是描述状态,他允许我们为元素某些部分设置样式;利用伪元素,我们可以简化页面的html标签,同时用起来很方便,善于使用伪元素可以页面更加地简洁优雅。...方法:把父容器高度撑起来,考虑到浮动了元素并没有脱离正常文档流,而其它元素会围绕着它环绕,所以清除浮动简单有效办法就是环绕元素不可环绕,把它变成一把尺子,放在最后面,把所有浮动元素顶起来,而这把尺子就是一个设置了...3.计数器 动态计算商品数量,我们经常会借用js来实现;想告诉css实现这个效果,他比js用起来简单多了 ?...没有用到一行js代码,你可以试一试;这个主要是结合:checked和counter,用before/after纯CSS实现,这种纯粹是炫技; 4.平行四边形 有没有办法容器形状倾斜而保持其内容不变呢..."不可逆转",和2D变形不同(2D变形内部逆向变形可以抵消外部变形效应); 为了尺寸更好掌握,我们可以为他指定transform-origin:bottom;可用scale()对他进行美观操作

97870

数据分析师,年终述职报告可以这么写(实操版)

12月,又到了一年一度年终总结+述职报告环节。有很多同学表示:有没有模板可以抄抄,今天它来了。考虑到每位同学做述职性情不太一样,有的想出人头地,有的只想交差了事,有的早就对公司不满恨不得马上离职。...01 版本一:负分滚粗型 使用场景:想被领导骂时候 范文: 一年都好忙啊,都在写代码,写不知道 写作要点:很多做数据分析同学,其实没有什么项目经验,也没有正儿八经建模,每天都在做人肉sql...所以除非是有业务部门主动提出:“这个建议很好”,一般情况下数据分析师不会主动炫耀所谓建议。 看到这又有同学说了:老师,平时都从来不问数据有什么用,跑完数交了就完事了,到这不知道该怎么写。...打标签办法,就是从一个和老板最贴近事入手,比如报表、大屏,报告。先打一个生活化标签老板回忆起来,然后再列数字。这样就能快速建立印象,又有数据支持,显得脚踏实地,效果非常好。...大部分情况下,只有直属领导才懂具体业务,其他的人根本不懂,不怎么care(特别是hr,这些文科生就是招聘需求里把spss和python写在一起的人)。

1.6K40

数据分析师,年终述职报告模板来了!

又到了一年一度年终总结+述职报告环节。有很多同学表示:有没有模板可以抄抄,今天它来了。 考虑到每位同学做述职性情不太一样,有的想出人头地,有的只想交差了事,有的早就对公司不满恨不得马上离职。...因此,我们今天会给几个个性化版本,大家参照自己需求来写。 01 版本一:负分滚粗型 使用场景:想被领导骂时候 范文: 一年都好忙啊,都在写代码,写不知道。...所以除非是有业务部门主动提出:“这个建议很好”,一般情况下数据分析师不会主动炫耀所谓建议。 看到这又有同学说了:老师,平时都从来不问数据有什么用,跑完数交了就完事了,到这不知道该怎么写。...打标签办法,就是从一个和老板最贴近事入手,比如报表、大屏,报告。先打一个生活化标签老板回忆起来,然后再列数字。这样就能快速建立印象,又有数据支持,显得脚踏实地,效果非常好。...大部分情况下,只有直属领导才懂具体业务,其他的人根本不懂,不怎么care(特别是hr,这些文科生就是招聘需求里把spss和python写在一起的人)。

43740

数据分析师,年终述职报告模板来了!

又到了一年一度年终总结+述职报告环节。有很多同学表示:有没有现成模板可以抄抄,今天它真的来了。...01 版本一:负分滚粗型 使用场景:想被领导骂时候。 范文: 一年都好忙啊,都在写代码,写不知道。...所以除非是有业务部门主动提出:“这个建议很好”,一般情况下数据分析师不会主动炫耀所谓建议。 看到这又有同学说了:老师,平时都从来不问数据有什么用,跑完数交了就完事了,到这不知道该怎么写。...打标签办法,就是从一个和老板最贴近事入手,比如报表、大屏,报告。先打一个生活化标签老板回忆起来,然后再列数字。这样就能快速建立印象,又有数据支持,显得脚踏实地,效果非常好。...大部分情况下,只有直属领导才懂具体业务,其他的人根本不懂,不怎么care(特别是hr,这些文科生就是招聘需求里把spss和python写在一起的人)。

48340

开发 | 模型表现不好怎么办?37条妙计助你扭转局势

神经网络已经跑了12个小时训练,看上去一切都很完美:梯度运转良好,损失降低。但是做预测时候却一团糟:所有都是0,什么监测不到。“哪一步做错了呢?”你迷茫地问你电脑,而电脑却笑而不语。...对于这一点没有万全办法,因为这得看数据情况。 6. 数据库中噪音是否过多 发生过这样错误,把一个食物网站图像弄坏了。错误标签太多,网络没法进行学习。...手动检查一些输入样本,看看标签有没有问题。 业界没有统一分水线,一篇论文曾在50%标签错误情况下,实现了高于50%精度。 7....然后,试试增加归一化强度,应该增加损失函数。 18. 查一查你损失函数 如果你执行自己损失函数,检查一下有没有问题,增加单元测试。...测试任何定制层 神经网络里,你有没有自己执行任何层?重复检查,确保它们运行正常。 23. 检查“冻结”层或者变量 检查一下是否不经意间,你解除了一些层或者变量梯度更新,没能及时获得信息。 24.

96760

Web端高分屏图片加载方案

观察了几个网站,发现他们做法是直接用了@2x图片,这种做法普通屏幕上图片一些细节会丢失。那么有没有什么办法可以兼顾普通屏幕和高分屏呢?...高分屏 高分屏是指高分辨率显示器,通常情况下我们把大于1080P分辨率显示器称为高分屏,例如:2k、4k显示器,屏幕分辨率越高,显示出来像素点就越多,我们看到画面也就更细腻。...img标签 大多数情况下,我们显示一个图片会用src属性,如下所示。...image-20220720220139981 设备像素比是2,因此把图片尺寸扩大2倍,显示出来效果就是正常。...有没有什么方法能做到动态加载呢(高分屏用@2x,普通屏用正常图片)?

68520

Web前端开发应该必备编码原则

这是每一个Web开发者首次接触Web开发时就应该知道一条原则。然而,直到今天,仍然有很多开发者没有严格遵循这一原则。 不要在HTML标签里内嵌样式表代码。...而这也将方便其他开发者修改你代码时,迅速完成工作。 3、优化CSS代码 现如今,为网站添加多个CSS文件做法已经很普遍。但是,当网站包含CSS文件过多时,会降低网站响应速度。...解决办法是:精简代码并对多个CSS文件进行优化,将其合并成一个文件。这个办法显著提升网站加载速度。此外,有很多工具可以用来优化CSS文件,例如CSS Optimizer、Clean CSS等。...那是因为,一些浏览器下,如果没有按照标准来将标签封闭,会出现显示不正常问题。而这一情况IE6、7和8里尤为明显。 10、标签小写语法 标签采用小写语法是一项行业标准。...但是,如果开发者在编码时,注明代码为哪一个版本浏览器所写,会为以后维护工作带来极大方便。

86800

观点 | UC伯克利教授迈克尔·乔丹采访:人类对机器学习期待过高,机器学习发展还应当更广阔

迈克尔·乔丹:觉得我们研究不是受仿生学启发,不是的。觉得梯度下降,或者叫做反向传播,是这些大型系统具有优秀表现最重要算法。...所以确实,用到神经网络和反向传播稠密矩阵操作是非常有用,比如NVIDIA就有各种需要软硬件可以支持各种不同方法,它确实支持深度学习,但是如果要解决问题范畴里标签数量很少,比如文本,只是想要识别一段不带标签文本特征...另外人们还期待AI系统可以某些方面比人类更聪明,但是我们永远都不会机器人成为决策者,比如做CEO、CTO之类,它们没有对世界那种微妙理解,没办法抽象地做推理,没法面对不确定性事情还做出优秀决定...记者提问:那有没有算法可以达到更好效果呢? 迈克尔·乔丹:没有,据我所知还没有什么那样神奇算法。...记者提问:您在演讲中提到,我们需要建立一个正常工作同时还要能不给人添麻烦、不引发灾难系统,这样系统现在有没有呢? 迈克尔·乔丹:这需要深厚工程能力。

90560

利用og富媒体标签,提升网站在搜索引擎中竞争力

HI,最近更新有些频繁,没办法事情即便工作再多有问题就得处理,有客户咨询,主题SEO功能优化怎么样,说主题模板均是SEO标准化达标的,还增加了OG富媒体标签功能,又问我什么是OG富媒体标签,好吧...它可以帮助我们社交媒体平台上展示网页内容,网页社交媒体上呈现出更加丰富效果。简单来说,OG标签就是一套能够让我们网页社交媒体上“活”起来工具。...那么,OG标签在我们SEO工作发挥哪些作用呢? 提高网站点击率:社交媒体平台上,我们网页标题、描述和图片等信息都是通过OG标签来展示。...既然OG标签对我们SEO工作有这么多好处,那么如何正确使用它呢?其实很简单,我们只需在网页部分添加相应OG标签代码即可。...OG标签有不同释义,这里仅仅给出文章页信息,当然你肯定会看看自己网站是否带有OG富媒体标签是吧,没有不用担心,本站开发主题模板均自带SEO功能,包括自定义文章标题,关键词和描述等等,甚至不需要单独设置就能自动生成

15010

重学基础和原理 1 - 如何理解 HTML 语义化

同样 html 语义化也是为了计算机和人更好读懂和理解。...语义化可以大大提高代码可读性,我们平时写js css 代码肯定不是随意定义变量,而是会取一些有意义名称,自己和其他人更快读懂,比如 num,size,width,height等。...另外使用语义化标签后,即便网页没有样式,依然保持页面呈现清晰主次结构,使你页面可读性较高,如果全用 div,这是完全做不到。...无论从何种角度来说,违背语义化标签,都应该它消失历史长河之中。...读者必看:既然读到了这里,就别这么快离开,奔着学习和交流目的,可以思考下对不对,有没有问题,和你理解有什么不同。所以请思考片刻,留下你足迹,交流是进步最快途径。

43710

Web程序员们,你准备好迎接HTML5了吗?

CSS对浏览器兼容性有时人很头疼,或许当你了解当中技巧跟原理,就会觉得不是难事,从网上收集了IE7,6与Fireofx兼容性处理方法并整理了一下.对于web2.0过度,请尽量用xhtml格式写代码...为了这一命令IE上能用,可以把一个 放到 标签下,然后为div指定一个类, 然后CSS这样设计:    #container{ min-width: 600px; width...同样,这个方法仍必须依靠正确文档类型声明才能够正常工作,原因在前面已经说过。...,IE7当然执行第一行代码,但是因为第二句,他识别,所以就执行了第二句代码,把前面的效果给过滤了,而最后一句,IE7是不能识别的。...所以有很多东西出现FF和IE显示不一样根本原因在于它们默认显示不一样,而这个默认样式该如何显示知道w3中有没有对应标准来进行规定,因此对于这点也就别去怪罪IE了。

77420

网页设计中另人头疼浏览器兼容问题

CSS对浏览器兼容性有时人很头疼,或许当你了解当中技巧跟原理,就会觉得不是难事,从网上收集了IE7,6与Fireofx兼容性处理方法并整理了一下.对于web2.0过度,请尽量用xhtml格式写代码...为了这一命令IE上能用,可以把一个 放到 标签下,然后为div指定一个类, 然后CSS这样设计:    #container{ min-width: 600px; width...同样,这个方法仍必须依靠正确文档类型声明才能够正常工作,原因在前面已经说过。...,IE7当然执行第一行代码,但是因为第二句,他识别,所以就执行了第二句代码,把前面的效果给过滤了,而最后一句,IE7是不能识别的。...所以有很多东西出现FF和IE显示不一样根本原因在于它们默认显示不一样,而这个默认样式该如何显示知道w3中有没有对应标准来进行规定,因此对于这点也就别去怪罪IE了。

1.4K20

手把手教你如何创建和美化图表

说到图表,想必很多人都被网上酷炫图表震惊过。比如下面这样可视化图表,看起来,很高大上有没有。  但是,拆解开来,就是由一个个基础图表演变而来。所以可不要小瞧了基础图表制作。...能不能实现折线动态变化时,折线末端自动实现图例名称跟随? 【答】数据系列是由数据点组成,每个数据点对应一个数据值。所以我们可以将数据点对应数据标签改成图例即可。...解决办法是,要么拉长图表,使其横向显示所有文字;要么,更改文字方向。单击选中横坐标轴,【设置坐标轴格式】窗口进行设置: 柱体间间隙太宽,所以,调小一下。...【答】单击任一数据标签,选中所有数据标签,然后弹出【设置数据标签格式】窗口,对“文本方向”进行设置。 5)排序 为了使图表看起来更直观,先对原始数据进行了降序排列,图表会跟着自动变更。...经过上面的一番学习后,有人会觉得繁琐,太麻烦啦,又添加又删除又调整啥有没有快捷方法可以使图表一键就美化?还真有!

2.2K00

移动web开发需要注意二十点

我们可以利用一句简单javascript代码来实现这个效果 setTimeout(scrollTo,0,0,0); 请注意,这句代码必须放在window.onload里才能够正常工作,而且你的当前文档内容高度必须是高于窗口高度时...10、如何禁止用户旋转设备 曾经想禁止用户旋转设备,想实现像某些客户端那样:只能在肖像模式或景观模式下才能正常运行。但现在可以很负责任告诉你:别想了!移动版webkit中做不到!...对不起,没有找到任何资料说Android禁止开发者阻止浏览器orientationchange事件,但是Android平台,确实也是阻止不了。...因为iOS中没有滚动条概念,Android中通过这两个属性可以正常获取到滚动条值,那么iOS中我们该如何获取滚动条值呢?...=0;" /> 如果有的话,那请你再仔细看清楚有没有这个属性值width=device-width,如果没有请立即加上吧!

1.9K20

元素定位和定位辅助工具

selenium grid,如果有ie,火狐,谷歌三大浏览器,想三大浏览器同时执行代码不同机器上执行,做这种分布式模式,可以用这种selenium grid。...和服务器连接之后,你做什么事,那么就是我们间定义好一套协议。 代码和chrome driver之间通信协议。 什么样请求代表访问网址,什么样请求代表点击操作,什么样请求代表输入操作。...有些情况下,光靠属性,根本就找不到它。因为开发人员开发出来都不一样。 xpath和css是万定位方式,支持多种定位方式组合。 不一定只通过标签名,可多种条件组合筛选。...通过自己各种属性都没有办法确保是绝对唯一,那么就这样,如果在一个家族中某一个兄弟姐妹非常优秀,或者上级(爸爸或者爷爷)某一代中非常优秀。...preceding:只要你比我先出生,无论你是谁家,那都是前面的。 following和preceding其实是没有太大意义,所以不怎么用。

1.4K10

搜索新规则下,移动端如何优化?

经历是人最宝贵而又无价,我们应该学会去经历,人生路途中会遇到很多事,有的刻骨铭心,有的则很快忘记。而难以忘怀,或者是你心灵承受煎熬,却是教你成熟经历。...虽然不知道你们有没有暴涨,但我负责移动端流量是暴涨了,直接涨了1/2流量。...三、JS代码加载内容需规范 对于移动端页面的JS,很多同学并没有像PC端那么去重视。...2、资源有效性: 不打断用户正常浏览体验,能在H5上解决尽量不要把用户再导到其他场景,不然很容易造成用户流失,用户看到资源要有效,不要欺骗用户放不正确内容或根本无法浏览内容。...,正常情况下两周内可以自然恢复,如超期还没有恢复,需要在百度站长平台反馈中心中提交案例,后台工作人员会根据案例查询问题,告知解决方案。

85460

实战 | 记一次实战中SelfXSS+CSRF+越权漏洞组合拳

至少当时是这么想。 在这个框里输入test1111,然后页面源代码中Ctrl+F搜索test1111定位其输出位置。...算是找XSS常规操作吧 看这样子一下就反应过来这玩意是输出在JS代码里,是被标签所包裹,那简单闭合一下不就完事了,只需要用 ’; 闭合前半部分,再用//注释掉后面的特殊符号,最后中间填入...不过360肯定是不允许alert堂而皇之出现有没有办法把它隐藏起来呢。既然都能使用类似eval()功能了,我们还怕这个?...又回去重新看了一下功能,发现这个点别的用户还真就看不到,去,联系方式不就是给其它用户看吗,其他用户看不到,你设计这个功能干啥啊! 没招了,只能想想有没有别的办法。...那看看我们信息有没有被修改成功 不就成了,直接用burp造一个CSRF POC出来,把其中address值改成XSS语句 登上另一个测试账号情况下,试试我们CSRF POC 这个测试账号

1.7K41
领券