688IT编程网

688IT编程网是一个知识领域值得信赖的科普知识平台

浏览器

HTML5中的WebNotification桌面通知

2024-01-14 22:12:39

HTML5中的WebNotification桌⾯通知⼤家在做⼀些浏览器端的聊天功能的时候,或者在⼀些⽹站跟咨询的时候,会看到⼀些消息通知的提⽰,常见的有浏览器标签页的闪烁和屏幕右侧的消息通知。本篇博客就在这⾥简单的介绍⼀下如何实现这样的功能。需要购买阿⾥云产品和服务的,点击此链接领取优惠券红包,优惠购买哦,领取后⼀个⽉内有效:1、实现标签页闪烁效果实现的效果:  当前窗体失焦的时...

有用的vscode快捷键大全+自定义快捷键

2024-01-14 14:11:20

有⽤的vscode快捷键⼤全+⾃定义快捷键VS Code是前端的⼀个⽐较好⽤的代码编辑器,但是我们不能⽼是局限于⿏标操作呀,有时候很不⽅便,所以呢,快捷键⼤全来啦,有的可能会和你们电脑⾃带的快捷键冲突呢,这时候,你⾃⼰设置⼀下就好了呀⼀、vs code 的常⽤快捷键列表1、注释:1、注释  a) 单⾏注释:[ctrl+k,ctrl+c] 或 ctrl+/  b) 取消单⾏注释:...

一分钟教程:利用cloudflareworker搭建在线代理—-jsproxy

2024-01-14 12:09:16

⼀分钟教程:利⽤cloudflareworker搭建在线代理—-jsproxy现在都流⾏⽆服务器函数,作为⼤牌CDN提供商cloud flare⾃然不⽢落后推出了worker服务。免费⽤户有10万请求/每天 的额度,搭配上⼀些⼩型项⽬⽐如jsproxy就显得格外⾹甜。jsproxy简介jsproxy是 ⼀个基于浏览器端 JS 实现的在线代理 。传统在线代理都是在服务端替换 HTML/JS/CSS...

PHP基础之基本语法大全

2024-01-14 11:05:39

PHP基础之基本语法⼤全转载⾃:PHP的常见语法PHP代码执⾏⽅式:在服务器端执⾏,然后返回给⽤户结果。如果直接使⽤浏览器打开,就会解析为⽂本。意思是说,需要浏览器通过 http请求,才能够执⾏php页⾯。这⾥只列举常⽤的PHP语法,更为详细的语法教程可以查阅 。第⼀段 php 代码将 WampServer 跑起来,在D:\wamp\www下新建⼀个1.php⽂件,代码如下:1.php:<?...

《PHP+MySQL》项目一课后习题及答案

2024-01-14 08:58:41

题目:在线考试系统开发完成后,既可以在电脑的浏览器上答题,也可以在手机等移动设备的浏览器上答题。当网站在局域网内上线后,手机可以通过WIFI连接到局域网中访问。需要注意的是,如果网页按照传统的方式设计,在手机浏览器中访问可能会出现排版问题,为此可以将网页设计成响应式布局。接下来请动手实现在线考试系统的手机端答题,通过响应式布局使页面符合手机端的浏览体验。答案:1、在HTML中的<head&g...

PHP实现自动运行文件

2024-01-14 08:47:51

PHP实现⾃动运⾏⽂件autoexec.php:<?phpignore_user_abort();// 即使Client断开(如关掉浏览器),PHP脚本也可以继续执⾏set_time_limit(30);// 执⾏时间为⽆限制,php默认的执⾏时间是30秒,通过set_time_limit(0)可以让程序⽆限制的执⾏下去$interval=3;// 运⾏时间间隔(或频率)为3分钟do{$ur...

前端优化之雅虎(Yahoo)军规14条规则

2024-01-14 06:28:42

前端优化之雅虎(Yahoo)军规14条规则相信很多⼈都听过优化⽹站性能的雅虎军规14条规则,下⾯就详细介绍⼀下这14条规则的优化吧image第⼀条、尽可能的减少 HTTP 的请求数 (Make Fewer HTTP Requests )http请求是要开销的,想办法减少请求数⾃然可以提⾼⽹页速度。常⽤的⽅法,合并css,js(将⼀个页⾯中的css和js⽂件分别合并)以及Image maps和css...

position的fixed用法

2024-01-14 05:34:08

position的fixed用法"position: fixed" 是一种CSS属性,用于将一个元素的位置固定在屏幕上的某个位置,不随页面滚动而改变。使用 "position: fixed" 时,元素的位置是相对于浏览器窗口的,而不是相对于其父元素或文档的。这使得元素会保持不动,无论用户如何滚动页面。以下是几个常见的使用场景和用法示例:1. 悬浮导航栏:css.navbar {  pos...

python随机生成一个矩阵并存入txt文件

2024-01-14 04:41:15

python随机⽣成⼀个矩阵并存⼊txt⽂件注释在python中的numpy.random.randint(a,b)⽤于⽣成⼀个指定范围内的c⾏d列的整数矩阵。其中参数a是下限,参数b是上限,⽣成的随机数矩阵n: a <= n <= b。前提是必须import numpy,如果直接import random后调⽤random.randint()并且尝试输⼊size1参数,会出现以下错误...

html中背景图片等比例缩放,CSS实现响应式全屏背景图+用CSS3实现全屏按...

2024-01-13 22:41:08

html中背景图⽚等⽐例缩放,CSS实现响应式全屏背景图+⽤CSS3实现全屏按⽐例缩放背景。。。该楼层疑似违规已被系统折叠 隐藏此楼查看此楼随着逐浪CMS新版的⼀些效果逐渐放出,有不少的朋友想全屏的背景图⽚如何设计。在不同的时代有不同的流⾏⽹站显⽰形式,当前很流⾏的⼀种⽹页形式就是满屏⼤图,本⽂将⽤最简单的⽅式实现该效果。⽤到了CSS 属性background-size ,⽆需javascript...

html文字图片同一行,CSS控制图片和文字在同一行显示且对齐的3种方法...

2024-01-13 22:28:20

html⽂字图⽚同⼀⾏,CSS控制图⽚和⽂字在同⼀⾏显⽰且对齐的3种⽅法初学css的新⼿朋友经常会遇到⼀个问题,当⽂字和图⽚出现在同⼀⾏或者同⼀个div⾥⾯的时候,在浏览器中运⾏出来的显⽰效果往往是在不同的⾏,那么我们怎么才能在css中控制他们在同⼀⾏显⽰呢,其实⽅法有3种:1、通过添加css的“vertical-align:middle;”;2、如果图⽚是背景图⽚,可以在css中设置背景图⽚,然...

如何在HTML上插入图片

2024-01-13 22:17:44

如何在HTML上插⼊图⽚在HTML中插⼊图⽚的⽅法有:直接在html代码上插⼊、在CSS样式中插⼊、在JavaScript中通过给img设置src值来插⼊图⽚、innerHTML插⼊img属性来插⼊图⽚如果⼀个页⾯中仅有⽂字会显得很单调,枯燥乏味,但是当我们添加了⼀些图⽚在上⾯时会显得好看多了,今天将向⼤家介绍如何在HTML 页⾯上插⼊图⽚。在HTML页⾯中插⼊图⽚需要⽤到html中的<im...

html实现图片淡化效果,图片由模糊变清晰的淡入效果js+css实现【原创...

2024-01-13 22:11:44

html实现图⽚淡化效果,图⽚由模糊变清晰的淡⼊效果js+css实现【原创】⽹页⾥,在⼀些例如栏⽬、标签、产品展⽰的地⽅,如果直接显⽰图⽚,会觉得有点平淡,如果图⽚加点由模糊变清晰、淡⼊淡出的效果,会⼤⼤的增强⽤户体验。本⽂将为你介绍⼀个js+css实现的⽅法,代码简单易懂,修改起来也很简单。我们先来看看效果吧:上⾯就是图⽚有模糊变清晰的效果。这个效果是由js+css实现的。下⾯介绍代码:1、图⽚...

Djang中静态文件配置方法

2024-01-13 05:43:36

Djang中静态⽂件配置⽅法下⾯通过图⽂并茂的⽅法给⼤家详细介绍下Djang中静态⽂件配置⽅法⼀、django静态⽂件配置原理静态⽂件配置就是为了让⽤户请求时django服务器能到静态⽂件返回。⾸先要理解⼏个概念:媒体⽂件:⽤户上传的⽂件静态⽂件:css,js,image等开发环境:使⽤django内置服务器处理静态⽂件⽣产环境:使⽤apache2/nginx服务器处理静态⽂件映射所以在配置时要...

IE6兼容兼容心得(自己总结的)

2024-01-13 04:19:01

文档类型2010年8月19日16:32使用以下DOCTYPE可使避免IE6进入怪异模式,不适用文档声明或使用HTML3以下的文档声明会是IE6进入向下兼容IE5的怪异模式DOCTYPE (Document Type) 文档类型,说明 XML 或者 (x)HTML 的版本。DTD (Document Type Definitions) 文档类型定义,浏览器根据 DTD 来解释页面标识,并展现出来。D...

CSSfont-style斜体字体倾斜体样式

2024-01-13 04:10:08

CSSfont-style斜体字体倾斜体样式 ⼀、常⽤斜体语法  常⽤字体样式设置font-style: italic  兼容各⼤浏览器  normal : 正常的字体(默认字体样式,可⽤于去掉html i斜体标签默认斜体样式)  italic : 斜体。对于没有斜体变量的特殊字体,将应⽤oblique  oblique : 倾斜的字体 ...

CSS布局浮动(2)清除浮动的方法—网页布局案例⑤给父元素设置

2024-01-13 04:07:14

CSS布局浮动(2)清除浮动的⽅法—⽹页布局案例⑤给⽗元素设置overflow:hidde。。。四、浮动(案例)⽹页布局案例➢ 需求:使⽤浮动,完成设计图中布局效果<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatibl...

深入理解CSS溢出overflow

2024-01-13 03:49:27

深⼊理解CSS溢出overflow深⼊理解CSS溢出overflow⼀、总结⼀句话总结:overflow⽤于对溢出内容的处理。1、overflow有哪5个常⽤参数,分别是什么意思?visible | hidden | scroll | auto | inheritvisible 元素的内容在元素框之外也可见auto 如果内容被剪裁,则浏览器会显⽰滚动条以便查看其余的内容scroll 元素的内容会在...

css3更改默认滚动条样式-webkit-scrollbar

2024-01-13 03:45:27

css3更改默认滚动条样式-webkit-scrollbar浏览器⾃带的原始滚动条很不美观,在⼀些特殊需求中,我们需要对滚动条的样式单独设置,因此就出现了⽤-webkit-scrollbar来⾃定义滚动条的样式。。⾸先webkit⽀持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条⾃定义样式,所以⽤处还是挺⼤的。当然,兼容所有浏览器的滚动条样式⽬前是不存在的。滚动条的组成...

如何使用CSS隐藏滚动条并且兼容大部分浏览器

2024-01-13 03:41:21

如何使⽤CSS隐藏滚动条并且兼容⼤部分浏览器隐藏滚动条,已经⾃⼰实测在浏览器Chrome, IE (6+), Firefox, Opera, Safari。如下demo:Content 1Content 1Content 1Content 1Content 1Content 1Content 1Content 1Content 1Content 1Content 1css去掉滚动条Content...

JS实现浏览器打印、打印预览示例

2024-01-13 03:07:21

JS实现浏览器打印、打印预览⽰例⽬前正在做浏览器端采⽤JS⽅式实现打印这么⼀个功能,JS打印实现的⽅法很多,但是兼容各个浏览器实现打印预览的功能有些棘⼿,现将实现的内容及遇到的问题记录下来,希望有⼤⽜看到所提的问题后可以给予解答,在此感谢啦。1.JS实现打印的⽅式⽅式⼀:window.print()window.print();会弹出打印对话框,打印的是window.document.body.i...

vue-video-player文档_vue-video-player实现实时视频播放方式代码示例...

2024-01-13 03:06:32

vue-video-player⽂档_vue-video-player实现实时视频播放⽅式代码⽰例本篇⽂章⼩编给⼤家分享⼀下vue-video-player实现实时视频播放⽅式代码⽰例,⽂章代码介绍的很详细,⼩编觉得挺不错的,现在分享给⼤家供⼤家参考,有需要的⼩伙伴们可以来看看。监控设备播放效果如下1、vue项⽬安装vue-video-playernpm install vue-video-pla...

jQuery的ready方法详解

2024-01-13 03:01:56

jQuery的ready⽅法详解jQuery中的ready⽅法实现了当页⾯加载完成后才执⾏的效果,但他并不是load或者load的封装,⽽是使⽤标准W3C浏览器DOM隐藏api和IE浏览器缺陷来完成的,⾸先,我们来看jQuery的代码复制代码代码如下:DOMContentLoaded = function(){//取消事件监听,执⾏ready⽅法 ...

DYNATRACE AJAX版使用指南

2024-01-13 03:01:45

开始分析之前运行配置和预置功能jquery ajax例子dynaTrace使用被称为运行配置的方式,使你可以直接浏览你要分析的网站而不用每次都要在你的浏览器里键入url。你可以通过左上角工具栏中的下拉菜单来管理你的运行配置(添加新的、修改或者删除现有的配置)。选择Manage Run Configuration来预置le网站,参看下面的截图:管理网址如截图所示...

jquery cors请求方法

2024-01-13 02:44:38

JQuery CORS请求方法一、什么是CORS?跨源资源共享(CORS)是一种机制,可以让不同源的服务器之间进行安全数据传输。在Web开发中,由于浏览器的同源策略限制,一般情况下只允许同源服务器之间进行数据传输,跨域请求会被浏览器拦截。CORS机制的出现,解决了这种限制,实现了安全地跨域数据传输。二、JQuery中的CORS请求JQuery库提供了方便的方法用于发起跨域请求。通过JQuery的a...

SwiftUIDocumentGroup中文文档

2024-01-12 23:09:22

SwiftUIDocumentGroup中⽂⽂档DocumentGroup⼀个⽀持打开,创建和保存⽂档的场景。宣⾔struct DocumentGroup<Document, Content> where Content : View概述使⽤场景告诉SwiftUI,当您使⽤协议声明应⽤程序时,您的应⽤程序可以打开哪些⽂档。DocumentGroupApp通过传⼊⽂档模型和能够显⽰⽂档类...

解决document.bodyisnull的问题

2024-01-12 22:10:06

解决document.bodyisnull的问题虽然body是JS中的DOM技术中所有浏览器⽀持的属性,但在我们的代码编写中,还是会碰到document.is null问题isnull的用法问题的原因很简单,是因为我们在body标签前就加载了js,此时还没有body元素问题的解决办法就是把调⽤到document.body的JS代码移到body标签代码结束之后。...

解决postman传参为中文报错400问题

2024-01-12 19:35:45

postman的中文翻译解决postman传参为中⽂报错400问题前⾔今天七⼣佳节,静静地听落⾬的声⾳,先祝⼤家七⼣节⽇快乐~前⼀段时间⾃⼰测试接⼝,发现postman 传参为中⽂时会报错400,参数传不过去,当时测试⽐较着急,就把接⼝地址粘到了浏览器的地址栏中,传中⽂进⾏测试,也不能⼀直这样“将就”不是,拿来看看怎么解决吧。正⽂问题postman 传参 报错400 状态码解决在postman 的...

基于Android平台的浏览器开发与实现

2024-01-12 14:25:58

中国地质大学毕业设计(论文)开题报告      题  目: 基于Android平台的浏览器开发与实现                          学    院:  机电学院  &...

等级考试二级JAVA考点分析之APPLET程序设计

2024-01-12 09:58:50

等级考试二级JAVA考点分析之APPLET程序设计等级考试二级JAVA考点分析之APPLET程序设计10.1 Applet的基本概念考点:1Applet的概念(1)Applet是指嵌入HTML文件中,能够运行于浏览器的Java类。(2) Applet不能独自运行,执行方式是在浏览器或者Appletviewer中运行。(3) Applet的运行环境是浏览器,需要编写HTML文件,并嵌入Applet类...

最新文章