- 博客(35)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 当自己觉得特别迷茫的时候,是怎么走出这个困境的
每个人迷茫的原因不同,走出困境的方法也不同。就我而言吧,经常遇到的迷茫是缺乏动力,以至于没办法投入到工作中,带着愧疚感而无所作为。遇到这种情况,我一般是干脆放弃挣扎,先放开身心玩玩游戏,或者追追剧。我心里会有一个"平衡机制",在放松过后会内心会产生强烈的想努力、想奋斗的情绪,就产生了积极的动力,然后我再停止放松,就可以专心投入到学习或工作中去,从而走出迷茫。以上,希望对你有帮助吗。其实吧!!!马化腾有马化腾的迷茫,马云也有马云的困境。有时,我们可能幻觉地认为,谁谁谁真爽啊,我要是跟他那样就好了,然后每
2021-04-21 14:34:04
392
10
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue中params传参后 vuex数据 刷新页面参数消失的解决办法
平常我们在vue页面中传参最常用的就是params和query两种方法1.params传参的使用 Onchange: function (e) { console.log(e.title); this.$router.push({ name:'ordernoted', //使用params传参这里就要用name来写路径 params:{ id:e.username } }) },跳转到达的
2021-04-15 14:13:38
3332
7
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 最新前端vue,js,css,性能优化面试题66道题
1.js有几种数据类型,其中基本数据类型有哪些五种基本类型: Undefined、Null、Boolean、Number和String。1中复杂的数据类型————Object,Object本质上是由一组无序的名值对组成的。Object、Array和Function则属于引用类型2.undefined 和 null 区别null: Null类型,代表“空值”,代表一个空对象指针,使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值。undefined: Undefined
2021-03-24 15:26:25
1765
原创 Vue 3D轮播插件vue-carousel-3d(禁止滑动方法)
实际项目场景中如有需求让卡片禁止滑动,可给minSwipeDistance属性给大点值(99999),这样就ok;
2024-02-04 17:56:22
1157
1
原创 Vue项目中 sass安装
1. sass-loader依赖于node-sass,所以要安装node-sasscnpm install node-sass --save-dev //安装node-sasscnpm install sass-loader --save-dev //安装依赖包sass-loadercnpm install style-loader --save-dev //安装style-loader2. 在build文件夹下的webpack.base.conf.js的
2022-01-24 14:36:55
5695
原创 Vue路由(vue-router)详细讲解指南
中文文档:https://router.vuejs.org/zh/Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向,就是我在页面上点击一个按钮需要跳转到对应的页面,这就是路由跳转;首先我们来学习三个单词(route,routes,router):1,route:首先它是个单数,译为路由,即我们可以理解为单个路由或者某一个路由;2,routes:它是个复数,表示多个的集合才能为复数;即我们可以理解为
2022-01-19 10:31:11
19139
6
原创 vue 编写全局loading加载动画效果
加粗1.loading组件样式<template> <transition name="fade"> <section> <div class="loading"> <!-- <img width="24px" height="24px" src="../images/timg.gif"> <p class="desc"&g
2022-01-18 13:38:38
3155
原创 git 代码记录单条合并的方法
第一种方法**步骤一:**1,在开发分支 git log 找提交记录 找到要合并的记录一串编码**步骤二**:2,切换到要合并的分支 例如:git checkout master **步骤三:**3,git cherry-pick 复制的代码记录编码**步骤四:**4,4.在本地push推送到远程分支就可以第二种方法我们可以直接在git代码地址上面进行单条合并步骤一:先找到在本地开发的分支代码提交记录列表如下:步骤二:点进去需要合并的代码记录详情里面并点击选
2021-12-20 13:59:22
1648
原创 vue3.0 深度选择器>>> 和 /deep/ 和 ::v-deep css穿刺写法被弃用
之前我们vue2.0写法是这样的::v-deep .vxe-body--row td:hover { background-color: rgb(224, 226, 190);}但是这样的写法到3.0就还不生效且报错,可能是3.0去掉了这种css穿刺的写法后来试了这样一个方法,直接就可以了,代码如下:// 给td增加hover颜色:deep(.vxe-body--row td:hover) { background-color: rgb(224, 226, 190);}这样直接就
2021-11-03 17:04:52
1519
原创 async和await 用法
21-vue中使用async和await来实现同步和异步场景如下:现在的逻辑是根据后端API的返回数据修改echart的option中的series.data,然后执行setOption方法,渲染图标,但是遇到的问题是,后端API可以正常返回数据,但是根据console的显示是先执行了setOption方法,后执行了API数据赋值给series.data,所以图表渲染不出想要的数据,代码如下复制代码 methods: { initChart() { this.chart =
2021-09-22 16:58:58
318
转载 uniapp调用高德、百度、腾讯地图实现方法
适用于uniapp项目、vue项目以及微信小程序和也适用于普通手机h5应用,大家都可以去试试的废话不多说,直接上代码// 点击某个地方,调起下面的方法 // 方法要传入需要标注地点的纬度latitude,经度longitude,地名name toMapAPP(latitude,longitude,name){ let url = ""; if (plus.os.name == "Android") {//判断是安卓端 plus.nativeUI.actio
2021-05-13 14:29:07
2283
3
原创 开发微信小程序实现上传图片 拍照功能
wxml代码://给button添加点击事件<button bindtap="doUpload"></button>js代码doUpload(){ // 选择上传的图片 wx.chooseImage({ count: 1, //这里是选择几张图片 sizeType: ['compressed'], //把上传的图片进行压缩图 sourceType: ['album', 'camera'],
2021-05-13 14:18:15
2638
1
原创 vue调取手机摄像头和相册功能
自己总结的手机端拍照和相册原生的方法HTML代码<div>//要显示的图片 <div class="imgBox name"> <img :src="imgSrc" /> </div> <van-action-sheet v-model="show1"> <ul> <li class="paizhao" @click="captureImage()">拍照</li>
2021-05-13 14:11:37
2257
3
原创 vue移动端项目实现粘贴复制文本功能
有些在移动端中需求是长按文本或者点击复制按钮进行赋值文本,我先给你们说说长按进行复制吧长按复制1 先要引入插件clipboardnpm install clipboard --save2 使用的页面进行引入import Clipboard from 'clipboard'HTML代码<div class="code" :data-clipboard-text="userInfo.account" @click="copy"> <div>{{us
2021-05-11 20:09:57
1680
原创 vue项目中获取地址栏参数并且截取
铁子们,我今天写项目遇到这样一个问题,因为我是单独写的三个页面,我那个页面获取数据是要获取到上个页面传过来的参数才能进行请求,因为刚开始写参数是直接写成固定死的了然后我就在想,肯定要获取到当前页面的url地址,这样后边才能截取url地址中的参数,代码如下 var url = window.location.href; //获取地址栏路径 var temp1 = url.split('?');//对url地址进行分割 var pram = temp1[1]; var
2021-04-23 18:09:10
5612
原创 vue项目转换完时间戳展示到element表格数据中
我这次写的是自己定义的本地时间,当每添加一次,都会获取到当前的准确时间,代码如下js代码//在methods里定义一个事件方法 methods: { getTime() { //改变this指向 var _this = this; let yy = new Date().getFullYear();//获取本地年分 let mm = new Date().getMonth() + 1;//获取本地月份 let dd = new Date(
2021-04-20 17:52:10
451
原创 电脑键盘快捷键使用大全
电脑键盘快捷键和组合键功能使用大全键盘快捷键使用大全所谓快捷键就是使用键盘上某一个或某几个键的组合完成一条功能命令,从而达到提高操作速度的目的。下面为大家介绍一些常用快捷键的使用和功能。希望这些电脑快捷键大全可以给用户带来便捷的上网体验。善用快捷键,可以更快捷的使用电脑一、最常用的电脑快捷键大全二、电脑快捷键大全键和组合键功能大全Ctrl+1,2,3… 功能:切换到从左边数起第1,2,3…个标签Ctrl+A 功能:全部选中当前页面内容Ctrl+C 功能:复制当前选中内容Ctrl+D 功能:
2021-04-20 15:33:35
2722
原创 人工智能入门学习进阶详细,写这么好的网站可不能错过哦
前几天天,在搜东西的时候发现了一个特别厉害且详细的人工智能学习网站,通俗而且还易懂,风趣幽默,想着给大家分享一下 点击链接跳转到教程:人工智能入门和进阶教程(链接)
2021-04-20 10:37:26
129
1
原创 使用git命令拉取代码以及如何上传代码
1、第一步我们先使用git命令来拉取在github上面的代码然后代码就克隆到那个文件夹里了这个时候我们要先切入到克隆的这个文件里面在进行切换分支先查看有哪些分支然后就能进行切换分支了这样就成功的把代码克隆下来了2.上传更新代码1.先git init 表示初始化一个git仓库2.再git status 表示查看当前仓库的状态,可以看到那些文件被更改3. git add filename表示将文件添加到暂存区,add可以反复使用,将多个文件添加到暂存区,如果一次性添加多个文件,直接使用
2021-04-15 16:59:40
4163
原创 vant-ui组件库中修改NavBar导航栏的样式
Vant-ui组件中没有改变导航栏的样式的属性,这个时候怎么办呢我们可以用深度选择器/deep/ 或 ::v-deep,实现对组件内部的样式修改 如下:1.引用NavBar组件<div id="div_box_nav"> <van-nav-bar title="标题" left-text="返回" left-arrow /> </div>引用后是显示这个样子的 如下图:但是现在需求是 要求导航栏背景色为蓝色 字体颜色
2021-04-15 14:47:12
6245
10
原创 nginx反向代理-解决前端跨域问题
1.定义跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。注意:跨域限制访问,其实是浏览器的限制。理解这一点很重要!!!2.跨域访问示例假设有两个网站,A网站部署在:http://localhost:81 即本地ip端口81上;B网站部署在:http://localhost:82 即本地ip端口82上。现在A网站的页面想去访问B网站的信息,A网站页面的代码如下(这里使用jque
2021-04-13 11:42:04
259
1
原创 初识sa-token,一行代码搞定登录授权!
前言在java的世界里,有很多优秀的权限认证框架,如Apache Shiro、Spring Security 等等。这些框架背景强大,历史悠久,其生态也比较齐全。但同时这些框架也并非十分完美,在前后台分离已成标配的互联网时代,这些老牌框架的很多设计理念已经相当滞后,无法与我们的项目完美契合。而今天我要介绍的这款框架,专门为前后台分离架构而生, 功能强大, 上手简单 —— sa-token。sa-token 是什么?sa-token是一个轻量级Java权限认证框架,主要解决: 登录认证、权限认证、S
2021-04-02 15:47:57
1218
1
原创 vue跳转页面的逻辑
写这个页面需要安装两个组件1.安装axios命令Cnpm install axios --save2.安装vant-ui组件库Cnpm install vant --save在index.Js里面配置要跳转页面的路由在main.js里面用vue引入刚安装上的两个插件这个是home.vue准备要跳转页面里的内容<template> <div>//下面那个正在加载时给它个判断 <div v-if="isShow">正在加载......&l
2021-04-02 15:18:37
572
1
原创 Javascript的一些对象
数组属性:constructor:返回创建数组对象的原型对象函数length:设置或返回数组元素的个数或长度prototype:允许你向数组对象添加属性或方法Array 对象方法concat():连接两个或更多的数组,并返回结果copyWithin():从数组的指定位置拷贝元素到数组的另一个指定位置中entries():返回数组的可迭代 对象every():检测数组元素的每个元素是否都符合条件fill():使用一个固定值来填充数组filter():检测数组元素,并返回符合
2021-04-02 15:02:17
128
1
原创 使用creata-react-app脚手架创建react项目时非常慢的解决方法
创建react项目必须要有下面两个步骤cnpm install -g create-react-app //创建react全局变量create-react-app my-app //创建一个react项目如果你们输入上面两行命令后出现下面这种错误那应该就是创建react项目时,需要安装依赖包,而依赖包大多数都是外网的 有时候下载时间长了就会报错,有时候也会导致一直在下载 不会动这种情况我们将npm的源进行更换,在命令行使用以下命令:npm config set registry htt
2021-04-02 14:55:14
884
原创 Vue实例中封装api接口的思路 在页面中用async,await调用方法请求
一般我们写小型的项目是用不到封装axios实例但是当我们写大型项目时 接口有时候多到有上百个接口,那我们在请求一次调用一次接口,接口上好多都是重复的,这个时候我们就可以封装axios实例,既节省了事件。有可以少些好多代码首先我们要先安装axiosnpm i axios --save然后在vue项目中要创建两个文件夹api.js文件和http.js文件 当然文件名是自定义的在http文件下http.js中要这样写import axios from 'axios'; //环境的切换 环境指
2021-04-02 14:51:20
1153
3
原创 小程序分类功能的实现
微信小程序的分类功能思路实现思路1.把屏幕当成一个固定的盒子,然后把盒子分成两边,并让盒子的每一边都能够滚动。2.通过将左侧边栏元素的id和右边内容的categoryId进行匹配,渲染展示相同id的内容页面data定义的初始数据data: { classify_sidebar: [], //左侧边栏内容的数组 classify_content: [], //右边内容元素的数组 list: 124849, //绑定切换时的id },1.先利用文档对左边的侧边栏
2021-04-02 14:45:43
5571
原创 小程序学习心得体会
我们写小程序时都要跳转页面的,也会有底部导航来进行切换这个时候就要介绍下窗口是怎样配置的要在app.json文件里写一个tabBer对象 里面在定义一个list数组里面放我们定义的几个需要切换的页面 如下 最多list里面可以定义5个对象在微信小程序里我们创建文件挺简单的 如下图比如说就在上面图片的最下面直接写pages/文件名/文件名 然后保存就行了 这样文件夹就创建成功了然后我再说下小程序的文件类型 小程序的文件类型分别有四种第一种 :js文件这个home.js里面写的是我们从ht
2021-04-02 14:39:53
2338
3
原创 微信小程序封装api接口
首先要创建两个文件夹env文件夹里面写了一个index.js文件里面定义了三种环境的切换在filer.js里面要这样写api,js文件这样写在http.js,根据当前环境,设置相应的baseUrl, 引入fetch中封装好的promise请求,封装基础的get\post\put\upload等请求方法,设置请求体,带上token和异常处理等;设置对应的方法并导出;然后要在app.js文件里要全局注册在全局app.js中导入http,注册到根组件在页面中要这样应用封装好的借口
2021-04-02 14:24:32
329
原创 用element-ui给表格第一列固定住不动,其他的滚动
在element-ui里面的table表格上面找到fixed属性后,加到了要固定那个标签上面但是又遇到这样一个问题想了半天方法,我们可以给它加上css样式<style>.el-table .el-table__fixed { height: auto !important; bottom: 16px;}</style>这样就可以了在哪行下面都可以进行拖拽滚动条原因是这个,因为我们用element-ui上面的组件,只是复制了他们的源代码,要在本文件下面或者全
2021-03-31 17:14:37
3471
1
原创 vue中如何使用富文本详细讲解
一、cnpm 安装 vue-quill-editorcnpm install vue-quill-editor二、在main.js中引入import VueQuillEditor from ‘vue-quill-editor’// require styles 引入样式import ‘quill/dist/quill.core.css’import ‘quill/dist/quill.snow.css’import ‘quill/dist/quill.bubble.css’Vue.use(
2021-03-26 16:36:55
9147
2
原创 vue面试题详细讲解
最近在面试,总结几个重点的面试题:一、vue父子组件之间的传值:简单来说,子组件通过props方法接受父组件绑定传来的数组或者对象,子组件通过$emit方法来向父组件发送数据二、vue生命周期函数:beforeCreate(创建前)在实例初始化之后,数据观测和事件配置之前被调用,el和data并未初始化,因此无法访问,methods,data,computed等上面的方法和数据created(创建后)完成data数据的初始化,没有el获取不到真是的DombeforeMount(挂载前)挂在
2021-03-24 14:38:19
423
1
原创 常见的7种排序算法
1、冒泡排序最简单的一种排序算法。假设长度为n的数组arr,要按照从小到大排序。则冒泡排序的具体过程可以描述为:首先从数组的第一个元素开始到数组最后一个元素为止,对数组中相邻的两个元素进行比较,如果位于数组左端的元素大于数组右端的元素,则交换这两个元素在数组中的位置,此时数组最右端的元素即为该数组中所有元素的最大值。接着对该数组剩下的n-1个元素进行冒泡排序,直到整个数组有序排列。算法的时间复杂度为O(n^2)// 冒泡排序void BubbleSort(int arr[], int length)
2021-03-24 11:00:04
356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人