一键打开浏览器「上帝模式」,你也许不知道的 5 个实用小技巧

在浏览器中,每个加载的网页都会被解析成一个DOM树,通过DOM可以对这个树状结构进行访问和操作,使用JavaScript等脚本语言可以动态地改变网页的内容、结构和样式。在浏览器的「开发者工具」中,JS代码主要通过「Console(控制台)」运行。Console是一个简易的REPL(Read-Eval-PrintLoop,一种交互式编程环境)...

JS小技巧:制作一个密码保护的网页

本示例的目标效果是:打开网页时,需输入正确的密码,如下图所示:只有输入正确的密码才能打开网页:实现的方法很简单,源代码只有如下几行:但这其中存在个问题:如上图中,密码是明文可见的,只要查看源码,即可以知道密码。为了解决这个问题,用JShaman对JS代码进行混淆加密:加密后的代码,成为一堆乱码,密码也被加密...

用JS实现织梦CMS网页中图片属性的调整方法

网站图片变形的问题在我们优化网站的过程中经常会遇到,在织梦后台上传图片后,都会有一个图片属性调整的提示框,会让我们指定图片的宽和高。但是固定了图片的宽高后,PC端用max-width可以控制最大宽度,高度自动缩放,但是手机端就没法自动缩放,可以使用js来改变图片的style,通过100%比例,当然也可以设置px固定的高度宽度。

网页前端js中的this指向问题

情况1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,但是我们这里不探讨严格版的问题,你想了解可以自行上网查找。情况2:如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。情况3...

开源流程图表库(04):JointJS,有专门的可视化编辑器

引入JointJS库:首先,在网页的HTML文件中引入JointJS库的JavaScript文件和样式文件。可以从JointJS官方网站(httpsjointjs/)下载最新版本的库文件,然后将其引入到HTML文件中。JointJSExample创建画布:在HTML文件中,可以创建一个容器元素作为画布,用于显示图形。可以使用div元素,并为其指定一个唯一的ID。

HTTP/3部署所面临的挑战(上)_澎湃号·湃客_澎湃新闻-The Paper

经过近五年的开发,新的HTTP/3协议终于接近尾声(www.e993.com)2024年12月20日。接下来让我们详细了解一下在部署和测试HTTP/3时所遇到的挑战,以及如何或是否也应该更改你的网站和资源。大家好,欢迎来到HTTP/3和QUIC协议系列的第三部分,也是最后一部分!在学习了前两部分内容之后,你已经相信开始使用新协议是一个不错的主意(你也应该如此!),接下...

曾被VC群嘲,如今门槛被踏破,40亿估值的Webflow做对了什么?| 全球...

不仅如此,Webflow的优势还有很多,比如其云建站服务更为便捷,采用全托管的方式,作为对比,传统html、JS、WordPress的开发者往往搭载于自购服务器与域名,需要具有一定的技术知识,且在一次新的deploy(部署)之后才能使用户看到的页面发生改变,对专注于视觉细节的设计师来说,操作流程极其冗杂。

巧用按键精灵 实现大数据直采

——通过URL中的参数控制抓取内容。数据的展示网页通常根据数据的逻辑结构设置网页参数组织数据展示。如某航空网站广州到厦门1月30日机票订票网址,其中问号后面跟随的“c1=CAN&c2=XMN&d1=2021-01-30”就是网页参数,CAN代表广州是起始地参数,XMN代表厦门是目的地参数,d1的值控制订票日期。通过改变参数的值,就可以抓...

手把手教你开发一个 chrome 扩展程序

内容脚本中是一些JS代码,在已加载到浏览器的页面的上下文中执行,可以读取和修改浏览器访问的网页的DOM。应该将内容脚本视为已加载网页的一部分,而不是扩展程序的一部分。内容脚本可以通过通信并使用存储API来与其父扩展进行通信。特点:1.拥有一部分Api的使用权限(比如从backgorund监听消息)...

北京市互联网金融行业协会2018年社会招聘

1.1年以上网页前端开发工作经验,有移动端HTML5开发经验者优先;2.深入研究JavaScript应用和开发框架,具有jQuery丰富应用经验;3.掌握响应式布局框架、Bootstrap、AngularJS等最新的JS框架;4.熟悉HTML5,CSS,Div+CSS布局;5.了解前后端配合流程者优先。