自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 uniapp图片加载不出来的解决方案

uniapp图片加载不出来的解决方案//分为两种//第一种<image :src="require('../../static/picture')"> //使用v-bind + require//第二种//第一种可以解决99%的问题,若有1%的没解决,可以使用background-image属性background-image:url(../../static/picture.png);//使用图片的最好是,本地图片使用背景图,万无一失,网络图片使用image src。

2020-09-23 10:32:36 10352 1

原创 flex布局设置space-between(around)最后一行不左对齐问题

flex布局设置space-between(around)最后一行不左对齐问题需求在项目布局上使用弹性布局,要求每个盒子两端要对齐,而且最后一行在列不满的情况下要求左对齐;问题: 使用flex的设置justify-content为space-between;发现最后一行不能左对齐,而是两端对齐方式导致形成下图,方法:一、添加几个空格子,格子高度为0<!DOCTYPE html><html lang="en"><head> <meta charset

2020-09-10 11:06:25 2685

原创 CSS3中使用弹性布局,超出隐藏

CSS3中使用弹性布局,超出隐藏1.在平时的书写样式时,我们都是用css来写样式,在css样式中超出部分,我们可以使用overflow: hidden;即可隐藏,但是当使用弹性性布局时,超出隐藏overflow: hidden;就不起作用。2.解决方法:要在设置了flex: 1的那个元素加上min-width: 0;案例代码:<!DOCTYPE html><html><head> <meta http-equiv="Content-type" c

2020-09-01 17:08:25 3294 1

原创 React项目运行时`npm start`报错解决方法

React项目运行时npm start报错解决方法报错代码 [email protected] start C:\Users\32610\Desktop\ReactDome\my-app> react-scripts startThere might be a problem with the project dependency tree.It is likely not a bug in Create React App, but something you need to fix local

2020-08-31 14:01:31 1914

原创 Ajax有哪些好处和弊端

Ajax有哪些好处和弊端?优点:a. 无刷新更新数据b. 异步与服务器通信c. 前端和后端负载平衡d. 基于标准被广泛支持e. 界面与应用分离缺点:a. AJAX干掉了Back和History功能,即对浏览器机制的破坏b. AJAX的安全问题c. 对搜索引擎支持较弱d. 违背URL和资源定位的初衷...

2020-08-26 20:20:36 286

原创 JavaScript编程执行方式

JavaScript编程执行方式1.在学习过程,你要学习JavaScript编程执行方式,才能更好的学习后面的回调函数、事件监听、发布/订阅和Promises对象。2.JavaScript执行环境是==“单线程"==,所谓的“单线程"是一次只能执行一个任务,只有执行完这个任务才会执行下一个任务,后面的任务,就必须排队。“单线程的优点":(1). 实现起来比较容易,执行比较单纯“单线程的缺点":(1).耗时长,耗时长会造成页面‘’假死‘’状态,页面卡顿3.为了解决这个问题:JavaScript的

2020-08-26 20:17:51 246

原创 搜索Window下的文件和应用

搜索Windows下的文件和应用1.上期讲到如何快速找到收藏夹的文件,这一期将的是如何快速搜索Window下的文件和应用2.直接上干货,到这个链接下:https://www.voidtools.com/zh-cn/下载这个安装包3.由于这个已经是中文的所以,安装这个直接下一步下一步,安装非常快4.如果你没有选择桌面图标或者把桌面图标删掉了也没关系5.按住快捷键Ctrl + p设置选项如图:6.设置快捷键:显示窗口快捷键这里可以自由设置,如:Alt +q7.下次要找文件或者应用可以直接按Al

2020-08-21 20:25:03 165

原创 快速使用自已的收藏夹

快速使用自已的收藏夹1.当你的收藏夹,收藏的文件过于繁杂,并且想要快速使用自已的收藏的文件,这时是不是还在苦苦的一个文件一个文件的在寻找,其实这是每个新手比经过的坎。别担心现在我来让你的文件更加快速的出现的眼前。2.想要快速的实现访问自已收藏的文件(1)首先给浏览器安装一个扩展程序 Vimium(2)如果你的浏览器无法访问谷歌,你可以直接去浏览器下载 Vimium,网上也有离线包可以下载(3)谷歌浏览器,360 极速浏览器,微软新版的 Edge 浏览器等都可以装(4)Chrome 扩展的官网地址

2020-08-21 19:36:01 192

原创 对 HTML 语义化的理解

对 HTML 语义化的理解去掉或者丢失样式的时候能够让页面呈现出清晰的结构有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;便于团队开发和维护,语义化更具可读性,是下一步把网页的重要动向,遵循 W3C 标准的团队都遵循这个标准,可以减少差异化。HTML5 中新增加的很多标签(如:<article>、<nav>、<

2020-08-21 11:54:56 645

原创 table 和 div+css 的区别

table 和 div+css 的区别==table:==加载方式是完成后加载,遇到 后,在读到 之前, 中的内容不加载;布局受到限制。div::加载方式是即读即加载,遇到 没有遇到 的时候一样加载 中的内容,读多少加载多少;布局更加灵活。...

2020-08-21 11:46:32 113

原创 call()、apply()和bind()的区别

共同点: call()、apply()和bind()都是改变函数内部的this指向,第一个参数也都放的是要改变this对象不同点:(1)主要在第二个参数上,call()从第二个开始放的是正常的参数,而apply()放的是数组 ,bind()返回的是函数(2)call()、apply()当第一个参数为 null、undefined的时候,默认指向window。(3)bind()不会立即执行,call()、apply()直接调用案例://有只猫叫小黑,小黑会吃鱼const cat = { nam

2020-08-19 20:28:31 132

原创 同步异步的理解

同步异步的理解同步: 阻塞模式;异步: 非阻塞模式同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,知道收到返回信息才继续执行下去;异步是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回式系统会通知进程进行处理,这样可以提高执行的效率。举个通俗的例子:假设烧水例子同步: 传统烧水,是没有智能的烧水壶,你需要在一边等待,水烧好才能去做其他的是异步: 使用智能烧水壶,烧水壶,就会响的,在烧水期间,不需要等待 你就可

2020-08-18 20:38:42 166

原创 什么是(flex)弹性盒子主轴和侧轴

(flex)弹性盒子的主轴和侧轴弹性盒子分为主轴和侧轴(又称交叉轴)属性:flex-direction主轴设置:flex-direction :row 或row-reverse主轴通俗来讲就是,X轴侧轴设置:flex-direction :column 或column-reverse侧轴通俗来讲就是,y轴...

2020-08-18 20:14:54 2168

原创 防抖和节流问题

防抖和节流问题,为什么要有防抖和节流?防抖和节流怎么解决?问题:一个事件被频繁的调用,会加重浏览器的负担,造成浏览器卡顿;解决问题:可以使用防抖和节流来解决什么是防抖: 给一个限值200ms,滚动事件(1)如果在200ms内没有再次触发滚动事件,那么就执行函数(2)如果在200ms内再次触发滚动事件,那么当前的计时取消,重新开始计时效果: 如果短时间内大量触发同一事件,只会执行-一次函数。实现: 使用setTimeOut定时器代码:function debounce(fn, delay){

2020-08-18 19:52:24 322

原创 sessionStorage、localStorage和cookie的区别

sessionStorage、localStorage和cookie的区别相同点:都存储在客户端不同点:1.存储大小· cookie数据大小不能超过4k。· sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。2.有效时间· localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;· sessionStorage 数据在当前浏览器窗口关闭后自动删除。· cookie 设置

2020-08-14 15:45:11 123

原创 cookie、session、token的使用

cookie、session、token的使用(1)cookie由服务器生成,发送给浏览器,浏览器把cookiel以kv形 式保存到某个目录下的文本文件内,下一 -次请求同一网站时会把该cookie发送给服务器。由于cookie是存在客户端 上的,所以浏览器加入了- -些限制确保cookie不会被恶意使用,同时不会占据太多磁盘空间,所以每个域的cookie数量是有限的。(2)session是为区分用户id,服务器要知道当前发请求给自己的是谁。为了做这种区分,服务器就要给每个客户端分配不同的“身份标识",

2020-08-14 15:40:11 205

空空如也

空空如也

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

TA关注的人

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