yezi153的博客

原创 后端直接返回时间戳给前端，怎么转换

转换方法（2种）1.生成'2022/1/18 上午10:09 '格式具体写法（3种）写法一：function getLocalTime(n) { return new Date(parseInt(n)).toLocaleString().replace(/:\d{1,2}$/,' '); } getLocalTime(1642471746435) //'2022/1/18 上午10:09 '写法二:想取几位就几位，注意，空格也算function g

原创 5种获取JavaScript时间戳函数的方法

一、JavasCRIPT时间转时间戳(5种方法)1.Date.now()获取当前时间的时间戳console.log(Date.now()) //16424714415872.Date.parse()将字符串或时间对象转化为时间戳Date.parse(new Date()) //1642471535000Date.parse("2022/1/18 10:05") //1642471500000注意：不推荐这种办法，毫秒级别的数值被转化为0003.valueOf()

原创 Math 对象的方法介绍

abs(x) 返回数的绝对值 1 2 3 acos(x) 返回数的反余弦值 1 2 3 asin(x) 返回数的反正弦值 1 2 3 atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值 1 2 3 atan2(y,x) 返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间） 1 2 3 ceil(x) 对一个数进行上舍入。1 2 3 cos(x) 返回数的余弦 1 2 3 ..

原创 Javascript中取余和取模的区别

区别取余是数学中的概念，取模是计算机中的概念，两者都是求两数相除的余数1.当两数符号相同时，结果相同，比如：7%4 与 7 Mod 4 结果都是32.当两数符号不同时，结果不同例子:(-7)%4=-3(-7)Mod4=1取余运算，求商采用fix函数，向0方向舍入，取 -1。因此 (-7) % 4 商 -1 余数为 -3取模运算，求商采用 floor 函数，向无穷小方向舍入，取 -2。因此 (-7) Mod 4 商 -2 余数为 1取余取余运算符 (%):一个表达式的值

原创 JavaScript数学运算（取整，取余和取模）

1.取整的四种方法及其区别1)只保留整数部分 Math.parseInt() 方法就是仅取整数部分，也就是不管小数点后的数是否大于5，一律舍弃：例子://保留整数部分parseInt(3/2)　　// 12)向上取整Math.ceil() 方法就是向上取整，求最小的整数但不小于本身例子:// 向上取整,有小数就整数部分加1Math.ceil(3/2)　　// 23)向下取整Math.floor() 方法就是向下取整，求最大的整数但不大于本身例子:/

原创 Javascript写的防抖和节流函数

1、防抖function debounce(fn, delay) { // 声明一个变量timer---定时器 let timer return function (…args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { fn.apply(this, args) }, delay) }}// testfunction task() { console.log(‘run task’)

原创 json对象和json字符串的区别

json的概念jsON (JavaScript Object Notation) 一种简单的数据格式，是一种比较轻量级的数据存储json对象与json字符串的区别json字符串是一个普通的字符串,是一个整体,要么转换为对象,要么截取,否则不能分开这个整体json对象是一个对象,可以使用对象.属性的方式来获取属性JSON对象:var str2 = { "name": "有课前端网", "url": "htttps://www.webqdkf.com" };JSON字符串:.

转载 Object.assign方法的使用

Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象对象的复制例子1let targetObj1 = { a: 1 }; let sourceObj1 = { b: 1 }; let sourceObj11 = { c: 3 }; Object.assign(targetObj1, sourceObj1, sourceObj1

转载 数组去重：Map、Set、reduce、filter，for

第一种方法forfunction qc(arr1){ let arr=[];for(let i=0;i<arr1.length;i++){ // 判断遍历的数据的索引存在与否 if(arr.indexof(arr1[i])==-1){ arr.push(arr1[i]) } } return arr;}arr1= [1,2,3,3,3,3,4]qc(arr1)第二种方法setlet array = [3,2,2,1,1]// 展开array数组,返回

转载 截取字符串的方法比较substring,slice,substr

substring方法这个方法传递的是字符串的索引位置，返回新的被截取的字符串(新截取的字符串)，不改变原字符串接受两个参数,可选填1.第一个参数是截取的起始位置，第二个参数是截取结束位置，第二个可不写,则默认截取到最后2.第二个参数可以小于第一个参数,如果出现这情况,则返回从小索引到大索引之间的位置,同时大的位置的索引会后退一位3.第二个参数填负数页没关系,不过会默认从0开始,而且也没有意义例子var string = 'hello world';string.subst.

原创 SQL语句中怎么使用cast函数

cast函数可以实现字段的强制类型转换语法 Cast(字段名 as 转换的类型) 要转换的字段名(类型)from 表名

原创 按顺序读取Promise

有一个文件列表，要按顺序读写文件，用for循环读取，不能用forEachasync function printFiles () { let fileNames = ['picard', 'kirk', 'geordy', 'ryker', 'worf']; for (const file of fileNames) { const contents = await fs.readFile(file, 'utf8'); console.log(contents); }}

原创 纯 CSS 图片碎裂动画

效果：鼠标悬停在图片上，图片出现炸裂，包含蒙版和动画渐变两个过程蒙版img { mask: linear-gradient(rgba(0,0,0,0.8) 0 0) left, /* 1 */ linear-gradient(rgba(0,0,0,0.5) 0 0) right; /* 2 */ mask-size: 50% 100%; mask-repeat: no-repeat;}每个图层蒙版尺寸为50% 100%（或图像的一半宽度和全部高度）。一个图层蒙版

原创 react延迟加载

1. 延迟加载---延迟对象或资源的加载或初始化，到真正需要它们的时候才加载出来React很容易实现延迟加载。你需要做的就是使用React.lazy包动态导入语句import()Counter.js文件的加载在App.js中延迟加载此counter// Counter.jsimport { useState } from 'React'const Counter = () => { const [count, setCount] = useState(''); con..

原创 uniapp的v-for循环，v-bind动态属性，点击事件

v-for的循环 循环的数据项,索引 in 循环的数组点击事件 第一个参数 点击事件触发要传递的参数 第二个参数是事件对象 用$event来传

原创 text,view,button组件

text组件类似span之类的行内元素属性如下：1.selectable--文字是否可选2.space--显示连续空格view组件类似div之类的块状元素1.hover-class---指定按下去的样式类

原创 实现密码强度的效果

<script language=javascript>//CharMode函数//测试某个字符是属于哪一类function CharMode(iN) { if (iN>=48 && iN <=57) //数字 return 1; if (iN>=65 && iN <=90) //大写字母 return 2; if (iN>=97 && iN <=122) //小写 ..

原创 实现添加任务的效果

ctx.$dialog({ // 标题 title: '生成审计任务', // 组件编码 // 665920924255522816 entityCode: '688394589416984576', size: 'xl', type: 1, // 是否自动关闭 autoClose: false, okShow: false, appendToBody: true, cancelShow: false, // 显示事件，参数（dialog：弹窗实例；$c.

原创 实现修改审计结果的效果

console.log(row)ctx.$dialog({ // 标题 title: '录入审计结果', // 组件编码 // 665920924255522816 entityCode: '688426638366478336', size: 'xl', type: 1, // 是否自动关闭 autoClose: false, okShow: false, appendToBody: true, cancelShow: false, // 显示事件，.

原创 通过id来写修改数据的接口

// 获取上下文和应用const { ctx, app } = thisconst { moment } = appconst { formData } = data//获取用户信息let curUser = await ctx.getCurrentUser();let userId = curUser.user_info.userinfo.useridlet userName = curUser.user_info.userinfo.name// 获取qmproc数据库实例cons.

原创 根据工段，线体，班次来查询选择的人员是否一致

// 查询条件1---工段var person = ctx.getFormValue('inspectsection01')console.log('person是',person)// 查询条件2---线体var inspectprocess01 = ctx.getFormValue('inspectprocess01')console.log('inspectprocess01是', inspectprocess01)// console.log('team01是'，team01)// .

原创 自己写的node接口，实现查询的效果

通过3个条件查找员工信息字段

转载 SQL语句与数据库中的表相关的写法

表结构的管理创建表结构1.基本语法create table 表名称( 字段名1 数据类型 约束, 字段名2 数据类型 约束, 字段名3 数据类型 约束, 追加约束...)2.修改表结构1）添加-- 向student表中添加住址和邮政编码字段use school go alter table student add address char(40), code char(6)2）修改-- 将student表中的sdept字段改为varcha...

转载 SQL语句中与数据库的相关操作

1.创建数据库create database 数据库名2.查看数据库use 数据库名3.修改数据库配置alter database 数据库名具体的修改操作4.扩大与收缩数据库--扩大数据库alter database 数据库名modify file( name = 数据库中的主要数据文件名， size = 修改后的文件大小 )--收缩整个数据库,使school数据库中的所有文件都有20%的可用空间dbcc shrinkdatabase(school,20)

原创 正确使用JavaScript数组

forEach方法 用于迭代数组中的元素以执行特殊操作（例如控制台记录每个项目）每当填充新数组时，不应使用forEachconst items = [1, 2, 3, 4, 5]items.forEach(item => console.log(item))forEach不返回任何值！！...

原创 javascript优化技巧

1. 多个条件的判断可以在数组中存储多个值，并且我们可以使用数组的includes方法includes方法作用----数组中是否存在某个元素//普通写法if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {//logic}//简写方法if (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic}2. If true ... else简写方法 用三元表达式

原创 472这个整数的翻转

for循环实现的思路 var aa = 123;var bb = 0;while (aa) {bb = bb*10+aa%10;aa = aa/10>>0;}alert(bb); while循环实现的思路 var aa = 123;var bb;for (bb = 0; aa != 0; aa = aa/10>>0) { bb = bb*10+aa%10;}alert(bb); ...

原创 canvas绘制渐变色的三角形

一。canvas实现二。css实现【缺点】这种方式不能实现效果二，对于效果一不允许背景色带有透明度，实现效果有一定的局限性简单效果使用方法一，复杂效果使用方法二或者直接使用图片...

原创 javascript中的some方法

some方法的作用：判断数组中至少存在一个元素满足指定条件例如，要检查以下数组是否至少有一个小于 5 的元素// 声明一个数组markslet marks = [ 4, 5, 7, 9, 10, 3 ];// 声明一个标志变量为lessThanFive值为false// let lessThanFive = false;// 调用some方法查找marks中的元素小于5的// 声明一个标志变量为lessThanFivelet lessThanFive = marks.some(fun

原创 算法Big O Notation

Big O Notation是一种表示算法的时间和空间复杂度的方法1）时间复杂度：算法完成执行所花费的时间2）空间复杂度：算法占用的内存表示算法时间复杂度的表达式（符号）O(1)：恒定时间复杂度O(log n)：对数时间复杂度。如果log(n) = x那么它与10^x相同O(n)：线性时间复杂度。时间随着输入的数量呈线性增加。例如，如果一个输入需要1ms，那么4个输入需要4ms来执行算法O(n^2)：指数时间复杂度。主要发生在嵌套循环的情况下O(n!)：阶乘时间复杂度。这是最

原创 image的5个重要属性

1.Object-fit : cover 这个属性可以使图片填充满整个区域，同时保持宽高比例2.2. Transform: scaleX(-1) / scaleY(-1) 使用transform: scaleX(-1)可以水平翻转图像，scaleY(-1)则用于垂直方向3. Object-fit : contain 用于包含所需尺寸的整个图片并保持宽高比例，这个属性常用于制作横幅4.Filter: drop-shadow 此属性用于为透明背景的图片添加阴影例如：filter: drop-sh

原创 uniapp创建页面和对页面进行配置

配置的显示结果

原创 uniapp的全局外观配置

navigationBarBackgroundColor 导航栏背景颜色navigationBarTitleText 导航栏标题颜色 仅仅支持white和blacknavigationBarTitleText 导航栏标题文字内容backgroundColor 下拉显示出来的窗口的背景色backgroundTextStyle 下拉 loading 的样式，仅支持 dark / lightenablePullDownRefresh 是否开启下拉刷新全局外观配置配置的显..

原创 echarts多张图片放在一起的思路

1.先将页面用div标签分割好，每个div都要指定宽度和高度2.接着，用ajax动态加载数据3.然后，编写你要的图标类型的option4.最后，获取对应的div，创建echart实例，并调用setOption方法设置选项，这样图表就显示在对应的div中了...

原创 fit平台的导入导出

1.code模型编码 tabel表对象 busitypetitle模型标题 servicename服务名2.获取所有要导入的表的字段数组3.取到导入文件的名字4.执行具体导入功能

原创 设置开始日期始终小于结束日期的思路

1.设置最小的结束日期为起始日期2.设置最大的起始日期为结束日期

原创 fit平台的自定义编码规则

目的：生成id和业务规则的流水号，需要自己的定义的编号自定义编码规则的主要包含字段及用法

原创 在fit平台上使用echarts图表的功能

原创 nodeJS创建服务器

// 目标：创建基本的服务器1.导入express模块2.创建express服务器实例3.调用实例的listen方法 指定端口开启web服务器// 目标：创建api路由模块1.导入express模块2.express.Router() 调用express的Router方法创建路由3.导出路由4.在服务器文件里面导入路由模块5.使用服务器实例app的use方法注册路由...

原创 uni-app的文件

app.vue是页面的根组件，所有组件都在这里切换，页面的入口文件，可以调用应用的生命周期函数