![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 55
svygh123
问题还没解决的,可以私信,解决了请采纳一下,谢谢
展开
-
发请求终于不用jquery了
fetch方法是现代Web开发中一个非常重要的功能,用于从服务器异步获取资源。它是JavaScript语言的一部分,广泛应用于浏览器环境和一些支持Fetch API的Node.js环境中。fetch提供了一个更强大、灵活且 promise-based 的方式来处理网络请求,相比传统的(XHR)而言,它更加简洁易用,并且支持更多的现代网络特性。原创 2024-07-18 23:36:18 · 271 阅读 · 0 评论 -
静态网站怎么更新数据
这种对于数据安全性不是特别高的纯静态网站中,使用JavaScript来读取JSON文件并在HTML页面中动态显示数据是比较常见做法。原创 2024-07-18 22:05:01 · 203 阅读 · 0 评论 -
nodejs模板引擎(二)
虽然Jade现在已经被更名为Pug,但它的使用方式并没有太大的改变。原创 2024-07-12 20:00:00 · 644 阅读 · 0 评论 -
nodejs模板引擎(一)
这只是使用 EJS 的一个简单示例。不同的模板引擎可能有不同的语法和特性,但它们大多数都遵循类似的工作流程。您可以根据具体需求选择合适的模板引擎,如 Pug(旧称 Jade)、Handlebars、Mustache、Dust.js 等。在 Node.js 中使用模板引擎可以让您更轻松地生成动态 HTML 页面,通过将静态模板与动态数据结合,您可以创建可维护且易于扩展的 Web 应用程序。如果您需要更复杂的逻辑或者特定的功能,您应该查阅所选模板引擎的。,您应该看到动态生成的页面。运行您的应用,然后访问。原创 2024-07-12 11:30:00 · 906 阅读 · 0 评论 -
纯语义,再也不用写css了
Mojo CSS 是一个下一代的原子级 CSS 框架,由 Mohammad Zamanian 和 Ali Mirabbasi 开发和维护,于2023年发布。这个框架的核心特性在于它能够自动扫描你的HTML代码,并根据这些代码实时生成对应的CSS视觉效果,这意味着开发者无需手动编写大量的CSS样式代码。Mojo CSS 的设计理念围绕易用性、高度定制化以及性能优化,致力于提供一种全新的、高效的样式设计方式。原创 2024-07-03 20:55:16 · 690 阅读 · 0 评论 -
js遍历数组删除指定元素
可以使用while循环和indexOf方法遍历数组,并使用splice方法删除指定的元素,直到该元素不再存在于数组中。可以使用数组的filter方法来遍历数组并删除指定元素。filter方法会返回一个新的数组,其中包含满足条件的元素。可以使用for循环遍历数组,然后使用splice方法删除指定元素。这些方法都可以用来遍历数组并删除指定元素,选择哪种方法取决于你的需求和喜好。方法三:使用while循环和indexOf方法。方法二:使用for循环和splice方法。方法一:使用filter方法。原创 2024-03-13 22:46:42 · 1467 阅读 · 0 评论 -
bootstrap获取checkbox选中的值集合
bootstrap获取checkbox选中的值集合原创 2022-11-29 21:57:56 · 1330 阅读 · 0 评论 -
jquery form提交的2种方式
1.序列化参数提交$.ajax({ type: 'POST', url: url, data: $('#' + formId).serialize(), async: true, // true(异步), false(同步) cache: false, contentType: false, processData: false, success: function(result) { console.log("ajax请原创 2021-02-12 11:45:30 · 4664 阅读 · 1 评论 -
使用vue-cli初始化项目时运行‘npm run dev’报错
npm run dev无法启动0 info it worked if it ends with ok1 verbose cli [1 verbose cli 'D:\\Program Files\\nodejs\\node.exe',1 verbose cli 'D:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',1 verbose cli 'run',1 verbose cli 'dev'1..原创 2021-02-10 17:43:15 · 3097 阅读 · 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 · 364 阅读 · 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 · 195 阅读 · 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 · 1248 阅读 · 0 评论 -
从0开始学习自动化测试框架cypress(三)特性
下面再来一个简单的例子实现效果是访问百度,输入java经典教程,搜索describe('DOM访问操作实例', () => { it('百度搜索java经典教程', () => { cy.visit('https://www.baidu.com') cy.get('#kw').type('java经典教程') cy.get('#su').click() })})运行结果我们修改一下代码describe('DOM访问操..原创 2021-02-06 03:45:39 · 351 阅读 · 0 评论 -
从0开始学习自动化测试框架cypress(二)DOM
Cypress Can Be Simple: 这节来学习它简约而不简单的写法吧, 看了之后有种还可以这样的感觉学习内容: 如何查询DOM 命令主题和命令链 断言写法 超时命令 来看一个栗子 describe('Post Resource', () => { it('Creating a New Post', () => { cy.visit('/posts/new') // 1. cy.get('in..原创 2021-02-05 02:26:22 · 255 阅读 · 0 评论 -
从0开始学习自动化测试框架cypress(一)
安装cypress前提是已经安装nodejsmkdir cypresscd cypressnpm install cypress --save-dev --registry=https://registry.npm.taobao.orgnpm install eslint-plugin-cypress --save-dev --registry=https://registry.npm.taobao.orgnpm install --save-dev eslint-plugin-chai-fr原创 2021-02-01 20:17:20 · 286 阅读 · 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 · 265 阅读 · 0 评论 -
js中使用slice进行补0日期和时间
<!DOCTYPE html><html><head> <title>日期时钟</title> <meta charset="utf-8"></head><body> <div id="clock"></div> <scrip...原创 2020-04-26 21:52:21 · 1105 阅读 · 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 · 799 阅读 · 0 评论 -
webpack 4 入门教程一
什么是 Webpack?webpack 是一个静态模块打包器(module bundler)作用:① 它能将多个js文件打包成一个文件(传统开发会需要引入很多js,导致网页加载需要发起多次http请求而是加载速度变慢)② 解决传统的依赖引用混乱问题,有时候传统js引用必须要按规定顺序加载,③ 可以支持css和less的加载,图片处理(可以将较小的图片转成base64,减少http请求)...原创 2020-01-04 11:54:07 · 250 阅读 · 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 · 729 阅读 · 0 评论 -
管理系统页面脚手架(一)
使用纯html+js+css进行开发,站在前人的肩膀上,码处一个雏形,后期会继续和后台交互,达到可用于快速开发的脚手架.已实现简易功能:一.登录页二.首页多页签鼠标移过显示关闭按钮,关闭后,激活并返回上一个页签三.换肤现有6种主题皮肤: 深蓝大海 绿草如茵 空谷深灰 浅桔炫彩 半天朱霞 万紫千红...原创 2019-11-25 21:52:18 · 591 阅读 · 0 评论