知否灬知否-优快云博客

具体优化 TEXT = 1,// --取值是1---表示具有动态textContent的元素 CLASS = 1 << 1, // --取值是2---表示有动态Class的元素 STYLE = 1 << 2, // --取值是4---表示动态样式（静态如style="color: pink"，也会提升至动态） PROPS = 1 << 3, // --取值是8--- 表示具有非类/样式动态道具的元素。 FULL_PROPS = 1 <&lt

2022-02-10 14:28:30 645

原创判断空对象，空数组

1.判断空对象let obj= {}；Object.keys(obj).length === 0；----------表示是空对象var obj = new Object(); //Object.keys()的返回值是数组obj = {a:1,b:2};console.log(Object.keys(obj)) //['a','b']2.判断空数组let array1=[];array1.length === 0;------表示是空数组3.判断变量a为非空，未定义或者非空串v

2022-02-07 17:29:18 172

原创 js时间戳转化及时间的加减

整理一下时间的转换，以及加减1 获取时间var myDate = new Date();//获取的是格林威治时间 //Wed Jan 19 2022 10:52:03 GMT+0800 (中国标准时间)2 如果需要时间转成时间戳getTime()这个函数即可console.log(myDate.getTime())//1642574024786时间戳转成时间(格林威治时间 )console.log(new Date(sjc))//Wed Jan 19 2022 14:35:59 GM

2022-01-19 14:40:53 2509 1

原创 uniapp签名组件

组件使用<signature :showCanvas="showCanvas" :baseImage="baseImage" @closeCanvas="closeCanvas" @change="getImageUrl" :imageFlag="imageFlag"></signature> <image :src="imgsave" mode=""></image>组件内容<template> <view> &

2021-12-01 15:40:03 1366

原创 uniapp实现app长截图

思路：dom渲染通过html2canvas执行操作，在通过canvas.toDataURL形成base64，再转成图片找到已经有的插件插件地址效果图：

2021-11-05 10:53:36 1550

原创 uniapp中用renderjs，弄明白关系

只要看明白这个代码，就明白了其中关系，注释已经写的很清楚了<template> <view> <view :msg="msg" :change:msg="renderScript.receiveMsg" class="renderjs" id="renderjs-view"> {{msg}} </view> <button @click="renderScript.emitData">直接调用ren

2021-11-04 15:36:22 3465 4

原创 uniapp简单的拍照上传预览

样式可根据需求自行设计<template> <view> <button type="default" @click="updataimg">本地选择</button> <view class=""> <view class=""> <view v-for="(image, index) in imageList" :key="index"> <view class="">

2021-10-09 15:24:34 509

原创 vue3起别名

创建vue.config.js文件// 给路径起别名module.exports = { configureWebpack: { resolve: { alias: { assets: "@/assets", components: "@/components", network: "@network", utils: "@/utils", views: "@/views", },

2021-09-02 17:12:43 757

原创 vue中404路由设置

{ path: "/:carchAll(.*)", name: "/404", component: () => import("../views/404"), },

2021-08-31 09:59:11 379

原创 vue3两种方式引入element

1 脚手架创建 v3 vue add element-plus2 vite创建 cnpm install element-plus --save需要配置文件main.js import { createApp } from 'vue' import ElementPlus from 'element-plus'; import 'element-plus/lib/theme-chalk/index.css'; im

2021-08-31 09:56:47 647

原创 vue3关于路由query传参

传参import { useRouter } from "vue-router"; const router = useRouter();router.push({ path: "/Detail", query: { id:"123" } }); 接受import { useRoute } from "vue-router";const route = useRoute();console.log(route.query.id);注意：需要引入路由，在setup()创建对象，再使用，区分

2021-08-13 15:56:14 3315 2

原创 uniapp中布局style绑定方法

在样式中添加方法 <view class="" :style="{color: getColor(item.Name)}"> {{item.Name}} </view>在methods中写方法getColor(){ }

2021-06-28 09:47:19 1135

原创 canvas arc() 第四个第五个参数详解

arc有六个参数：arc(x, y, r, sAngle, eAngle, counterclockwise)x,y表示圆心坐标r 表示圆的半径sAngle : 表示开始绘制的角度eAngle : 表示结束绘制的角度counterclockwise ：表示顺时针绘制还是逆时针，false = 顺时针，true = 逆时针，默认值是false首先画一个 0π-0.5π ctx.arc(200, 200, 100, 0 * Math.PI, 0.5 * Math.PI, false)

2021-06-04 15:12:24 2261

原创 Ant组件库的Steps步骤条中嵌套步骤条

需求：如果在步骤条里嵌套步骤条实现：在a-steps标签里再写一个a-steps标签注意：需要监听:current，如果有多层嵌套，要判断什么时候显示子步骤条官网：Ant-vue的Steps步骤条组件：https://www.antdv.com/components/steps-cn/示例：<a-steps size="small" style="padding-left: 20px;" direction="vertical" :current="currentTab3">

2021-01-22 17:53:21 4463

原创 React 生命周期-16.4版本

挂载阶段：constructor()static getDerivedStateFromProps（）render（）componentDidMount（）更新阶段：static getDerivedStateFromPropscompo（）shouidComponentUpdate(提升react性能。减少render的渲染次数)根据外部传入的属性变化，或者根据内部状态的变化，最终如果返回true就会执行render,否则不会执行更新getSnapshotBeforeUpdate（）

2020-12-19 17:34:27 187 1

原创关于React中的super（）方法

首先了解一下super的用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

2020-12-15 19:59:44 2923

原创 Vue脚手架cli安装教程（图文）

全局安装脚手架（vue-cli)命令：npm install @vue/cli -gvue -V 可以查看vue-cli的版本npm root view -g 查看安装根目录创建项目命令:vue create 项目名字创建项目**一手动安装**1、选择预设Please pick a preset: (Use arrow keys) 使用键盘上下键选择回车确定default (babel, eslint) 默认只安装babel和eslint（选择版本）Manually se

2020-12-02 11:48:17 2036

原创快速了解VUE中的编译作用域

直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div class="app">

2020-11-28 09:43:55 209

原创 async和await用法比较

function Num(success) { console.log("函数执行了") setTimeout(function() { //成功执行Success()函数 if (success) { Success() //失败执行Fail() } else { Fail() } }, 1000) } function Success() { consol...

2020-11-20 08:46:40 335

原创 MongoDB的简单操作及连接mongoose

1 打开cmd控制器，管理员权限打2 查看数据库3 新建数据库text4 删除数据库切换到要删除的数据库5 创建集合tst6查看数据库下的集合tst7 删除某个集合8 在集合下插入数据db.集合名.insert9 查询10 修改再次查看，已经修改11 删除数据...

2020-11-19 09:02:04 207

原创纯css实现冒气泡背景

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>泡泡</title> <style type="text/css"> body,html{ width: 100%; height: 100%; } body{ margin: 0; padding: 0; background: #2

2020-11-10 19:41:37 910

原创用js写轮播图（防抖）

<!DOCTYPE html><html> <head>- <meta charset="utf-8"> <title>我的</title> <style type="text/css"> * { margin: 0; padding: 0; list-style: none; border: 0; } .all { width: 500px;

2020-11-01 15:24:50 644 1

原创 css写特效电灯字

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>电灯泡文字</title> <style type="text/css"> * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; jus.

2020-10-29 08:58:47 313

原创 css鼠标悬浮图片效果

<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>鼠标悬浮图片<

2020-10-27 19:34:42 2110 1

原创用js实现放大镜(利用背景图)

<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title

2020-10-27 19:32:27 2322 7

echarts相关的数据

空空如也