页面driver js
vue.config.js配置文件
``` const path = require("path"); function resolve(dir) { return path.join(__dirname, dir); } const port = 8080; // 端口号 const IS_PRODUCTION = process. ......
js获取 当前时间 当前零时 当月零时 当年零时
const currentTime = new Date().getTime() // 当前时间戳 const currentZero = new Date().setHours(0, 0, 0) // 当天零时时间戳 const currentMonthFirstDayZero = new Dat ......
JS实现倒计时功能
一、前言 网站在做活动时，会出现一个截止时间倒计时的提示。效果如图： 二、分析 ①提示时间是每秒不断变化的，需要用到定时器(setInterval) //1000表示每隔一秒变化一次，单位为毫秒 setInterval(countDown, 1000); ②三个盒子通过innerHTML进行赋值，放 ......
node.js简介
一、什么是Node Node.js是一个javascript运行环境，它让javascript可以开发后端程序，实现几乎其他后端语言实现的所有功能！ 这意味着我们只需要掌握javaScript一门语言就能够进行全栈开发！ 学习Node我们可以非常平滑的过渡到全栈开发，并且如果你之前学习过Vue，Re ......
餐厅页面
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m ......
登录页面
<!DOCTYPE html><html><head> <title>Register</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; } .container { max-width ......
贪吃蛇制作js
<!DOCTYPE html><html><head> <title>贪吃蛇游戏</title> <style> #game-board { width: 400px; height: 400px; border: 1px solid #000; position: relative; } .sna ......
js 本地录音，保存文件
<div> <span onclick="start()">开始录音</span> <span onclick="stop()">结束录音</span> </div> <script> const constraints = { audio: true }; var mediaRecorder = ......
js中的解构赋值
JavaScript的解构赋值语句是一种方便的语法，用于从数组或对象中提取值，并将它们赋给变量。它可以让你以一种简洁的方式从复杂的数据结构中提取数据。 数组的解构赋值 例如，假设有一个数组[1, 2, 3]，你可以使用解构赋值语句将数组中的值分别赋给变量： const [a, b, c] = [1, ......
uniapp 引入非模块化js
uniapp开发的H5,引入第三方的非模块化.js文件，如self.js，就是纯js文件，没有module.exports暴露出来成为一个对象， 这种放在common文件夹下，引入会提示找不到，这时候应该把该 self.js放在static文件夹下， uniapp发行H5时static文件下的内容不 ......
JS解密为何会受到广大站长的欢迎
要了解JS解密为何会受到广大站长的欢迎，首先我们得从JS加密这块说起，为了保护自己的代码不被复制，所以大部分程序员都会对自己的代码进行各种加密，这个时候JS解密就成为了必不可少的工具了。 在了解JS解密之前一定要熟悉JS加密的原理，这样解密起来也就事半功倍了。 常用的js加密有哪些JavaScrip ......
js的听课笔记
JavaScript 所⽀持的五种基本类型： 1.Number： 即数字类型，这⼀类型的数据包括： 正负整数与浮点数，例如：0、1、-1、-0.25、3.14等。 ⼋进制数与⼗六进制数，例如：0377、0xff等。 指数，即⽤科学计数法表⽰的数字，例如：1e+2、10e+3等。 Infinity 与 ......
js的随堂笔记
js1.输出语句语法，document.write（输出的内容）向body输出内容输出内容写的是标签，也会被解析网页元素2.警示框alert（输出的内容）页面弹出警示框控制台打印输出console（控制台）.log（日志）3.输入语句prompt变量计算机中储存数据的盒子let 变量名字 声明变量= ......
jquery是什么？有什么用，跟js的关系
# jquery是什么？有什么用，跟js的关系 jQuery就是一个快速、简介的js库，把一些常用的方法写到一个单独的js文件，使用的时候直接引用这个js文件，其设计宗旨是倡导写更少的代码，做更多的事情 j就是js，Query就是查询；意思就是查询js，把js的DOM做了封装，我们就可以快速的查询使 ......
vue.config.js配置
chainWebpack(config) { config.externals({ // 'monaco-editor': 'monaco-editor', 'echarts': 'echarts' //页面需要直接引入echars }) npm run preview -- --report // ......
Three.js教程：threejs语法总结
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 threejs语法总结 本节课从JavaScript面向对象语法的角度，给大家总结下threejs API的使用习惯，这样方便大家更好的使用threejs API。 Three.js语法总结：类(构造函数) Three ......
简述 js 的代码整洁之道
文章参考出自：https://juejin.cn/post/7224382896626778172 前言 为什么代码要整洁？ 代码质量与整洁度成正比。有的团队在赶工期的时候，不注重代码的整洁，代码写的越来越糟糕，项目越来越混乱，生产力也跟着下降，那就必须找更多人来提高生产力，开发成本越来越高。 整洁 ......
多种方案教你实现iframe嵌套页面相互传参(父子通信)
[toc] ## 需求描述 在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？ ## 开始上手  { let d = time ? new Date(time) : new Date(); let year = d.getFullYear(); let month = d.getMonth() + 1; let day ......
JS sort排序方法
# Array.prototype.sort() **sort()** 方法[*就地*](https://zh.wikipedia.org/wiki/%E5%8E%9F%E5%9C%B0%E7%AE%97%E6%B3%95)对数组的元素进行排序，并返回对相同数组的引用。默认排序是将元素转换为字符串， ......
js bind学习
bind的基本用法，有意思的是当不进行第二次bind的时候，后面的操作会影响data的值，是数组引用的传递。当第二次bind后，会新建arr的作用域，新建的arr就没有问题了。 reduce的初始值如果不给，会从下标1的值开始循环。 function retArr(arr, val, val2){ ......
【前端教程01】用原生js实现一个轮播，支持自动播放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
js原生方法：获取某个元素所处屏幕的位置，input输入框中文输入时的调用
span.getBoundingClientRect() 会返回改元素的位置信息 ```js // 输入框内容改变 function inputSearchChange () { // 如果是拼音输入，则会进入这个监听 inputSearch.addEventListener('compositio ......
js小练习
### 写一个函数，计算两个数字的和 ```js function add(a,b){ console.log(a+b) } add(2,3) ``` ### 判断一个数字是否是偶数 ```js function ouShu(a){ if (a%2 0){ console.log(a+'是偶数') ......