acm js
js模板引擎3--编译模板
编译模板的时候,我们可以使用`Function`构造函数构建出可执行的js代码,但关键点是如何把模板数据和构建的js代码关联起来。 比如前面的模板字符串例子: ```html ``` 这个例子中,我们关心的是变量`list`的值如何确定。 有两种思路可以实现,先介绍第一种,比较复杂的做法。 ## 解 ......
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 ......
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 ......
冰橙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 ......
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 ......
js前端excel导出带图片(亲测可用)
1,js-table2excel npm包有问题,导出后一片空白 2,改写一下js-table2excel /* eslint-disable */ let idTmr; const getExplorer = () => { let explorer = window.navigator.user ......