自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 零基础如何快速画页面(VUE篇)第二天(带有注释篇)

HTML&&CSS (第二天)在写页面之前先学习一个小知识,学会使用iconfont这里用的是阿里的矢量图标库:https://www.iconfont.cn/collections创建一个项目,选取自己需要和喜欢的图标,下载将iconfont开头的文件复制到一个font的文件中引入 <link rel="stylesheet" href="./font/iconfont.css">使用:<i class="iconfont icon-a-44tubiao-

2024-02-26 16:37:13 401

原创 零基础如何快速画页面(VUE篇)第二天

HTML&&CSS (第二天)在写页面之前先学习一个小知识,学会使用iconfont这里用的是阿里的矢量图标库:https://www.iconfont.cn/collections创建一个项目,选取自己需要和喜欢的图标,下载将iconfont开头的文件复制到一个font的文件中引入 <link rel="stylesheet" href="./font/iconfont.css">使用:<i class="iconfont icon-a-44tubiao-

2024-02-26 10:01:06 462

原创 零基础如何快速画页面(VUE篇)第一天

* 绝对定位,会脱离原来的位置(俗话说就是飘了),在使用绝对定位的时候一定要注意,要以哪个元素作为基准,做到基准元素也有定位,常见的还有一个固定定位,其他的用的不多 *//* 内边距,这里设置的上20px,右是10px,下是0px,左是2px *//* 外,这里设置的上20px,右是10px,下是0px,左是2px *//* 内边距,这里设置的上20px,左右是10px,下是0px *//* 外,这里设置的上20px,左右是10px,下是0px *//* 外,这里设置的上下20px,左右是10px */

2024-01-31 17:56:17 753

原创 vue-ehcarts如何下手

首先准备容器(div+css),第二步准备配置的数据(option),第三步设置图表如果发现图表没有展示出来,首先看有没有保存,其次看是否导入正确,然后看容器是否有宽高。

2023-11-23 17:23:14 64

原创 使用antd+ts+vite+react,封装组件发布到npm

命令告诉TypeScript编译器在编译TypeScript文件时生成对应的类型声明文件(.d.ts文件)。到这里基本的组件以及准备好了,接下来是本地调试。

2023-07-11 16:45:34 474 1

原创 React学习笔记(上)

一、React文件的创建(不使用脚手架进行文件的创建过程)1.1、这里的React文件是一个html文件,或者是一个js文件,需要安转相关依赖React:是React的核心包React-dom:是React操作dom的扩展包babel:是将React文件中的jsx代码转换成js代码jsx(JavaScript XML),是js的一种扩展,其中可以直接书写html语句,和js脚本安转相关依赖:npm install react react-dom babel --save1.2、什么是

2021-08-07 20:10:33 576 1

原创 Node.js使用express实现实现简单增删改查mongdb数据库内容

Nodejs实现简单增删改查数据库内容/** * 数据添加 * @param {*} model 数据模型对象 * @param {*} params 添加数据对象 * @param {*} res 响应对象 */function add(model, params, res) { model.create(params).then(result => { // 添加数据库数据 if (result) { res.json(

2021-07-24 09:51:21 253 1

原创 nodejs创建服务上传图片

nodejs创建服务上传图片var express = require("express")//引入express模块var router = express.Router()//通过express创建路由容器var fs = require("fs")//引入fs模块,var path = require("path")//引入path模块,用来拼接地址的var multer = require("multer")//引入muter模块,用来存储上传来的图片的var upload =

2021-07-24 09:39:21 316

原创 Vue中使用富文本编辑器(wangeditor)

Vue中使用富文本编辑器(wangeditor)安转 :npm i wangeditor --save在需要的文件下引入:import Editor from “wangeditor”实现文字的样式和图片的上传并显示在文本编辑器中<template> <div id="editor"></div> //挂载点</template><script> export default { data(){ return {

2021-07-23 20:35:44 692

原创 React富文本编辑器的简单使用(wangeditor)

React富文本编辑器的简单使用(wangeditor)首先是安转:npm i wangeditor --save在需要的文件中引人,但是这里最好使用组件话开发,这样在使用时只需要引入即可(注意这里只是简单的实现部分内容,从而添加到数据库之中)创建一个单独的文件夹,在index.jsx中引入 import editor from “wangeditor”简单实现文本输入、颜色、字体大小等文本的配置 import React, { Component } from 'react' //引

2021-07-23 20:12:48 1363

原创 CSS改变滚动条样式

CSS改变滚动条样式 .scroll{ height:100%; /*这里需要首先固定高度*/ overflow-y:scorll; /*我们一般习惯为纵向有滚动条,横向为固定*/ overflow-x:idden; }/* 修改滚动条样式 */.scroll::-webkit-scrollbar { width: 3px; /*设置滚动条的宽度*/}/* 滚动区域的样式 */.scroll::-webkit-scrollbar-thumb { border-radi

2021-07-23 19:26:06 1050 1

原创 在React中实现Vue中的v-html效果

在React中实现Vue中的v-html效果使用原生操作使用dangerouslySetInnerHTML使用原生操作//在函数组件之中let [str,setStr]=useState("<h1>hello world</h1>")let toJsx=()=>{ document.getElementById("box").innerHTML(str) //获取dom元素,使用innerHTML插入内容}<div id="box"> {toJs

2021-07-23 19:18:38 4916 1

原创 Vue环境安装(详解)

Vue环境安装(详解)一、修改npm默认安装路径和配置环境变量(或直接配置环境变量)不配置环境变量会发生在安装Vue的情况下,输入指令会显示不是内部或外部命令,也不是可运行的程序或处理文件为什么需要修改npm安装路径和配置环境变量呢?为什么需要修改npm安装路径由于npm的默认路径是在C盘,在某些时候电脑出现问题需要重装系统了,这个时候之前配置的什么环境、安装的包插件都会消失,这时就需要我们更改npm的安装路径了修改路径指令操作步骤:在任意位置打开cmd命令行(快捷键 W

2021-06-23 23:12:37 296

图片和iconfont资源

图片和iconfont资源

2024-02-26

icon字体-对应练习第二天的font资源

icon字体——对应练习第二天的font资源

2024-02-26

空空如也

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

TA关注的人

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