- 2024-07-07前端JS特效第19集：HTML5鼠标跟随星星光标特效
HTML5鼠标跟随星星光标特效，先来看看效果：部分核心的代码如下(全部代码在文章末尾)：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">
- 2024-07-07前端JS特效第20集：HTML5图片瀑布流带筛选功能代码
HTML5图片瀑布流带筛选功能代码，先来看看效果：部分核心的代码如下(全部代码在文章末尾)：<!DOCTYPEhtml><htmllang="en"class="no-js"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,init
- 2024-07-07前端JS特效第21集：HTML5响应式多种切换效果轮播大图切换js特效代码
HTML5响应式多种切换效果轮播大图切换js特效代码，先来看看效果：部分核心的代码如下(全部代码在文章末尾)：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999
- 2024-07-07Node.js_fs模块
文件删除 文件重命名和移动（本质都是修改路径）文件夹操作 创建文件夹(mkdir) 读取文件夹(readdir)（打印出来是该文件夹下名称的数组形式）读取当前的文件夹(readdir) 删除文件夹（rmdir） 查看资源状态 相对路径问题bug:相对路径参照的不是
- 2024-07-0704-JS中的面向对象ES5
01JS对象中key的类型02创建对象的方法03对象的常见操作3.1访问对象的属性<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><m
- 2024-07-07【Three.js 分子/晶体结构解析教程】
Three.js分子/晶体结构解析教程环境准备最终效果思路解析1、基本配置2、解析结构3、进行解析1）原子部分2）连健部分3）晶格部分4）绘制位置调整5）绘制环境准备目前使用的Three.js版本是0.165.0npmithree最终效果结构化学式Al4As14思路解析绘制分子/晶体结构首先
- 2024-07-07Node.js之Express
Express介绍Express是一个简洁、灵活的node.jsWeb应用开发框架,是目前最流行的基于Node.js的Web开发框架.它提供一系列强大的功能，比如：模板解析静态文件服务中间件路由控制还可以使用其他模块来帮助你创建各种Web和移动设备应用使用express本地安装$npminstallexp
- 2024-07-07node.js_HTTP协议
HypertextTransferProtocol 超文本传输协议1.HTTP报文 请求行 请求头请求体 它的内容形式很灵活，可以设置任意内容 2.HTTP响应报文响应状态码响应状态的描述遇到陌生的状态码可以参考一下这个网址：https://developer.mozilla.org/zh-CN/docs/Web/HT
- 2024-07-07TypeScript笔记（一）
一、TypeScript=Type+JavaScript 在JS基础上，为JS增加了类型支持。TS属于静态类型的编程语言，在编译期间做类型检查，可以在代码编写期间发现问题，减少调试时间。TS相比JS的优势：1、更早的发现错误，减少调试时间；2、代码提示；3、提升可维护性；4、ECMAScript；5、TS有类型推断
- 2024-07-07帮公司搭了个Nuxt3项目框架
最近公司立项了一个新项目，因为是toC的，所以对SEO是有较高需求的，由于公司前端技术栈统一用的VUE，顺理成章的就选择了nuxt这个全栈框架。项目立项之后我就被安排了负责前端项目框架的搭建，从搭建过程的体验来看，技术栈切换到nuxt还是有门槛的，所以这里我就把经过我打磨好的nuxt完
- 2024-07-06前端JS特效第15集：HTML5电脑端微信聊天窗口界面
HTML5电脑端微信聊天窗口界面，先来看看效果：部分核心的代码如下(全部代码在文章末尾)：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1"><
- 2024-07-06windows下，用PowerShell安装fnm，并安装Node.js步骤
1#installsfnm(FastNodeManager)/安装fnm2wingetinstallSchniz.fnm3#重新开启powershell4#!不确定是否需要此步骤!5$profile6#!不确定是否需要此步骤!按照上面的输出，创建缺失的文件夹7#创建$profile文件：粘贴到powershell后，按回车8if(!(Test-P
- 2024-07-06什么是Next.js CLI
Next.jsCLI可以帮我们启动、构建和导出项目。上篇文章如何创建第一个Next项目，使用Next.jsCli快速搭建和运行Web应用-CSDN博客提到 开发的时候使用 npmrundev运行代码部署的时候使用 npmrunbuild 构建生产代码，执行 npmrunstart 运行生产项目。运行 n
- 2024-07-06js中数组方法总结
改变原数组的方法有：栈方法push：数组末尾追加任意数量的元素，返回修改后数组的长度pop：数组末尾移除最后一项，返回移除的项队列方法unshift：数组前端添加任意个项并返回新数组的长度shift:移除数组中的第一项并返回改该项重排序方法sort：默认情况按照升序排列数组reserve：翻
- 2024-07-05[JS] promise知识点与应用场景
Promise是JS中用于处理异步操作的方法，-支持链式调用从而解决了地狱回调问题。Promise的基础用法状态promise有三种状态：Pending（待定）：初始状态，既不是成功也不是失败。Fulfilled（已成功）：操作成功完成。Rejected（已失败）：操作失败。constpromise=newPromise((resolve,reject)
- 2024-07-05JS之基础
近些年来,一直从事后端开发,只有刚开始入行的时候,还是前后端不分离的时代,就是一套组合:jQuery+PHP后来的工作中就是前后端分离的开发模式,也就专心从事后端的开发,几经变更,后端语言也涉猎了很多,但是前端的技术已经是日新月异.有些语法或者基础都已经不熟悉了,至此总结,
- 2024-07-05使用Terraform极速部署Next.js网站到S3
「AWS？好像很难懂……」「试过用AWS，但按钮太多，搞不清楚……」「Terraform？没听说过……」其实，直到最近我也是这样想的。但即使是我，也能使用Terraform构建网站。在本文中，我将分享如何使用AWS和Terraform将Next.js网站部署到S3的过程！用到的工具TerraformNode.jsAWSCLI创建并
- 2024-07-05nvm的安装流程以及解决其中遇到的问题
前序—github.com打不开怎么办打开网站http://tool.chinaz.com/dns/，在A类型中填写github.com,再点击监测按钮复制下面任意一个IP3.打开电脑文件C:\Windows\System32\drivers\etc下的host文件，用记事本打开4.在host文件的最后一行加入刚才复制的IP20.205.243.16
- 2024-07-05（四）JS逆向——中国观鸟网
爬取观鸟网的信息 有sign值，timestamp和requestid，要看这些值是怎么生成的 载荷有加密的数据 返回值也经过加密 搜索requestid，找到了eval加密的代码，通过解密，就能找到生成这些值的代码段 代码格式化后，找到了这几个值的生成位置 requestid的生成是随机值，timestamp
- 2024-07-05windows安装以及切换使用nodejs多版本
1安装nvmnvm是一个简单的bash脚本，它是用来管理系统中多个已存的Node.js版本。可以先把系统已有的node卸载掉，也可不卸载，但是以防没必要的冲突，尽量还是卸掉。1.1下载nvm下载地址：https://github.com/coreybutler/nvm-windows/releases，下载.zip后缀的这个文件，下载后解压安装即可
- 2024-07-05Leaflet-vue 热力图 （设置热力图颜色）
使用的热力图是heatmap.js因为是Leaflet，所以还要引入一个对应的插件leaflet-heatmap.js，这个插件就在heatmap目录下的plugins里面。代码如下：import"heatmap.js";importHeatmapOverlayfrom"@/utils/leaflet-heatmap.js";letcfg={radius:0.5,//半径maxOpacity
- 2024-07-04js实现视频截图
截图原理：文件上传，将视频绘制到canvas中进行截图贴代码工具函数->base64转成文件exportconstdataURLtoFile=({dataURL="",filename=""}:{dataURL:stringfilename:string})=>{constarr=dataURL.split(",")constmime=arr[0]
- 2024-07-04前端项目部署之pushstate-server
pushstate-server 内部的原理是通过 connect 服务器，开启一个端口，将 dist/index.html 文件作为静态模板输出这种方式可以将本地的项目打包成静态文件,以服务的方式提供出去,方便后端人员调用,而自己也不影响dev的开发安装npminstallpushstate-server--save 基
- 2024-07-04wx云开发增删改查
首先是.wxml文件，此处为固定数据的新增<buttontype="primary"bind:tap="addData">//调用.js中addData方法插入数据</button>对应.js文件//添加数据addData(){wx.showLoading({//showLoading（api接口）（防止用户多次点击，主动调用wx.hideLoading
- 2024-07-04每天10个js面试题(一)
1.js基本数据类型？JavaScript共有八种数据类型，分别是Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中Symbol和BigInt是ES6中新增的数据类型2.let、const、var的区别？let和const有暂时性死区，var没有let和const声明的变量具有块级作用域，var没有