自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 react

react学习文档,包括hook

2023-02-22 11:28:51 131

转载 vue3图片懒加载实现

vue3 实现图片懒加载

2022-07-25 15:12:13 165

原创 Vue3.2自用代码片段

自动代码片段

2022-07-06 10:02:49 448

原创 vue3之vue3.2获取dom元素的宽高

vue3.2获取dom元素的宽高

2022-07-01 10:56:41 15399 1

原创 vite+vue3+ts+pinia初始化项目

vite+vue3+ts+pinia初始化项目

2022-06-28 16:52:00 465

原创 react组件传参

react类组件和函数组件,实现组件通信

2022-05-23 18:00:18 4678

原创 vue3学习笔记

vue3准备工作创建项目# npm 6.xnpm init @vitejs/app vite-vue3-starter --template vue-ts# npm 7+(需要额外的双横线)npm init @vitejs/app vite-vue3-starter -- --template vue-ts# yarnyarn create @vitejs/app vite-vue3-starter --template vue-ts注:选择项目类型为vue+ts(小tips:gi

2022-04-11 16:27:43 1398

翻译 node学习笔记

一,FS1.读取文件const fs = require('fs')fs.readFile('./成绩.txt','utf8',(err,data)=>{ if(err){ return console.log( "读取失败!",err ) } console.log("读取数据成功",data) const arrOld = data.split(" ") console.log("分割之后的数据

2022-03-18 16:01:33 138

原创 vue项目实现ip和localhost同时访问

因为localhost只能在本机访问,如果想其他电脑访问或者是移动端访问需要采用ip来访问 实现效果1.在webpack.dev.conf.js里面配置messages字段messages: [ `App runing at: `, `Local: http://localhost:${port}`, `Network: http://${require('ip').address()}:${port}`,

2022-03-14 10:54:52 3764

原创 Swiper实现环形轮播

vue组件内使用swiper实现环形轮播htmlList item

2022-03-10 17:38:49 3506

原创 react hooks + react-draft-wysiwyg 实现富文本编辑

react hooks + react-draft-wysiwyg 实现富文本编辑1.安装react-draft-wysiwygcnpm i react-draft-wysiwyg2.安装draftjs-to-htmlcnpm i draftjs-to-html3.安装html-to-draftjscnpm i html-to-draftjs代码:import React, { useState, useEffect } from 'react'import { Editor } f

2022-03-10 17:34:18 1372 4

原创 require.context自动引入路由或vuex

require.context自动引入路由或vuex1.自动引入路由1.modules => index.js读取modules模块内部的default,然后抛出一个数组结构/*** @param directory 要搜索的文件夹目录不能是变量,否则在编译阶段无法定位目录* @param useSubdirectories 是否搜索子目录* @param regExp 匹配文件的正则表达式* @return function 返回一个具有 resolve, keys, id

2021-11-17 15:09:08 340

原创 canvas + vue实现时钟

<!-- --><template> <div class=''> <canvas id="canvas2" width="800" height="600"></canvas> </div></template><script>//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)//例如:import 《组件名称》 from '《组件路.

2021-11-15 18:10:48 452

原创 uni-app小程序实现下载图片

downImg(url){ const that = this; console.log("url",url) uni.downloadFile({ url:url,//url为图片地址 success: res => { console.log("下载结果res",res) if (res.statusCode === 200) { uni.saveImageToPhotosAlbum({

2021-11-08 15:10:36 693

原创 2021-11-02子组件与父组件实现双向锚点

子组件与父组件实现双向锚点子组件父组件子组件 <div class="selectItem" v-for="(item, index) in navList" :key="index" :class="[selectIndex == index ? 'headerContentRightNav selectNav' :' headerContentRightNav'] " @

2021-11-02 11:26:23 185

原创 uni-app完整实现小程序获取用户信息

参考:https://blog.csdn.net/qq_22182989/article/details/117819945?utm_term=getUserProfile%E8%BF%94%E5%9B%9Eobject&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2allsobaiduweb~default-0-117819945&spm=3001.4430引用注:opon-type 必须加上<b

2021-09-16 11:02:42 393

原创 微信小程序view循环添加背景图片

<view class="list-box" bindtap="click" data-id="{{item.id}}" style="background-image:url({{item.cover}})"></view>注意:和vue是有区别的不需要v-bind 也不需要使用拼接,在变量处使用{{}}即可使用遍历的参数。扩展:如果使用的是image标签想要设置相关熟悉,微信小程序内部有相关设置可以直接使用。https://developers.weixin.qq.c

2021-08-12 14:30:21 3397

原创 使用mui无限轮播时候报错Cannot read property ‘0‘ of undefined

//获得slider插件对象var gallery = mui('.mui-slider');gallery.slider({ interval:5000//自动轮播周期,若为0则不自动播放,默认为0;});注意代码位置要写在Dom生成之后,如果写在dom生成之前就不会自动开始轮播,因为他无法在DOM生成之前捕捉到DOM节点。...

2021-05-31 16:53:36 331

空空如也

空空如也

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

TA关注的人

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