自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

flydrem

记录分享一些学习的知识和方法

  • 博客(30)
  • 收藏
  • 关注

原创 我的创作纪念日

微信小程序开发问题积累new Date 转换时间 2021-10-11这种时间格式在ios微信小程序中并不支持,ios只支持2021/10/11这种格式,而android则两种格式都支持微信公众号平台 管理扫描二维码 不能通过 识别二维码识别 只能通过摄像头扫码才行uniclound 云空间 连续30天不活跃 会停服 影响正常使用 停服超过15天会自动清除且无法找回小程序中,uniapp的ref要绑定在子组件中才能被获取,如果绑定在view,是获取不了的体验版如果没有后台配置合法域名

2023-12-14 18:30:50 106

原创 Html修改radio单选框样式,通过js绑定label与input关系,不使用id

在使用表单元素单选框的时候,根据需求可能需要修改默认的单选框样式

2022-06-01 14:12:26 855

原创 git常用命令

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档git常用命令前言一步步来1.克隆2.配置账户信息3.远程仓库地址4.暂存到本地仓库5.提交到本地仓库6.推送到远程仓库7.拉取远程仓库代码配置信息查看总结前言有这个几个命令,可以基本满足日常使用一步步来1.克隆接手项目第一步,克隆代码git clone url// url 为远程仓库地址2.配置账户信息// 查看用户名和邮箱地址 git config user.name git config user.ema.

2022-05-26 18:45:01 172

原创 图像和base64的转换 uniapp开发

图像和base64的转换记录一、插件地址二、使用步骤1.引入库2.pathToBase643.base64ToPath记录使用uniapp开发微信小程序的过程中遇到,需要将图片转换为base64字符串上传使用工具 image-tools ------------- HBuilderX插件市场 图像转换工具一、插件地址插件传送门二、使用步骤1.引入库代码如下(示例): import { pathToBase64, base64ToPath } from '

2022-05-19 17:37:48 1655 1

原创 比较两个数组对象,取不同值

文章目录1.js封装方法2.引入库lodash1.js封装方法代码如下(示例):const arr = [ { id: 1, name: 'dongtai' }, { id: 2, name: 'dongtai' }]const data = [ { id: 1, name: 'dongtai' }, { id: 3, name: 'dongtai' },]const differenceBy=(array1, array2,k

2022-03-23 11:04:08 1820 2

原创 video 视频播放

video 视频播放前言1、js全屏Api一、回放二、全屏播放常用属性,事件前言1、js全屏Api进入全屏 if (ele.requestFullscreen) { ele.requestFullscreen(); } else if (ele.mozRequestFullScreen) { ele.mozRequestFullScreen(); } else if (ele.webkitRequestFullscreen) {

2022-03-22 10:45:10 1178

原创 nvm 安装使用

nvm安装及命令提示

2022-01-20 10:57:38 2844

原创 计算机磁盘分区

计算机磁盘分区1.点击此电脑或者计算机 进入 点击计算机 点击管理 2.选择存储里面的磁盘管理 查看磁盘未分配的空间,右键选择新建卷即可

2021-11-26 14:50:44 371

原创 MySQL命令,自动创建id,id自增,创建时间和更新时间

MySQL命令1.自动创建id,id自增,创建时间和更新时间1.自动创建id,id自增,创建时间和更新时间代码如下(示例):CREATE TABLE `face_box` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT, `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP, `update_time` datetime NOT NULL DEFAULT CURRENT_TIME

2021-09-16 16:04:33 1089

原创 JSON数据保存为表格文件

JSON数据保存为表格文件一、步骤1.引入库2.JSON数据3.写入文件提示:使用了xlsx库 npm官网xlsx库地址一、步骤1.引入库代码如下(示例):const xlsx = require('xlsx')2.JSON数据代码如下(示例)://JSON数据const jsonData = [ { "telephoneNumber": "15698989898", "displayName": "张三", "department": "工作部",

2021-09-09 18:09:06 453

原创 calc属性不生效

calc属性不生效一、calc属性不生效一、calc属性不生效不生效代码calc(50%-2rem);在使用calc的时候,没有生效,浏览器控制台提示“invalid property value”解决办法 是在运算的两侧加上空格即可生效代码calc(50% - 2rem)...

2021-08-31 19:48:58 1070

原创 旋转立方体,css动画效果

旋转立方体,css动画效果一、旋转立方体一、旋转立方体示例:代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,

2021-08-31 19:31:31 81

原创 使用xlsx插件读取Excel表格数据为JSON数据

使用xlsx插件读取Excel表格数据为JSON数据一、使用步骤1.引入库2.后端node使用3.前端使用1.封装2.调用一、使用步骤1.引入库// npm i xlsximport xlsx from 'xlsx'2.后端node使用// file是Excel文件路径const workbook = xlsx.readFile(file, { type: 'binary' })const arr = xlsx.utils.sheet_to_json(workbook.Sheets[

2021-08-30 16:04:34 1426

原创 保存下载的文件方法封装

一、保存下载的文件代码如下:/** * 保存下载文件 * @param {*} param0 */export const SaveFile = ({ blob, fileName }) => { if (window.navigator.msSaveOrOpenBlob) { navigator.msSaveBlob(blob, fileName); } else { let URL = window.URL ? window.URL : window.webk

2021-08-27 19:20:15 81

原创 nodejs方法封装

nodejs方法封装一、ping IP和port二、字符串转base64三、url转base64四、读取文件为base64数据五、暂停运行使用ts编写一、ping IP和portexport const ping = async (ip: string, port: number): Promise<boolean> => { return new Promise(resolve => { const sock = new net.Socket() s

2021-08-27 19:13:27 447

原创 quasar树组件勾选策略改写

quasar树组件勾选策略改写前言一、页面二、script部分树数据结构前言quasar的树组件的勾选策略在有些时候不太适用,leaf 策略会影响父级的勾选状态,但是无法通过组件提供的api(@update:ticked -> function(target))去获取勾选的父节点值,只会返回处于勾选状态的的子节点这里做的改变是获取所有处于勾选状态的节点,并且勾选父节点的时候会子节点会自动勾选,取消父节点勾线的时候,子节点会自动取消勾选,子节点的勾选状态不会影响父节点的勾选状态(这里适用于

2021-08-26 19:43:05 848

原创 nodejs的crypto加密解密简单使用

nodejs的crypto加密使用pbkdf2Sync加密解密简单记录一下使用的node加密解密,不是很了解,欢迎指导pbkdf2SyncnodeAPI网址const crypto = require('crypto')// crypto.pbkdf2Sync()是用来同步生成加密解密密匙的函数const key = crypto.pbkdf2Sync(pwd, salt, iterations, KEY_SIZE, 'sha1')// pwd是自定义的作为密匙的字符串// salt(文档没

2021-08-26 18:12:28 1536 5

原创 CSS3新特性

文章目录CSS3新特性一、CSS3的兼容情况二、新增选择器1.选择相邻兄弟2.匹配选择器3.属性选择器4.结构性伪类选择器4.1 整体结构类型4.2 标签结构类型4.3 指定子元素的序号4.4 其他伪类选择器5 、文本选择伪元素6、 内容追加伪元素伪元素和伪类区别7、表单中使用的状态伪类选择器8、JS新增的选择器三、CSS3样式补充1、background-image多重背景2、background-image的渐变2.1 线性渐变2.2 径向渐变3、background-size背景缩放4、backgro

2021-06-04 15:10:38 193

原创 源文本中存在无法识别的标记

源文本中存在无法识别的标记一、下载vue-cli时发生错误无法下载(电脑系统为Windows7,node.js版本为v10.24.0)报错:源文本中存在无法识别的标记。所在位置 行:1 字符: 17+ cnpm install -g <<<< @vue/cli + CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException + FullyQualified

2021-05-19 15:54:45 1820 1

原创 使用for循环在页面输出✫组成的三角形

使用for循环在页面输出✫组成的三角形1.方法代码如下(示例)://长方形for(var i = 0;i<5;i++){ document.write('✫'); for (var j = 1; j < 5; j++) { document.write('✫'); console.log(j); } document.write('<br>'); }document.write('<br>');//三角形for(var k =

2021-04-30 17:14:44 426 1

原创 用for循环实现在页面输出一个九九乘法表

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码

2021-04-30 17:04:31 718 1

原创 把标准时间转化为常用格式字符串

把标准时间转化为字符串前言通过new Date()获取的时间格式为世界标准时间,在这里写一个把时间格式转换2021-04-30 16:33:31的格式的方法转换时间格式函数代码如下(示例):var date = new Date();var month = (date.getMonth() + 1).toString().length == 2 ? (date.getMonth() + 1) : ("0" + (date.getMonth() + 1));var time = da

2021-04-30 16:40:00 689 1

原创 浅拷贝深拷贝对象的几种方法及区别

拷贝对象的几种方法及区别文章目录拷贝对象的几种方法及区别前言一、浅拷贝1、方法13、方法3二、深拷贝1、方法12、方法23、方法34、方法45、方法5总结前言总结拷贝对象的方法及浅拷贝和深拷贝的区别一、浅拷贝1、方法1js原生方法代码如下(示例): var obj={ userNeme:"xiaoming", age:20 } var obj1=obj; obj.phone=12356564; console.log(obj)

2021-04-02 09:00:28 301 1

原创 css table表格相关设置和属性

css table表格相关设置和属性文章目录css table表格相关设置和属性前言一、表格结构二、使用行内样式控制表格样式1.属性2.使用css控制表格的样式前言记录表格的结构,属性设置相关知识一、表格结构<table> <caption>表格标题</caption> <thead> <th>表头</th> <th>表头<

2021-03-17 16:07:54 3195

原创 封装一个函数用来获取固定区间的随机数

封装一个函数用来获取固定区间的随机数前言获取在区间[min,max]之间的随机数一、代码如下代码如下(示例):function getRandom(max, min) { var random= Math.floor(Math.random() * (max - min + 1)) + min; return (random) }...

2021-03-13 15:36:53 625

原创 DOM事件的两种绑定方式的区别

DOM事件的两种绑定方式的区别文章目录DOM事件的两种绑定方式的区别一、element.onclick,元素+事件类型二、addEventListener方法三、区别一、element.onclick,元素+事件类型代码如下(示例): var buttonAdd = document.getElementById('add'); buttonAdd.onclick = function (e) { console.log("a") }

2021-03-04 10:16:59 321 1

原创 live server插件只能打开一个文件夹是怎么回事

live server插件只能打开一个文件夹是怎么回事文章目录一、现象二、原因三、方法一、现象如上图,比如我在作业文件夹,使用Live Server打开一个页面时,再想要在练习文件夹使用Live Server预览一个页面,就会在浏览器弹出一个这样的页面,在这个里面找不到想要打开练习文件夹里面的文件二、原因这是因为由vsCode打开多个文件夹时,会存在多个工作空间,每个工作空间定义的根目录不同,也就无法根据根目录检索到不同的页面,也因此出现端口冲突三、方法再次在一个新的工作台窗口打开

2021-03-01 13:54:52 1863 1

原创 数组的排序方法

数组的排序方法一、 选择排序法代码如下(示例):var arr=[31,5,6,7,34,454,56]; for(let i=0;i<arr.length-1;i++){ for(let j=i+1;j<arr.length;j++){ var temp=null; if(arr[i]>arr[j]){ temp=arr[i];

2021-02-22 21:28:10 143

原创 如何清除浮动带来的影响?

如何清除浮动带来的影响?:浮动元素会脱离文档流,对其他相邻的普通流元素产生影响解决方法给浮动元素添加父元素,并添加宽高给被影响的元素添加属性clear:left || right || both;,left是清除左侧浮动,right是清除右侧浮动,both同时清除左右两侧浮动影响(常用)给浮动元素的父元素添加属性overflow: hidden;给浮动元素的父元素添加类名clearfixclearfix:after{ content: "."; display: block

2021-02-22 20:49:29 233

原创 使用display:inline-block;属性转化的行内块的缺点及解决方法

使用display:inline-block;属性转化的行内块的缺点及解决方法缺点多个相邻行内块之间有间隙(空隙产生的原因:当元素有行内元素的特性时,元素间的空白符都会被解析,回车换行会被解析成一个空白符,如果字体不为零那么就会占一定的宽度,并且这些间距会随字体的大小而变化)里面的文本行数不一致时会出现盒子塌陷取消盒子间隙的方法删除标签之间的空白(有效果但是不建议使用,代码看起来不太规范,一般不使用)给转化显示模式为行内块的盒子添加margin-left: -10px;,取负值,可以把间隙

2021-02-22 20:22:18 613

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除