Oct222025
html5 画布时钟效果
网上看到个时钟效果，感觉挺好看，转了来，具体通过html5画布技术实现的，效果图如下：
具体 html 代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5 时钟效果</title>
</head>
<body>
<canvas id="dom" width="120" height="120"></canvas>
<script type="text/j...阅读全文
抢沙发
Sep252025
selenium模块无头化浏览器 设置不加载页面css、图片、js
下面代码基于火狐浏览器，谷歌浏览器代码类似
from selenium import webdriver
from selenium.webdriver.firefox.options import Options
from selenium.webdriver.chrome.service import Service
def create_web_driver():
"""
设置浏览器驱动位置
浏览器无头化设置
设置不加载网页的css与图片以及新标签的开启方式
:return: wed_driver
"""
...阅读全文
Mar082025
Web播放器,同时支持 HTM5 和 Flash 视频Video.js
Video.js是一款优秀的HTML5 Web视频播放器。它同时支持 HTM5 和 Flash 视频，支持在桌面和移动设备上的视频播放，截至目前，大概有40W的站点在使用Video.js作为web播放器。
获取Video.js
Video.js支持npm和bower方式安装：
NPM
$ npm install --save video.js
Bower
$ bower install --save video.js
也可以在页面中直接通过标签引用CDN资源：
<link href="https://unpkg.com/video....阅读全文
Jan132025
使用navigator.userAgent.toLowerCase()判断移动端设备浏览器类型
在跨平台、浏览器、移动设备兼容的时候，要根据设备、浏览器做特定调整，所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断
代码如下,请参考:
<script type="text/javascript">
// borwserRedirect
(function browserRedirect(){
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
...阅读全文
Dec262024
HTTP 400 Bad Request 错误的原因及解决方法
1. 引言
在互联网应用中，我们经常会遇到各种HTTP状态码，它们用于指示服务器对请求的处理情况。其中，HTTP 400 Bad Request 错误是指客户端发送的请求有错误或无法被服务器理解。本文将探讨HTTP 400错误的原因，并提供解决方法。
2. 错误原因
HTTP 400 Bad Request 错误发生的主要原因有：
2.1. 请求参数错误
当客户端发送的请求参数不符合服务器的要求时，例如缺少必要的参数、参数格式...阅读全文
Dec232024
AngularJS与Angular的区别
随着前端开发的快速发展，JavaScript框架也在不断更新和演进。AngularJS和Angular是两个非常常见的前端JavaScript框架，它们都由谷歌开发并被广泛应用于Web开发中。然而，AngularJS和Angular在设计理念、语法和性能等方面存在一定的区别。本文将对这两个框架进行比较，并详细介绍它们的特点和优势。
AngularJS（Angular 1.x）
AngularJS是由谷歌开发的第一个版本的Angular框架，也被称为A...阅读全文
作者：绝缘体.. | 分类：angular, html, javascript, typescript, 前端技术, 科技企业, 编程语言, 谷歌 | 阅读： | 标签：angular, html, javascript, typescript, 谷歌
Dec212024
Eclipse创建基于Web的Maven项目
介绍
在使用Eclipse进行Java开发时，Maven是一个非常强大的构建工具。它能够自动管理依赖，简化构建过程，使项目开发更高效。本篇博客将介绍如何在Eclipse中创建基于Web的Maven项目，并进行详细的配置与使用方法。
步骤
1. 安装Eclipse
首先，确保已经在您的电脑上安装了Eclipse。如果还未安装，请访问Eclipse官方网站（https://www.eclipse.org/downloads/）下载并安装Eclipse的最新版本...阅读全文
Dec202024
使用Vue.js和Vuex构建复杂的前端应用
在前端开发中，构建复杂的应用可能会面临许多挑战。随着业务需求的增长和前端技术的发展，我们需要使用一种可维护和高效的架构来开发大型应用。Vue.js和Vuex是非常适合构建复杂前端应用的技术栈。
Vue.js简介
Vue.js是一个轻量级的JavaScript框架，用于构建用户界面。它采用了组件化的开发方式，使得代码的复用和维护变得更简单。Vue.js具有简单易学的API和丰富的生态系统，使得开发者可...阅读全文
Dec202024
如何构建一个响应式的导航栏
在如今的互联网时代，越来越多的用户使用移动设备浏览网页，因此构建一个响应式的导航栏变得至关重要。一个优秀的响应式导航栏能够适应各种屏幕尺寸，并提供类似于桌面浏览器一样的用户体验。本文将介绍如何使用响应式设计构建一个适应不同设备的导航栏。
1. 使用HTML和CSS构建基本结构
首先，在HTML文件中创建导航栏的基本结构。使用无序列表(<ul>)和列表项(<li>)来表示导航...阅读全文
Dec152024
使用WebRTC实现浏览器间实时音视频通信
今天，我们将会介绍如何使用 WebRTC 技术在浏览器间实现实时音视频通信。WebRTC（Web Real-Time Communication）是一种开源的项目，旨在通过简单的 JavaScript API 实现在浏览器中进行音视频通信。该技术可以使开发人员轻松构建实时通信应用，如视频会议、语音电话或即时通讯。
WebRTC 的组成部分
WebRTC 由三个核心组件组成：
媒体获取（Media Acquisition）：WebRTC 使用了 getUserMe...阅读全文