- 博客(20)
- 收藏
- 关注
RSS订阅原创 诺伊java项目部署
把项目拖进idea里面 如果jdk没问题 他会自己装依赖 （如果安装依赖太慢自己去百度maven 安装一下）有上面的佛像说明成功一半了 下面报的错是mysql 和 redis 问题 我们现在解决一下。redis配置 改改然后在启动 一下项目ok啦。下载 idea (编辑器'自己去淘宝找破解几块钱')下载 jdk（java项目依赖 1.8的就行）下载 小p （用于数据库什么的）访问一下 这样就可以了。然后安装一下redis。然后redis启动一下。这样是依赖问题没装好。
2023-06-28 13:31:11
459
1
原创 【 第一章：初识 ts】
1.什么是 ts？ts 全称是 TypeScriptTypeScript 可以理解为是 JavaScript 的扩展，扩展了 js 的语法，因此我们可以在 ts 中继续写 js 的代码而不回报错TypeScript 又叫做静态的 JavaScript，不能直接引入到 html 中，不能直接被浏览器识别，需要经过 ts 转换器或者是 babel 转化后才能使用2.如何理解静态语言和动态语言？类型系统按照类型检查的时机来分类，分为动态类型和静态类型，动态是在运行时候才检查数据类型，静态是在编译时候
2022-05-06 10:44:32
1610
2
原创 【vuex 的理解】
*斜体样式vuex 是 vue 的状态管理工具 管理项目中的公共数据 能够在所有的组件中使用一共有五大核心state 存放公共数据的地方 通过 this.store.state.xxx调用mutations修改state的地方只有这里能修改通过this.store.state.xxx调用mutations 修改 state 的地方 只有这里能修改 通过this.store.state.xxx调用mutations修改state的地方只有这里能修改通过this.store.commit 调用gette
2022-04-28 16:27:35
211
原创 【vue的生命周期】
vue的生命周期vue⽣命周期就是vue实例从创建到销毁的整个过程我们称之为vue的⽣命周期，通过vue的⽣命周期我们可以在不同的阶段进⾏不同的逻辑操作。1.1 生命周期函数有哪些创建阶段- beforeCreate 实例创建之前 这个时候什么都没有 data methods 都不能用 也没有 this- created 创建之后 也是最早的可以使用 data 和 methods 的钩子函数 这个时候有 this 了- beforeMount 组件挂载之前- mounted
2022-04-28 16:24:03
283
原创 【input 语法糖简写】
代码如下：//子组件<div class="my_input"> <input type="text" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" @keydown.enter="$emit('submit')" /> <van-button type="primary" block @clic
2022-03-16 20:02:12
201
原创 【vue3+vant 移动端适配】
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：postcss-pxtorem 是一款 postcss 插件，用于将 px 单位转化为 remlib-flexible 用于设置 rem 基准值1.安装依赖yarn add amfe-flexible或者使用npm i amfe-flexible然后在 main.js 中加载执行该模块：import 'amfe-flexible'2.安装postcss-pxtorem依赖：yarn add
2022-03-16 18:26:37
504
原创 【axios 的简单封装】
1.首先引入 axiosimport axios from 'axios'2.创建一个实例const api = axios.create({ baseURL: '', // 所有请求的公共地址部分 timeout: 3000 // 请求超时时间 这里的意思是当请求时间超过5秒还未取得结果时 提示用户请求超时})3.request拦截器// 请求相关处理 请求拦截 在请求拦截中可以补充请求相关的配置// interceptors axios的拦截器对象api.inte
2022-03-16 18:24:19
311
原创 【时间过滤】
时间过滤代码如下 <span>{{ filterTime(需要过滤的代码) }}</span> setup() { const filterTime = (val) => { let result; let timePublish = new Date(val); // 传入的时间 let timeNow = new Date(); // 现在的时间 let minute = 1000 * 60;
2022-03-16 18:18:52
834
原创 【vue3 input的语法糖】
简单封装input代码如下：//组件内容<template> <div class="my_input"> <input type="text" placeholder="请输入搜索内容" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" @keydown.enter="$emit('submit'
2022-03-15 08:52:52
1086
原创 【vuex 数据持久化插件】
数据持久化：刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化//需要先下载插件npm install vuex-persistedstate --save 或者 使用yarn add vuex-persistedstate --save//在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export default
2022-03-09 14:12:55
218
原创 【vue3 vue-router 钩子函数】
vue3 vue-router 钩子函数全局路由守卫（vue-router4.0中将next取消了，可写可不写，return false取消导航，undefined或者是return true验证导航通过）router.beforeEach((to,from)=>{}),next是可选参数，可写可不写，return false是取消导航，如果返回值为true或者是undefined意味着通过验证(路由跳转之前拦截)router.afterEach((to,from)=>{}) （路由跳
2022-03-09 14:11:41
2401
原创 【vue2 .sync修饰符】
vue2 .sync修饰符我们都知道，组件之间通过props 或者 $emit 传值都是单向数据流的。如果我们想实现双向数据流的话，我们通常的做法如下：//父组件给子组件传入一个函数 <MyFooter :age="age" @setAge="(res)=> age = res"> </MyFooter> //子组件通过调用这个函数来实现修改父组件的状态。 mounted () { console.log(this.$emit('setA
2022-03-09 14:08:36
714
原创 【vue3,watchEffect和watch监听】
1.watchEffect立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。import { watchEffect,ref,reactive } from 'vue';// 1-1.监听 ref 声明的值setup(){ const count = ref(0); watchEffect(()=>{ console.log(count.value) // 这里的值会被打印两次，0，1 }) setTimeout(()
2022-03-09 14:04:28
1304
原创 【数组的常用方法总结】
1. join()join（’参数‘）把数组的元素以传入的参数为分割符，转换成字符串。let arr = [1,2,3,4,5];let str = arr.join(',');console.log(str) // -> '1,2,3,4,5';2.push()和pop()push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。let arr = ['张三','李四'
2022-03-09 13:59:49
360
原创 【v-for和v-if 优先级的问题】
v-for和v-if 优先级的问题不能直接这样写，会出现警告。 <div v-for="(item,index) in checkList" :key="index" v-if="item.status"> </div> 正确的写法<template v-for="(item,index) in checkList"> <div :key="index" v-if="item.status" ></div>
2022-03-09 13:51:24
105
原创 【js 常用的开发技巧】
字符串常用技巧时间对比：时间个位数形式需补0const time1 = "2019-03-31 21:00:00";const time2 = "2019-05-01 09:00:00";const overtime = time1 > time2;// overtime => false格式化金钱const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");const mo
2022-03-09 12:17:26
1091
原创 【递归实现深拷贝】
使用递归函数来实现一个对象的深拷贝代码如下function copy(obj) { let newObj = null; // 声明一个对象来存储拷贝之后的内容 // 判断数据类型是否是复杂的数据类型，如果是则调用自己，如果不是则直接赋值即可！ // 由于null不可以循环但是他的类型又是object，所以这个需要对null进行判断 if (typeof(obj) == 'object' && obj !== null){ //
2022-03-09 11:49:58
590
原创 【面试题，写一个函数，输出小于这个数的质数】
质数的概念：指在一个大于1的自然数中，除了1和其自身外，没法被其他自然数整除的数。2是最小的质数。代码如下（示例）：function fn (num){ let arr = [2] const isFrame = new Array(num).fill(1); // let index1 = 0; // let index2 = 0; for(let i = 3; i <= num;i+=2){ index1++;
2022-03-09 10:40:28
159
转载 【vue打包路径和服务代理配置】
vue打包路径和服务代理配置使用步骤1.首先在 vue 的项目下面 新建一个 vue.config.js 该文件夹和src是同级的文件夹。2.文件夹的内容如下提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档使用步骤1.首先在 vue 的项目下面 新建一个 vue.config.js 该文件夹和src是同级的文件夹。2.文件夹的内容如下代码如下（示例）：module.exports = { publicPath: "./", // 部署应⽤包时的基本 URL outpu
2022-03-09 10:32:14
368
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人