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

原创 错误信息:There might be a problem with the project dependency tree. It is likely not a bug in Create Rea

直接在工程文件夹中新建一个 .env 目标文件,之后把 SKIP_PREFLIGHT_CHECK=true 这句话粘贴到 .env 文件中,这样就可以解决这个错误 注意:这个 .env 文件夹要和src文件夹是平级,否则不生效。

2020-11-16 20:30:45 1841 3

原创 JavaScript中的null

1. null的概念 JS 规范说明了有关null的信息: 值 null 特指对象的值未设置,它是 JS 基本类型 之一,在布尔运算中被认为是falsy。 例如,函数greetObject()创建对象,但是在无法创建对象时也可以返回null: function greetObject(who) { if (!who) { return null; } return { message: `Hello, ${who}!` }; } greetObject('Eric'); // =&.

2020-10-22 14:12:10 1970

原创 js中在数据中加一个感叹号、两个感叹号或者三个感叹号会表现出什么效果

1、一个感叹号 !可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。 !null=true !undefined=true !''=true !100=false !'abc'=false 2、两个感叹号 !!常常用来做类型判断,在第一步!(变量)之后再做逻辑取反运算 let a; if(a!=null&&typeof(a)!=undefined&&a!=''){ //a有内容才执行的代码 }.

2020-10-20 15:38:44 5739

原创 HTML5 选择器、子代选择器、空白的块元素标签、鼠标移入、边框、背景图片的使用与总结

一、选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /*选择器{ 样式属性:属性值; } 选择器: 1.通用选择器 * 可以选择到所有元素 项目中比较普遍的样式都可以在此

2020-10-16 15:26:37 587

原创 vuex刷新后数据丢失怎么解决

我们在写vue项目的时候,经常要用到vuex作为内存来储存,但是我们存放在vuex中的数据(用户数据,当前页面的数据等等)在刷新后就会丢失,那么如何解决呢?超级简单。 1,安装vuex-persistedstate npm install --save vuex-persistedstate 2,修改store import createPersistedState from ‘vuex-persistedstate’ const store = new Vuex.Store({ state: {

2020-10-16 15:06:50 195

原创 如何判断页面滑到了屏幕最底部

如何判断页面滑到了屏幕最底部 项目中经常会遇到列表页,为了保证用户体验,我们都会用到上拉加载的技术,保持用户体验,如何判断页面滑到了屏幕最底部是较为关键的一步:具体实现: created: created(){ window.onscroll = function(){ // scrollTop是滚动条滚动时,距离顶部的距离 var scrollTop = document.documentElement.scrollTop||document.body.scrollTo.

2020-10-16 14:58:31 1073

原创 点击下载图片(兼容ie)

需求: 点击按钮下载图片: 解决: 1) 判断浏览器类型: myBrowser() { var userAgent = navigator.userAgent // 取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf('OPR') > -1 if (isOpera) { return 'Opera' } // 判断是否Opera浏览器 OPR/43.0.2442.991 // if (userAgent.indexO.

2020-10-16 14:46:04 669

原创 页面滚动条固定到最底部

项目中遇到的需求,具体可以用来实现 聊天室发送消息后使最后发的消息展示在页面上等, 方法亲测有效 在想要定位的位置添加一个空的div盒子,给一个绝对定定位,父级盒子记得子绝父相,然后给一个id做标识 <div style="position:absolute" id="onbottom"></div> 然后在需要定位的时候调用 document.getElementById("onbottom").scrollIntoView(); ...

2020-10-16 14:39:07 979

原创 json的介绍

JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。JSON 是JavaScript 原生格式,这意味着在JavaScript 中处理JSON 数据不需要任何特殊的API 或工具包。   JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:” (冒号);“‘名称/值’对”之间使用“,”(逗号)分隔。具体细节参考[url]http://www.json.org/json-z

2020-10-16 14:22:14 261

原创 背景图合并

背景图合并 css雪碧图(sprite)是一种网页图片应用处理方式,它允许将一个页面涉及到的所有零星图片都包含到一张大图中。 CSS Sprite 使用雪碧图的处理方式可以实现两个优点: 【1】减少http请求次数 【2】减少图片大小,提升网页加载速度 (多张图片加载速度小于拼合成的图片的加载速度) 缺点:提高了网页的开发和维护成本。 应用场景 并不是所有的图片都可以用来制作雪碧图,只有描述性图片才适合 【1】对于img标签设置的内容性图片,是不能合并到雪碧图的,如果合并这些图片会影响页面.

2020-10-04 20:49:26 385

原创 浮动

常用布局 页面中布局的方法: float(浮动布局)、position(定位布局)、弹性盒布局(CSS3)(flex布局) 制作页面最常用的是float布局。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2020100420272591.png#pic_center 浮动相关属性 float: left | right ; left: 左浮动; right: 右浮动; 示例: 向左浮动 .div1{float:left;width:100px;height:.

2020-10-04 20:41:16 229

原创 CSS基础以及选择器

1. 层叠样式表 1.什么是CSS? CSS(Cascading Style Sheet 的缩写),可译为层叠样式表或级联样式表,是一组格式设置规则,用于控制 web 页面的外观。 css概述 1.样式定义如何显示 HTML 元素 2.样式通常存储在样式表中 3.把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 4.外部样式表可以极大提高工作效率 5.外部样式表通常存储在 CSS 文件中 6.多个样式定义可层叠为一 2.CSS的特点? 1.页面内容与表现形式分离 2.可很好.

2020-10-04 20:24:04 538

原创 CSS应用

1.CSS文本 字体大小 font-size 字体粗细 font-weight 字体颜色 color 文本修饰 text-decoration 行高 line-height 文本的缩进 text-indent 文本对齐 text-align 背景重复 background-repeat 背景是否滚动 background-attachment 背景定位 background-position 2.CSS盒模型 属性 含义 width.

2020-10-04 20:21:21 1029

原创 CSS文本

相关属性 CSS 用于设置文本的显示颜色 语法:color : 颜色值; 颜色可以是一个名称标示的关键字,如 color : red; 也可以是一个使用十六进制的颜色值,如color : #ffffff; 如果每个参数各自在两位上的数字都相同,那么本单位也可缩写为#RGB的方式,如:#FF8800 可以缩写为 #F80。 font-style 定义字体的风格,属性设置使用斜体、倾斜或正常字体。 语法:font-style: normal | italic| oblique normal : .

2020-10-04 20:08:09 316

原创 CSS的属性

1.CSS文本 1)相关属性 属性 含义 color 设置文本的颜色。#xxxxxx/rgb(x,x,x)/rgba(x,x,x,x) font-style 规定文本的字体样式。normal/italic/oblique/inherit font-variant 规定是否以小型大写字母的字体显示文本。normal/small-caps/inherit font-weight 规定字体的粗细。normal/bold/bolder/lighter/inherit font.

2020-09-23 20:53:56 1385

原创 HTML基础

1.HTML(html即超文本标记语言) HTML5是什么? 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(Hyper Text Markup Language)的第五次重大修改 1.W3C制定的关于HTML技术约定的规范 2.行业的技术标杆 3.规定最新HTML5+CSS3+Javascript api 4.跨平台开发的最终解决方案 5.Web App的时代 HTML5新特性 1.用于绘画的 canvas 元素 2.用于媒介回放的 video 和 audio 元素 3.对本地存储、离线缓存

2020-09-22 08:27:37 517

空空如也

空空如也

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

TA关注的人

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