- 博客(19)
- 收藏
- 关注
原创 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
1503
翻译 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
196
原创 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
3981
原创 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
1507
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
405
原创 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
531
原创 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
813
原创 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
271
原创 uni-app完整实现小程序获取用户信息
参考:https://blog.youkuaiyun.com/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
460
原创 微信小程序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
3653
原创 使用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
387
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人