js
关注
分享
扫一扫
文章平均质量分 61
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 评论 -
简单介绍ES6模块化开发
ES6（ECMAScript 2015）引入了模块化系统来帮助开发者更好地组织和管理代码。这为JavaScript带来了更加清晰的模块化支持，允许开发者定义独立的文件或代码块作为模块，每个模块可以导出一个或多个功能，其他模块可以通过导入语句来使用这些功能。原创 2024-08-21 23:50:21 · 452 阅读 · 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 评论 -
js使用text/template制作模板
如果你想把模板内容放在HTML文件中，并通过JavaScript加载和渲染这些模板，你可以采用以下几种方法：原创 2024-08-18 23:07:34 · 951 阅读 · 0 评论 -
JavaScript特性一览
JavaScript 作为一种广泛使用的编程语言，拥有很多有用的特性，这些特性使得它既适合前端开发也适合后端开发（例如通过 Node.js）。以下是一些重要的特性原创 2024-08-18 23:04:08 · 662 阅读 · 0 评论 -
js原生模板引擎
在JavaScript中，可以使用模板字符串（template strings）来创建简单的模板。原创 2024-08-16 13:35:51 · 233 阅读 · 0 评论 -
React Native
React Native 是一个用于构建原生移动应用的框架，它使用 JavaScript 和 React（一个用于构建用户界面的 JavaScript 库）来开发 iOS 和 Android 平台的应用程序。React Native 由 Facebook 开发并维护，并且是开源的。原创 2024-08-13 20:18:02 · 1036 阅读 · 0 评论 -
Electron
Electron 是一个开源框架，允许开发者使用 Web 技术（如 HTML、CSS 和 JavaScript）来构建跨平台的桌面应用程序。它是由 GitHub 开发并维护的，最初是为了构建 Atom 编辑器而创建的。现在，Electron 已经被许多知名的桌面应用所采用，比如 Slack、Visual Studio Code、Discord 和 Microsoft Teams。原创 2024-08-13 20:01:54 · 322 阅读 · 0 评论 -
Promise如何解决回调地狱问题？
在JavaScript中，`Promise` 是一种用于处理异步操作的模式，它能够帮助我们解决所谓的“回调地狱”（Callback Hell）问题。“回调地狱”指的是当多个异步操作嵌套在一起时，代码变得难以阅读和维护，因为每个异步操作都需要一个回调函数，并且这些回调函数可能会嵌套得很深。原创 2024-08-07 23:30:17 · 501 阅读 · 0 评论 -
nodejs和vue做web版的MySQL数据库设计
要使用 Node.js 和 Vue.js 创建一个 Web 版本的 MySQL 数据库设计工具，需要构建一个前后端分离的应用程序。下面开始从易到难构建应用程序。原创 2024-07-26 22:36:34 · 1249 阅读 · 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 评论 -
js遍历数组删除指定元素
可以使用while循环和indexOf方法遍历数组，并使用splice方法删除指定的元素，直到该元素不再存在于数组中。可以使用数组的filter方法来遍历数组并删除指定元素。filter方法会返回一个新的数组，其中包含满足条件的元素。可以使用for循环遍历数组，然后使用splice方法删除指定元素。这些方法都可以用来遍历数组并删除指定元素，选择哪种方法取决于你的需求和喜好。方法三：使用while循环和indexOf方法。方法二：使用for循环和splice方法。方法一：使用filter方法。原创 2024-03-13 22:46:42 · 2786 阅读 · 0 评论 -
bootstrap获取checkbox选中的值集合
bootstrap获取checkbox选中的值集合原创 2022-11-29 21:57:56 · 1590 阅读 · 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 · 4763 阅读 · 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 · 3303 阅读 · 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 评论 -
从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 · 392 阅读 · 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 · 284 阅读 · 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 · 349 阅读 · 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 评论 -
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 · 1194 阅读 · 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 评论 -
webpack 4 入门教程一
什么是 Webpack?webpack 是一个静态模块打包器(module bundler)作用:① 它能将多个js文件打包成一个文件(传统开发会需要引入很多js,导致网页加载需要发起多次http请求而是加载速度变慢)② 解决传统的依赖引用混乱问题,有时候传统js引用必须要按规定顺序加载,③ 可以支持css和less的加载,图片处理(可以将较小的图片转成base64，减少http请求)...原创 2020-01-04 11:54:07 · 313 阅读 · 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 评论 -
管理系统页面脚手架(一)
使用纯html+js+css进行开发,站在前人的肩膀上,码处一个雏形,后期会继续和后台交互,达到可用于快速开发的脚手架.已实现简易功能:一.登录页二.首页多页签鼠标移过显示关闭按钮,关闭后,激活并返回上一个页签三.换肤现有6种主题皮肤: 深蓝大海 绿草如茵 空谷深灰 浅桔炫彩 半天朱霞 万紫千红...原创 2019-11-25 21:52:18 · 636 阅读 · 0 评论