html+css
关注
分享
扫一扫
文章平均质量分 58
html+css
svygh123
软件开发、APP开发、浏览器插件开发、爬虫、自动化
展开
-
webpack打包html
Webpack 是一个非常强大的模块打包器，它可以将各种资源（如 JavaScript、CSS、HTML 文件等）作为模块来处理和打包。对于模块化的 HTML 网站，Webpack 可以帮助你优化资源加载、管理依赖关系以及实现代码分割等功能。原创 2024-08-22 10:35:32 · 704 阅读 · 0 评论 -
js实现点击图片放大效果
实现点击图片后弹出一个遮罩层来放大显示图片的功能，可以使用简单的HTML和JavaScript来完成原创 2024-08-21 23:57:05 · 1614 阅读 · 0 评论 -
使用markdown-it和highlightjs渲染markdown文件
使用markdown-it和highlightjs渲染markdown文件原创 2024-08-20 23:48:31 · 1115 阅读 · 0 评论 -
iframe自动调整高度
如果你不想使用第三方库，可以通过监听``的`onload`事件以及使用`setTimeout`来检查``的内容高度，从而实现自动调整高度的功能。这种方法不需要额外的库，但可能会稍微复杂一些。原创 2024-08-20 23:46:15 · 1255 阅读 · 0 评论 -
发请求终于不用jquery了
fetch方法是现代Web开发中一个非常重要的功能，用于从服务器异步获取资源。它是JavaScript语言的一部分，广泛应用于浏览器环境和一些支持Fetch API的Node.js环境中。fetch提供了一个更强大、灵活且 promise-based 的方式来处理网络请求，相比传统的（XHR）而言，它更加简洁易用，并且支持更多的现代网络特性。原创 2024-07-18 23:36:18 · 508 阅读 · 0 评论 -
静态网站怎么更新数据
这种对于数据安全性不是特别高的纯静态网站中，使用JavaScript来读取JSON文件并在HTML页面中动态显示数据是比较常见做法。原创 2024-07-18 22:05:01 · 602 阅读 · 0 评论 -
nodejs模板引擎(二)
虽然Jade现在已经被更名为Pug，但它的使用方式并没有太大的改变。原创 2024-07-12 20:00:00 · 781 阅读 · 0 评论 -
nodejs模板引擎(一)
这只是使用 EJS 的一个简单示例。不同的模板引擎可能有不同的语法和特性，但它们大多数都遵循类似的工作流程。您可以根据具体需求选择合适的模板引擎，如 Pug（旧称 Jade）、Handlebars、Mustache、Dust.js 等。在 Node.js 中使用模板引擎可以让您更轻松地生成动态 HTML 页面，通过将静态模板与动态数据结合，您可以创建可维护且易于扩展的 Web 应用程序。如果您需要更复杂的逻辑或者特定的功能，您应该查阅所选模板引擎的。，您应该看到动态生成的页面。运行您的应用，然后访问。原创 2024-07-12 11:30:00 · 1073 阅读 · 0 评论 -
纯语义，再也不用写css了
Mojo CSS 是一个下一代的原子级 CSS 框架，由 Mohammad Zamanian 和 Ali Mirabbasi 开发和维护，于2023年发布。这个框架的核心特性在于它能够自动扫描你的HTML代码，并根据这些代码实时生成对应的CSS视觉效果，这意味着开发者无需手动编写大量的CSS样式代码。Mojo CSS 的设计理念围绕易用性、高度定制化以及性能优化，致力于提供一种全新的、高效的样式设计方式。原创 2024-07-03 20:55:16 · 774 阅读 · 0 评论 -
bootstrap获取checkbox选中的值集合
bootstrap获取checkbox选中的值集合原创 2022-11-29 21:57:56 · 1590 阅读 · 0 评论 -
从0开始学习自动化测试框架cypress(五)总结
一.下载环境: cypress.zip解压运行examples或npm install cypress二.简单使用1.常用文件夹fixtures: 保存json文件integration: 保存编写的测试用例,一般使用.spec.js为结尾support: 支持添加cy内置函数 Cypress.Commands.add("funName", () => { ... }) 调用: cy.funName()...原创 2021-02-09 18:12:41 · 419 阅读 · 0 评论 -
从0开始学习自动化测试框架cypress(五)案例
本文将实现以下案例功能使用到以下6个文件login.jsp :登录页面index.jsp : 首页(成功登录后跳转到的页面)add_user.jsp : 新增用户页面LoginServlet.java :登陆校验AddUserServlet.java :新增用户UserListServlet.java:用户列表查询demo.js:测试用例------------------------实际代码如下login.jsp:登录页面<%@...原创 2021-02-08 04:32:50 · 259 阅读 · 0 评论 -
从0开始学习自动化测试框架cypress(四)登录
本文介绍一下模拟系统登录功能1. 从json读取数据校验登陆读取json的话,cypress提供了函数cy.fixture(filePath, encoding, options)其中filePath是json文件名称,必填,后2项选填,路径默认在fixtures文件夹内我们在fixtures新建一个user.json文件,内容如下[ { "username":"admin", "password":"admin123" }, { ..原创 2021-02-07 03:05:22 · 1484 阅读 · 0 评论 -
自动登录
<%@ page pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>欢迎登录图书管理系统</title><link href="css/login.css" rel="stylesheet" type="te.原创 2020-06-07 00:38:20 · 304 阅读 · 0 评论 -
Javascript button onclick和input type button在form中失效解决方案
<form> <input type="button" onclick="reset()"> <button type="button" onclick="reset()">重置</button></form><script> function reset() { alert('invoke rese...原创 2020-03-18 16:02:08 · 858 阅读 · 0 评论 -
点击button自动提交表单原因及解决方案
在做登录的时候,需要ajax提交验证,但是发现点击button会自动submit表单,代码如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>登录</title><style type="text/css">html { widt...原创 2019-12-29 10:04:07 · 851 阅读 · 0 评论 -
eclipse插件开发(三) 简易4页签编辑器(源码 | 设计 | JS | CSS)配色修复JS多行注释问题
本此主要修复了修改html/js/css后,实时刷新设计界面,并且修复了当js多行注释时,修复注释内容后变成黑色字体的bug,达到基本上能在实际应用的效果源码https://download.youkuaiyun.com/download/svygh123/12034408...原创 2019-12-16 10:43:50 · 160 阅读 · 0 评论 -
html5表单注册应用
<!doctype html><html><head><meta charset="utf-8"><title>员工信息</title><style> .container{ max-width: 400px; margin: 20px a...原创 2019-11-28 10:31:23 · 442 阅读 · 0 评论 -
管理系统页面脚手架(一)
使用纯html+js+css进行开发,站在前人的肩膀上,码处一个雏形,后期会继续和后台交互,达到可用于快速开发的脚手架.已实现简易功能:一.登录页二.首页多页签鼠标移过显示关闭按钮,关闭后,激活并返回上一个页签三.换肤现有6种主题皮肤: 深蓝大海 绿草如茵 空谷深灰 浅桔炫彩 半天朱霞 万紫千红...原创 2019-11-25 21:52:18 · 636 阅读 · 0 评论