页面driver js
js模板引擎2 -- 解析模板
模板语法规则： - 变量渲染使用 `` 语法； - 条件判断使用 ` `js语法； - 列表渲染使用 ` ` js语法； - 模板注释使用 ``; 下面我们一步步的实现一个正则表达式来识别出模板语法规则部分。 ## 正则匹配 语法规则以``结尾，对应正则为 `//`。 > 关于正则表达式的贪婪模式和 ......
js模板引擎1--制定规则
>本系列文章是学习[art-template](https://github.com/aui/art-template)和[template.js](https://github.com/yanhaijing/template.js)的总结。 js模板引擎的用法大致如下： 1. 模板 ```html ......
Node.js - path.resolve(__dirname, "/src") 无法拼接绝对地址
在使用 `path.resolve(__dirname, "/src")` 这个函数拼接项目的绝对地址时要注意，第二个参数如果指定的是本目录，不能在 `src` 前面添加 `/`。 ```js console.log("/src ->>>>>>", path.resolve(__dirname, " ......
JS正则获取两个指定字符串之间的字符串
function filterWordHtml(str){ let reg = /<!--StartFragment-->([\s\S]*)<!--EndFragment-->/m let result = str.match(reg)[1] return result.replace(/[\\\n ......
基于vue3 封装一个图片裁切功能组件 vue-cropper.js
##使用的vue-cropper.js，官方文档 https://github.com/xyxiao001/vue-cropper ##附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html ##注意：下载vue-cropper. ......
JS逆向实战22——某政府采购网简单cookie反爬
# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 目标网站 网站：aHR0cDovL3d3dy55bmdwLmNvbS8= # 目标 ![](https://img20 ......
VUE3 页面空白不报错，刷新之后正常显示
问题： VUE用的不多，写了两个页面展示表格和图形，刚开始运行正常，页面切换也没有问题。 后面增加一些代码后，页面显示空白，但前后端都不报错，并且先点击此菜单再点别的也都变空白。 原因： 1、<template>中间没有div标签 错误写法： <template> 直接开始布局 </template ......
js function.length 函数的长度
length 属性 JavaScript length 属性可设置或返回数组中元素的数目, 一般只是用于获取数组, 字符串长度 "字符串".length ["数", "组"].length 或清空数组 var a = ["数", "组"] a.length = 0 a // [] function. ......
How to reverse a string that contains the emoji in js All In One
How to reverse a string that contains the emoji in js All In One
......
如何使用 Node.js 邮箱服务进行自动化发送邮件 All In One
# 如何使用 Node.js 邮箱服务进行自动化发送邮件 All In One ```sh $ npm i -S nodemailer ``` ```js "use strict"; const nodemailer = require("nodemailer"); const transporte ......
A pure js Array reactive solution with Proxy and Reflect All In One
A pure js Array reactive solution with Proxy and Reflect All In One
纯 js 实现数组响应式
......
完全基于html和three.js实现的魔方
记录大学时代的一个实验demo 代码完全基于html、three.js实现 1. 实现效果演示： 2. 项目结构： 3. three.js需自行下载依赖包，index.html完整代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ......
直播程序，纯时间比较(时分)，不含日期，js前端比较
直播程序，纯时间比较(时分)，不含日期，js前端比较 //ajax请求后返回的数据success : function(data) {for (var i = 0; i < data.length; i++) {var rows = data[i];var rowTimeBegin=(parseIn ......
js 支持 超大上G,多附件上传
一、 功能性需求与非功能性需求 要求操作便利，一次选择多个文件和文件夹进行上传； 支持PC端全平台操作系统，Windows,Linux,Mac 支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载，服务器端保留文件夹层级结构，服务器端文件夹 ......
android短视频开发，js如何设置canvas绕图形中心旋转
android短视频开发，js如何设置canvas绕图形中心旋转 1. 准备一个页面 拟写一个页面，用于实验，代码如下 <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=devi ......
前端页面居中详解
在前端页面中，有多种方法可以实现居中布局。以下是一些常见的方法： 1. 使用Flexbox布局：可以使用Flexbox布局将元素水平和垂直居中。通过设置父元素的`display: flex;`、`justify-content: center;`和`align-items: center;`属性，可 ......
冰橙API- ChatGPT开放接口 支持PHP JAVA JS GO C等种类开发范例
openai chatgpt国内接口 https://apifox.com/apidoc/shared-52fb41cb-0e62-4e34-b06d-f9334d7a0502/api-106414419 冰橙GPT稳定提供API接口服务 定时有人进行问题排查处理 1小时内问题响应 接入了腾讯云的内 ......
js原生cookie的使用
原生cookie的使用通过document.cookie() #### 新增cookie `document.cookie(name=value; path="/")` 设置Cookie时，可以指定以下参数： 1. name：Cookie的名称，是一个字符串。 2. value：Cookie的值，也 ......
使用JS，动态给下拉列表添加option 选项
转自：https://www.imooc.com/article/10487 动态给下拉列表添加option 1. 动态创建select 2. 添加选项option 3. 删除所有选项option 4. 删除一个选项option 5. 获得选项option的值 6. 获得选项option的文本 7. ......
three.js 使用 THREE.TextGeometry 创建中文 三维文本
如果使用 THREE.TextGeometry 生成中文出现 ？？？ 的情况，就是选择的字体不支持中文。 解决方法很简单，引入支持中文字体的 json 文本即可 文本获取方式 ： 使用ttf格式的文件进行转换即可，有一个地址，可以进行在线转换 http://gero3.github. ......
使用js定时器的元素持续向上滚动效果及谷歌浏览器缩小时不滚动问题
最近要写消息持续向上滚动效果，记录下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1 ......
aspx.cs后台如何把datatable显示在前端页面
aspx.cs后台如何把DataTable数据显示在前端页面 1.首先我们在前端的aspx文件中，写一个带有 asp:Repeater控件的table 注意：一定要给asp:Repeater控件写一个ID，我们是通过这个id赋值的。 2.这个方法无论数据是DataTable格式的，还是List格式的 ......
js 遍历json格式数据到table中
//将json字符串转换为json格式
2 var yslist = $.parseJSON(result);
3 //遍历table
4 $.each(yslist, function (index, item) {
5 var $tr = $('');
6 ... ......
js base64转blob
/** base64转换成blob数据 */ base64ToBlob(dataUrl, type) { var arr = dataUrl.split(','); var mime = arr[0].match(/:(.*?);/)[1] || type; // 去掉url的头，并转化为byte ......
JS判断变量是否存在或已定义
前言：因需求修改了公共文件，导致引入公共文件的部分页面因未引入来源js会报错，所以需要在公共文件中增加判断变量是否存在。 为了确保代码的可靠性，应该对变量的定义进行检查，从而避免代码在运行时执行错误或不可预期的错误。 一、typeof if (typeof myVar 'undefined') { ......
js 函数的保护函数 防止toString检测
js 函数的保护函数 防止toString检测 let catvm = {}; (() => { "use strict"; const $toString = Function.toString; const myFunction_toString_symbol = Symbol('('.conc ......
js实现汉字中文排序
js实现汉字中文排序的方法数组内的元素是对象，以对象某一个属性进行排序 var arr = [ {name: '南京', code: '09', info: {province: '江苏'}}, {name: '北京', code: '01', info: {province: '北京'}}, {n ......
用js动态生成html页面
首先思路明确：生成的元素是一个完整的DOM对象；这些DOM对象的属性可以是字符串，xml文件，也可以是json格式的数据，存储在后台或者其它位置；通过层层解析，顺着DOM层级关系动态创建在html文档流中；这些html文档放于不同的模板文件中相应生成不同样式的效果。 以下就json格式存储的数据，简 ......
js_通过js主动触发原生事件, 以及通过js注册自定义事件并手动触发
- 现实情景: 在对博客园的样式进行修改时, 需要对博客园的中某些DOM的绑定事件进行手动触发 ### 主动触发原生事件, 以click为例 ```vue const oBtn2 = document.querySelector('#btn2') oBtn2.addEventListener('cl ......