weixin_44359232-CSDN博客

原创 vue3.0 全局注册dialog, 并传参

vue3.0 全局注册dialog, 并传参组件全局注册使用组件组件新建文件plugin/dialogComp.vue<script>import { h, ref, resolveComponent, computed } from "vue";import { defineComponent, toRef } from "@vue/composition-api";export default defineComponent({ props: { settings:

2022-04-01 10:45:17 2365

原创 vue-router安装使用

Vue Router安装yarn add vue-router@4修改配置app.vue<template> <transition name="el-fade-in-linear"><router-view></router-view></transition></template><script></script><style></style>创建router文

2022-03-17 17:48:01 709

原创 vite配置自定义路径别名,vscode生成别名代码提示

配置别名进入vite.config.ts引入path包，在defineConfig中添加自定义的路径import { defineConfig } from 'vite';import VueSetupExtend from 'vite-plugin-vue-setup-extend';const resolve = (dir) => require('path').join(__dirname, dir);import vue from '@vitejs/plugin-vue';exp

2022-03-17 17:35:10 2092

原创 yarn下载eslint依赖报错

报错信息：这里是因为node版本过低，不支持下载当前eslint解决方法：1.node版本更新2.如果更新了node或许或导致其他工程有问题，不能轻易更新，可以输入命令行,也可以恢复正常yarn config set ignore-engines true...

2022-03-15 11:22:23 530

原创 webpack相关知识点总结整理

webpack: 基于NodeJS平台开发本质上，是一个前端资源构建工具，用于现代JavaScript应用程序的静态模块打包工具使用webpack1.安装全局安装cnpm install -g webpack webpack-cli->简写cnpm i -g webpack webpack-cli局部安装在项目内安装依赖cnpm install --save-dev webpack webpack-cli->简写cnpm i -D webpack webpack-cli

2020-09-28 20:31:13 179

原创 es6中新增Symbol

Symbol:es6中新增的一个基本数据类型var s=Symbol();typeof s ==>返回值为Symbol用来设置一个独一无二的值，类似于设置id只是一个普通方法，不是构造函数1.创建变量var s=Symbol();//空var s=Symbol(“hello”);-----//只是描述信息，字符串格式2.应用1）两个symbol比较永远返回false2)声明常量const a=Symbol();3)设置给对象的属性名var age=Symbol();var

2020-09-11 09:03:04 243

原创利用H5api实现时钟的绘制

HTML5的canvas标签用于绘制图像（通过脚本，通常是 JavaScript）。不过，canvas元素本身并没有绘制能力（它仅仅是图形的容器）必须使用脚本来完成实际的绘图任务。下面，具体总结了一下使用画布canvas的步骤：画布：canvas在页面上规划出一块空间，canvas标签，通过javascript控制画布完成绘制1.获取画布var canvas=document.getElementById("");2.获取上下文对象（获取画笔）var cx=canvas.getContex

2020-09-10 09:00:03 344

原创实现myForEach的底层原理

forEach():循环遍历，for（）{}的增强版在数组中，被封装好的方法，可以直接arr.forEach()使用代码如下： var arr=["hello",12,null,undefined]; Array.prototype.myForEach=function(){ if(typeof arguments[0]=='function'&&arguments.length==1){//存在一个参数并且第一个参数为一个function

2020-08-31 20:18:51 224

原创轮播图

对于动画的学习，我通过对于轮播图的实现来对此进行运用总结。轮播图的实现原理其实很简单，用到的动画轨迹也并不复杂，就是简单的通过拉动装有照片的盒子（可以一个有固定大小的div），使其对于我们的视觉带来一种动起来的感受。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

2020-08-16 23:43:03 103

原创动态呼吸灯

之前写了一个静态呼吸灯，在这两天学习了动画之后，便对其进行了进一步的动画处理。对其进行简单的分析，如果想要两个圆分别动起来，由于是怪异盒子，所以盒子width不变，盒子内容根据padding的改变而改变。外圆：1.先向外扩大10px----------》改变外部盒子的padding2.向内缩小10px3.保持不动内圆：1.在外圆扩大的同时，缩小10px-------》改变外圆的padding2.在外圆缩小的同时扩大10px3.向内缩小12px;4.向外扩大12px;@keyframes--

2020-08-10 09:04:06 299

原创简单静态呼吸灯

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>呼吸灯</title> <style> *{ box-sizi

2020-08-03 08:55:02 94

weixin_44359232的博客