不正经的Hello World-CSDN博客

原创使用vite搭建vue3项目

使用vite需要node版本在12以上npm1、npm init vite@latest2、Project name:（项目名称）3、Select a framework:（选择要用什么构建自己的项目，这边选vue）然后会有两个选项一个是vue（vue+js），一个是vue+ts，根据自己的项目需求来选...

2022-03-24 14:25:23 3129 1

原创解决uni-app uni.navigateBack 返回上一页刷新

网上看了很多解决思路，但都是针对父组件，返回上一页刷新子组件的案例很少，头疼了我一天，终于解决了，有两种思路，废话不多说，直接上代码第一种（通过父组件的onShow来判断）//我就不写结构了，相信都看得懂<Share :courseId='currentId' v-if="isResetMemberInfo"></Share>data() { return { isResetMemberInfo:true, }},onShow() { //v-if是可以实现刷

2021-11-10 15:22:15 4801

原创 vue利用 canvas 在图片上加文字

html部分：//外面最好加个div，这样就可以控制显示在页面上绘制出来的图片的大小<div style="width:400px"> <img :src="image" class="img" alt=""/> <canvas id="mycanvas" width='750' height='530' class="my-canvas"></canvas></div>js部分：export default {

2021-09-30 15:04:12 5776 3

转载 vue中使用markdown编辑器

原作者：流眸Tel网址：https://www.jianshu.com/p/474197c1f7cc效果：一、安装npm install mavon-editor --save二、引入、配置// 导入组件及组件样式import { mavonEditor } from "mavon-editor";import "mavon-editor/dist/css/index.css";三、使用//绑定model//实时改变：将markdown实时转化为html<templa

2021-09-29 16:13:46 1090

转载 5分钟学会vue中的路由守卫(导航守卫)

cnblogs.com/hgdzjp/p/10143707.html

2021-09-17 14:24:17 61

原创 vue三种常用的传值

一、父向子传值在父组件**import**导入子组件，然后在**template**里面注册子组件，然后用bind（缩写：）的形式向子组件发送，子组件用props接收。父组件：<template> <div class="homme"> {{max}} <Home :max='max'></Home> </div></template><script>im

2021-08-25 14:27:26 101

原创 js实现数组对象去重

利用对象访问属性的方法，判断对象中是否存在keyvar arr = [{key: ‘01’,value: ‘西施’}, {key: ‘02’,value: ‘王昭君’}, {key: ‘03’,value: ‘杨玉环’}, {key: ‘04’,value: ‘貂蝉’}, {key: ‘01’,value: ‘西施’}, {key: ‘01’,value: ‘西施’}];var result = [];var obj = {};for (var i = 0; i

2021-06-30 17:50:36 56

原创创建Vue项目适合初学者的详细教程

一.创建项目前先搭建环境二.创建项目1.新建文件夹：例如： F:\TopsTest2.根据模版创建新项目打开cmd窗口，进入创建的文件夹目录下，输入如下命令vue init webpack 项目名称（英文）回车以后会出现下图（配文字参考选yes还是no）： Project name：项目名称 Project description：项目描述 Author：作者(可输入自己的名字,也可以空着) Vue build： vue的构建,一般就选择第一个按回车即可 Instal

2021-06-11 16:45:47 166

原创解决 Duplicate keys detected: ‘483‘. This may cause an update error. 报错问题

很烦，虽然它不影响功能的正常使用，但出了错还是得解决一下，我研究了一会，发现是v-for我在不同的div写了两次，而key值都是取的id，其中一个换成index值就好了，代码修改：

2021-04-07 10:13:42 1004

原创实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie

实现uniapp的app和小程序开发中能使用axios进行跨域网络请求，并支持携带cookie1-使用npm install axios;命令安装axios2-新建一个文件夹再建一个.js后缀文件放axios封装代码代码：import Vue from ‘vue’import axios from ‘axios’// create an axios instanceconst service = axios.create({baseURL: ‘https://simplicity.sank

2021-03-05 17:41:33 3895

原创时间问候

时间问候js代码 var div = document.querySelector('div');console.log(div)// 获取本地的小时数 Date()，getHours()var date = new Date();console.log(date)var h =date.getHours();console.log(h)if(h < 12){ div.innerHTML = '上午好呀'}else if(h < 18){ div.inne

2021-02-03 13:46:19 85

原创 js实现后端返前端时间格式转换

html代码{{get_time(item.create_time)}}js代码get_time(dateTimeStamp) {let minute = 1000 * 60;let hour = minute * 60;let day = hour * 24;let halfamonth = day * 15;let month = day * 30;//若你得到的时间格式不是时间戳，可以使用下面的JavaScript函数把字符串转换为时间戳, 本函数的功能相当于JS版的strtoti

2021-01-20 17:22:57 991 3

原创 js中slice、splice用法与区别

1.slice(start,end)（参数可选）slice() 方法返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组对象。原始数组不会被修改。var a = [‘a’, ‘b’, ‘c’, ‘d’]var b = a.slice(0, 1)console.log(a); //[‘a’, ‘b’, ‘c’, ‘d’]console.log(b); //[‘a’]不传参数，默认从0开始，可以复制数组：var a = [‘a’, ‘b’, ‘c’, ‘d’];var c = a

2021-01-19 10:27:37 568 1

weixin_44576057的博客