自定义博客皮肤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)
  • 资源 (5)
  • 收藏
  • 关注

原创 怎样切换tab显示不同的数据

1.需求点击不同的tab选项卡,会切换到不同的内容项目2.实现在成功调用接口后,数据展示如图所示3.代码以下为主要代码的逻辑解读this.query.auditType = 4;意思就是访问后台的数据的状态类型为4(根据接口文档给出的),用Switch条件读出来。// 访问后台的数据 query: { current: 1, auditType: "", }, // 后台返回的数据 dataList: { rows: [{}], }, curre

2021-07-30 19:32:27 1239

原创 引入uni-app组件时报错:文件查找失败:‘@/compents/uni-popup.vue‘

最近公司在做物管小程序项目,用到的组件是uni-app,官方文档给出的答案是在hbuilder下载完插件后,直接在template里面引用,但是怎么都查找不到。报错显示如图解决思路碰到这个问题,首先我会看自己是否成功下载了该插件以及网上说的sass、loader插件,在确保不是插件下载的问题下,接着再多看几次官方文档关于这个组件的使用,如图错误原因而最罪魁祸首的就是看了uni-app官方文档的不导入直接引用该组件,导致文件找不到。后来同事去询问了uni-app官方交流群,确实是有些错误,所以.

2021-07-29 21:18:04 21973 1

原创 浮动及弹性盒子

1.浮动介绍在w3c中有详细的介绍:https://www.w3school.com.cn/css/css_positioning_floating.asp2.弹性盒子介绍可以看我的博客:flex弹性盒子教程里面有很详细的介绍以及用法https://blog.csdn.net/weixin_45822171/article/details/1142899903.什么场景下用浮动及弹性盒子举例:用浮动的实现图用弹性盒子的实现图在用浮动中,因为文字超出了框框,所以它脱离了文档流

2021-07-28 09:51:44 811

原创 代码整洁之道:人自省以明理,代码自省以强健

推荐的书籍:1.代码整洁之道2.重构:改善既有代码设计3.代码大全2

2021-07-23 18:10:18 84

原创 PC响应式布局常见页面宽度

PC端响应式布局常见页面宽度:平板>=768px桌面显示器>=900px大桌面显示器>=1200px

2021-07-17 12:23:08 1287

原创 分享我的编程方法

实习结束了,在这半年里面我也在不断摸索前端的一个适合我的方法,个人认为自己在智力上不算那种一点通,看一遍就会的人,我可能要自己再琢磨几遍才可以说完全吃透它吧,如果你也和我差不多,那么你可以看看我的学习方法!这张图的灵感是公司的架构师在给我们开会的时候,那时候我感觉架构师好厉害,啥都懂,然后自己灵感就来了,我怎样能变得厉害一点呢?目前这一套前端学习方法在实行中,我的想法是先按照这个方法实行半年,一边学习一边改进。以下是我目前前端学习的领域。写这篇博客的原因就是记录下自己当前的一个状态,半年后再来看的

2021-07-17 12:17:39 275

原创 async函数

1.async是用来干嘛的?一比较就会发现,async函数就是将 Generator 函数的星号(*)替换成async,将yield替换成await,仅此而已。2. 使用async的好处?async函数对 Generator 函数的改进,体现在以下四点:1.内置执行器:async自带执行器,意思就是与普通函数一样,只要一行。2.更好的语义:async表示函数里有异步操作,await表示紧跟在后面的表达式需要等待结果。3.更广的适用性:co模块约定,yield命令后面只能是 Thunk 函数或

2021-07-13 11:04:21 207

原创 前端学习资源

这是一条别人整理好的资源,里面包括了系统的前端学习路线,适合入门新手,也很适合前端工作者查漏补缺。https://www.zhihu.com/question/26845242/answer/647877600

2021-07-08 11:00:46 144

原创 v-if和v-show的区别

在平时项目开发中,经常会使用到v-if和v-show这两个条件渲染,下面讲讲它们的区别。v-if和v-show的区别v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做,直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show 就简单得多,不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换,来控制元素的显示和隐藏。根据应用场景选择v-if 有更高的切换

2021-07-06 14:23:05 103

原创 浅谈垃圾回收机制

1.垃圾回收机制是什么?在JavaScript中,局部变量只有在函数的执行过程中存在,而在这个过程中会为局部变量在(栈或堆)内存上分配相应的空间,以存储它们的值,然后在函数中使用这些变量,直到函数结束。而一旦函数执行结束,局部变量就没有存在必要了,此时javascript就会通过垃圾回收机制自动释放它们所占用的内存空间。2.多学一招但是在开发中若要保留局部变量的值,可以通过以下两种方式实现,具体实例如下://第一种方式:利用return返回 function test(num){

2021-07-05 23:03:35 1311 1

原创 电脑怎么彻底卸载程序

1.打开控制面板,点击卸载程序2.选择自己要卸载的程序,点击确认卸载即可3.怎么卸载程序的下载缓存,对于已经卸载完的软件?可以查看这个链接的具体步骤:http://www.360doc.com/content/15/0607/22/10310181_476409909.shtml...

2021-07-05 18:34:27 10007

原创 重定向的实现

1.重定向是什么?重定向(Redirect)就是通过各种方法将各种网络请求重新定个方向转到其它位置(如:网页重定向、域名的重定向、路由选择的变化也是对数据报文经由路径的一种重定向)。举个例子:????在小程序中,比如A - ->C页面,它需要先从 A – >B – >C,重定向就先当于B – >C这个过程。2.重定向的意义我们都知道进入主页面之前要走“登录”这一步操作,登录的目的就是为了获取个人openID唯一标识,限制一些没有身份的人登录和操作主页面,而这个登录页面是进入主页面操作的一道关卡。可偏

2021-07-05 18:23:16 2134

原创 Echarts可视化项目教程

强烈推荐哔哩哔哩教程视频:https://www.bilibili.com/video/BV1v7411R7mp

2021-07-05 10:38:38 260

原创 原生js实现淡入淡出轮播图效果

下面为原生js写出来的轮播图淡入淡出效果,源代码能够正确运行。1.效果展示2.源代码swiper.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title&g

2021-07-02 11:51:33 338

原创 中文验证码

输入验证码这个功能在日常做项目是比较常见的,下面写一个简单demo初学者可以参考一下。1.图片展示2.源代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="

2021-07-02 10:45:44 559

原创 让div垂直水平居中的方法

关于如何让div垂直居中这个问题,是初级前端面试被问到的较为基础以及很常见的一道题目,下面我将总结一下让div垂直居中的击中方法。1.图片展示2. 首先它分为以下两种情况:<body> <div class="wrap"> <div class="box">123</div> </div></body>知道宽高的情况下1.margin:0 auto; (效果为水平居中){ width: 1

2021-07-01 19:18:46 1290 3

原创 插槽的应用

最近在做的项目是智慧屏项目,用于公司的电视屏展示,它采用的技术栈是vue+js+sass,项目很多采用的都是组件化,用组件化的优点就是可复用性高,减少代码冗余,组件化的思想在开发中很常见也很重要。下面将这次项目中自己做的不足的点以及需要注意的点列举出来。感兴趣的朋友可以看看。1.页面展示2.组件化思想3....

2021-07-01 18:14:03 154

原创 js变量命名规范

最近对于ES6中变量命名关于变量是不是应该大写,特意再重新梳理了一遍基础,特总结如下:js变量命名规范变量名区分大小写(y 和 Y 是不同的变量)变量名包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号;变量也能以 $ 和 _ 符号开头(不过不推荐这么做)禁止使用JavaScript关键词、保留字命名当变量名是由两个或多个单词构成时,可以采用驼峰命名法。驼峰命名有两种形式:小驼峰式命名法(lower camel case):第一个.

2021-07-01 09:54:29 2483

春运抢票软件,买票轻轻松松

这是一款12306春运抢票软件

2023-01-11

Chrome90_V90.0.4430.72_XiTongZhiJia.zip

Chrome浏览器90历史版本,有32位的和64位的

2022-01-10

终面中谈薪资的准则和技巧(offer必备).pdf

关于如何谈薪资这一问题的详细解读

2021-05-23

web前端知识总思维导图.emmx

一份超级齐全的web前端考试复习脑图,里面有JavaScript+html+css+jquery的知识点总结。

2020-02-27

电脑软件快捷键.doc

这是一份完整的办公软件的快捷键知识,超级适合各种办公人员和学生,都是满满的干货,大家赶紧收藏起来呀!

2019-12-16

程序员必备专业词汇1700词.docx

该文档里面有完整的计算机专业单词词汇,可以运用到各个英文软件,简单又实用的干货,走过路过的朋友们不要错过,赶紧下载吧!

2019-12-15

空空如也

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

TA关注的人

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