-
几行JS实现一个Tab选项卡效果
前端开发2023-04-08
几行JS实现一个Tab选项卡效果
-
Meta referrer标签的简要介绍
前端开发2023-01-14
在某些情况下,出于一些原因,网站想要控制页面发送给 server 的 referer 信息的情况下,可以使用这一 referer metadata 参数。 参数 referer 的 metedata 属性可设置content属性值为以下集合: never always origin 结果 如果referer-policy的值为never:删除http head中的referer; 如果referer-policy的值为default:如果当前页面使用的是https协议,而正要加载资源使用的是普通的htt
-
JS实现检测目标网址是否可访问 网址存活检测
前端开发2022-12-30
最近有用户建议给尊云网站分类目录增加一个网址存活检测在功能。 下面是具体的功能实现: 检测目标网址是否存活一边坚持目标网址在状态码就可以了。 网上有人 通过onerror来实现 function errorurl(){ Alert("该网址无法访问"); } 但实际测试给一个不存在的网址无法正确判断 下面是我的实现方式:
- 网址存活检测
-
前端公共库CDN加速
前端开发2021-12-01
这里搜集整理了常见的前端CDN公共资源库,并附带相关说明信息与跳转链接,便于读者了解与查询使用。提供给需要的朋友查询使用...
-
JS跳转链接的几种方式
前端开发2020-07-18
1 . 跳转链接 在当前窗口打开 window.location.href="http://www.baidu.com" 等价于 <a href="baidu.com" target="_self">go baidu</a> 2、跳转链接 在新窗口打开 window.open("http://www.baidu.com") 等价于 <a href="baidu.com" target="_blank">go baidu</a> 3、跳转链接 返回上一页 w
-
微信小程序提交form操作示例
前端开发2020-05-10
本文实例讲述了微信小程序提交form操作。分享给大家供大家参考,具体如下: 在微信小程序中也存在form组件,bindsubmit这个属性可以用于携带 form 中的数据触发 submit 事件,它鞋带的参数形式如下: event.detail = {value : {'name': 'value'} , formId: ''} 其中的name,和一般的网页一样,将需要上传的input等表单组件设置name属性,在这里,form传递的参数,使用name作为一个key 提交动作是由
-
jquery获取文档高度和窗口高度、浏览器高度
前端开发2020-02-28
jquery获取窗口高度和窗口高度,$(document).height()、$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)$(document.body).height();//浏览器当前窗口文档body的高度
-
DNS预解析dns-prefetch提升页面载入速度优化前端性能
前端开发2019-09-08
当浏览器请求一个URL的时候,通过firebug我们可以发现大概有以下几个过程:阻挡、域名解析、建立连接、发送请求、等待响应、接收数据。后面四个跟用户的网络情况和你的服务器处理速度有关,本文重点说说前两个。 1、阻挡:解决方案——提高浏览器并发连接数 阻挡:不同的浏览器对单个域名的最大并发连接数有一定的限制,HTTP/1.0和HTTP/1.1也不相同。比如HTTP/1.1协议下,IE6的并发连接数限制是2个;而在HTTP/1.0下,IE6的并发连接数可以达到4个。在其
-
移动端中使用调试控制台 eruda
前端开发2019-02-16
进行移动端网页开发时,想要查看手机浏览器信息从来都不是一件容易的事。特别是当目标环境为APP内置WebView,需要调用特定的JsBridge接口时,你根本都干不了什么,只能一遍又一遍地修改代码,重新打开页面并alert一下。你可能会说,可以使用Chrome,Firefox连接手机调试啊!但那样限定于使用相应的手机版浏览器,意义并不大。Weinre,Vorlonjs跟debugGap等工具实际上也并不好用...
-
手机端(移动端)自适应样式 @media 的使用
前端开发2019-01-05
手机端(移动端)自适应样式 @media 的使用 通用手机端样式:@media all and (orientation : portrait) {/*竖屏*/} @media all and (orientation : landscape) {/*横屏*/}...