大赚万万亿

原创 微信小程序引入全局环境变量

在app.js中,引入project.config.0.js文件,将导出的数据放在globalData中。有时候一套代码要在多个小程序appId下使用,其中又有一些数据(文字)需要做区分.可以使用下面的方法。读取json文件,并用nodejs覆盖写入文件nodeswitch.js。在页面目录中,即可利用getApp()方法使用全局变量。把要配置的数据以export default 形式导出。也可以放数据放在data中,作为响应式数据。注意下方用了2次fs.writeFile。

原创 使用new AbortController解绑事件

【代码】使用new AbortController解绑事件。

原创 font-spider按需生成字体文件

font-spider可以全局安装,也可以单个项目内安装,使用npm run xxxx的形式。运行npm run dev后,原字体文件会被移动至.font-spider文件夹内。

原创 grid布局的各项css说明

还有place-self,相当于justify-self与align-selft的复合属性。

原创 transform-style

transform-style可以让子元素重叠时,具有3d透视.该css值是写在父元素上,给子元素产生效果。transform-style为preserve-3d就会有实际3d效果了。设置元素的子元素是位于 3D 空间中还是平面中。默认transform-style为flat。

原创 css中perspective解析

perspective需要写在父级,数值越大,意味着眼睛离屏幕越远,透视效果越弱。

原创 FLIP动画思想

第二种,用现代浏览器的Web Animations API实现。还可以用gsap动画库的FLIP插件。

原创 浏览器缓存策略解析

教学视频强缓存。

原创 自定义事件的监听及触发

【代码】自定义事件的监听及触发。

原创 document各种节点释义及父子兄弟同级节点

如下图,节点内有多种节点,parentNode有可能获取到文本节点,注释节点.但往往我们其实只想操作元素节点,所以得用parentElement。大多数时候,我们只想操作元素节点,所以用xxxElementxxx。写上文字,就会理解的更清晰。

原创 css计数器

计数器有两个关键属性。

原创 对等依赖报错问题及解决办法

npm v7之后对等依赖出现的问题。

原创 Web Animations API 动画

好处是可以不干扰dom原本的动画,onfinish事件可以监听结束。dom.animate动画可以避免污染dom原有的css动画。

原创 静态资源动态访问的细节补充import()与new URL

import里若用引号拼接,那么打包结果不会有图片。new URL返回的实例有多个属性。细节1:得用es6的反单引号才可以。用new URL构建地址。细节2:不能以变量结尾。

原创 react-router v6的Link组件relative属性解释

Link组件有一个名为relative的属性,值为route或path,默认为route。所以在处理两个点的路径时,path是回到相对路径的上一级,通俗的讲就是网址上的斜杠少一层。之前由于路径嵌套不够深,看不出区别,于是尝试加深路径,一眼就看出了区别。而route意味着回到程序员配置该路由时的父级。

原创 ScrollRestoration react-router-dom V6

如A页面向下滑动一些后,点击跳转到B页面,然后在B页面点击标签回到A页面时,会在上次滑动的位置出现。在移动端使用搭配组件跳转时,可记录之前的滑动位置。浏览器自带的返回按钮不受影响,只影响组件互相跳转时恢复位置。实参matches里有上述handle的值,可加入自己的一些参数。在Test和About组件内加入以下代码,放在根div内即可。以下测试环境为微信内的浏览器。

原创 解决弹窗内容滚动时,后方body也一起滚动的问题

网页里有小的modal弹窗,如果内容过多,需要垂直滚动,那么滚动到底部后继续滚动,会牵连到body也一起滚动.github有一个库叫iNoBounce可以阻止滚动。

原创 阻止默认行为 e.preventDefault()搭配passive:false才有效

如果想阻止默认行为,那么 e.preventDefault()搭配passive:false才是正解。如果搭配 passive:false,则会报警告。如果只阻止默认事件,第3个选项不写,也会警告。

原创 async与defer的区别

原文解释。

原创 jwt解释

彻底理解JWT【渡一教育】_哔哩哔哩_bilibili注意！天天用到的JWT是明文存储的，重要数据可不要“走光”啦！【渡一教育】_哔哩哔哩_bilibili

原创 canvas变换矩阵说明

原创 js的new操作符具体做了什么

【代码】js的new操作符具体做了什么。

原创 js的MediaRecorder录音录视频方法笔记

视频录制基础知识-MediaRecorder。* 通过 web 录制视频（摄像头）并上传。

原创 nodejs搭配ffmpeg获取视频时长

【代码】nodejs搭配ffmpeg获取视频时长。

原创 colorThief+vite+react使用方法

图片如果设计跨域,那么需要在img标签上增加crossorigin,同时对应的图片服务器也要增加允许跨域,缺一不可.第一种,import载入图片。第二种,new Image实例。

原创 正则知识点

原创 闭包的记忆与工厂函数

原创 2个提供临时电话的网站

临时电话临时电话。

原创 前端ui库搜集

涟漪动画效果 - MDUI 开发文档, Material Design 前端框架。添加涟漪动画效果后，会在点击元素时，产生向外扩散的水波纹效果。

原创 Nodejs搭配axios下载图片

实测发现只需保留node_modules文件夹，删除package.json不影响使用。用于wordpress文章中外链图片的替换。新建一个文件夹，npm i axios。替换部分图片地址并生成新文件及下载。从html文件中获取图片地址。

原创 wordpress删除各种类型评论的sql语句

comment_approved 等于trash: 回收站的评论。comment_approved 等于spam : 垃圾评论。comment_approved 等于1:通过审核的评论。comment_approved 等于0:待审核的评论。

原创 XHR与Fetch的功能异同点列表

XHR与Fetch的功能异同点列表。

原创 runoob.com的正则断言解释

正则表达式的先行断言(lookahead)和后行断言(lookbehind) | 菜鸟教程

原创 Driver.js引导用户步骤

Driver.js中文网

原创 阻止默认事件失败的解决办法

老版本：当用户触发我们定义的监听事件时候（如条件1中的“touchmove”事件），浏览器会主动检测对应的handler代码中是否有event.preventDefault(),以便进行默认事件阻止。那么问题就来了，我们不知道我们的事件已经默认被定义为了被动事件监听。谷歌浏览器对event.preventDefault()（默认事件阻止）的检测机制变化导致的（听不懂？上面两个代码效果相同，我们经常用第一条，不知不觉中定义了一个被动监听事件。表示当触控事件发生在绑定的dom上时，不进行任何操作。

原创 个人微信号,未认证状态下，通过自己的服务器设置更丰富的关键字回复

个人微信号,未认证状态下,也可以通过自己的服务器设置更丰富的关键字回复。

原创 js指纹库，可跟踪用户唯一性

fingerprintjs官网资料：Browserleaks - Check your browser for privacy leaks

原创 SVG的viewBox、width和height释义, 示例及代码

其中x，y就是用于定义svg画布在世界坐标下的位置，通过修改x，y可以移动画布在世界坐标下的位置。svg的是没有边界的，svg画布只是用于展示svg世界中某一个范围的内容，而对于超过了svg画布范围的内容，则会被遮挡。当wheight的时候，相当于拉远了视野，视野变大了，但实际显示的区域没有发生变化；这就会导致显示的图形变小，显示的区域变大。

原创 vue3 在vite.config中无法使用import.meta.env.*的解决办法

第一种,优先使用第一种方法,其中参数mode就是自定义--mode的值,如果没写,就是production或development。

原创 css中counter的使用