卖女孩的小火柴..-CSDN博客

原创 IDEA下Maven配置出现Error : java 不支持发行版本5 或 Error:java: 不再支持源选项 5，请使用 6 或更高版本的解决办法

Error : java 不支持发行版本5 或者是 Error:java: 不再支持源选项 5。请使用 6 或更高版本。实在忍受不了，这里写篇文章记录一下，不想每次都上网搜解决办法了。This article is meant as an extension to Angie Jones’ “IntelliJ –Error:java: release version 5 not supported”.Angie在她的文章中建议IntelliJ IDEA解决方案，其中显示错误消息“不支持发行版本5”

2022-03-10 08:57:21 521

原创 29-vue.nextTick()方法的使用详解（简单明了）

vue.nextTick()方法的使用详解（简单明了）

2022-02-11 11:03:51 172

原创 28-vue基础：vue动态添加style样式

vue基础：绑定属性class，绑定style

2022-02-11 09:46:53 3156

原创 27-【Vue基础】:class的几种绑定方式

:class的几种绑定方式(对象、数组方法)

2022-02-09 18:02:45 1702

原创 26-Icon图标和文字垂直居中的N种解决方法

我们经常会遇到图标和文字不能对齐的情况。那么这篇文章可以帮助到你

2021-12-20 18:17:56 4290

原创 25-vue语法 `${ }` （模版字符串）

Vue中样式多元化修改

2021-12-13 09:17:06 4110

原创 24-数据类型的判断

数据类型的判断typeofinstanceofObject.prototype.toString()typeoftypeof 操作符来判断一个值属于哪种基本类型,返回值是一个string，对null判断有误，认为null是个空指针typeof 'seymoe' // 'string' typeof true // 'boolean' typeof 10 // 'number' typeof Symbol() // 'symbol' typeof null // 'object' 无

2021-10-19 00:57:58 78

原创 23-js运行机制事件循环与宏任务、微任务以及同步函数与异步函数

事件循环：JS 会创建一个类似于 while (true)的循环，每执行一次循环体的过程称之为Tick。每次Tick的过程就是查看是否有待处理事件，如果有则取出相关事件及回调函数放入执行栈中由主线程执行。待处理的事件会存储在一个任务队列中，也就是每次Tick会查看任务队列中是否有需要执行的任务。主线程：JS只有一个线程，称之为主线程。而事件循环是主线程中执行栈里的代码执行完毕之后，才开始执行的。所以，主线程中要执行的代码时间过长，会阻塞事件循环的执行，也就会阻塞异步操作的执行。只有当主线程中执行栈为..

2021-10-14 22:54:52 277 2

原创 22-浏览器渲染基本原理：浏览器主要组成与浏览器线程

大多数设备的刷新频率是60Hz，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成,超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。前端的用户体验给了前端直观的印象，因此对B/S架构的开发人员来说，熟悉浏览器的内部执行原理显得尤为重要。浏览器主要组成与浏览器线程1.1 浏览器组件浏览器大体上由以下几个组件组成，各个浏览器可能有一点不同。界面控件 – 包括地址栏，前进后退，书签菜单等窗口上除了网页显示区域以外的部分浏览器引擎 – 查询与操作渲染引擎的接口渲染引擎 – 负责显示请求.

2021-10-14 19:21:28 183

原创 21-vue组件传值的11种方式

不写这篇文章，我自己都不知道我知道的vue组件传值的方式竟然有11种之多，其实静下来想想，常用的也有五六种

2021-10-13 19:33:55 316

原创 20-组件化和模块化有什么区别？

相信很多人和我一样看过很多组件化和模块化设计的文章，但依然没有搞清楚这两个的区别，在写这篇文章之前，我一直以为组件化和模块化是一个概念（捂脸），在阅文无数后，决定做个总结，来帮助理解这两者的概念。组件化和模块化源于软件开发，现在越来越被更多地应用于UI设计当中。下面是我为了便于理解做了个示意图。一、什么是组件和模块1.1组件：把重复的代码提取出来合并成为一个个组件，组件最重要的就是重用（复用），位于框架最底层，其他功能都依赖于组件，可供不同功能使用，独立性强。1.2模块：分属同一功能/业务的代

2021-10-13 08:54:04 352

原创 19-CSS sprites (css 精灵)实现教程

一、Css Sprites介绍CSS Sprites : css精灵，css图片整合技术，css雪碧;定义∶将导航背景图片，按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张整图，然后用background-position来实现背景图片的定位技术。优点：有效较少http请求数量，加速内容显示，每一次请求，就会与服务器建立一次链接。你们所看到的精灵图都是由css background-position属性所控制的现在我们开始步入正题：首先我们创建一个页面，里面写上标签<!

2021-10-10 10:25:28 316

原创 18-Vue-CLI脚手架创建

一、进入需要创建的目录二、使用命令创建 vue create 01-vuecli 如下图三、选择一个预设的配置四、选择Vue version Babel Router五、选yes六、选In package.json七、成功创建

2021-10-09 17:13:07 55

原创 CSDN使用手册

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-09-17 20:01:36 83

原创 17-Git使用详解

一、Git概念：Git是一个免费的、开源的分布式版本控制系统，可以快速高效地处理从小型到大型的项目。**Git官网 https://git-scm.com/ **什么是版本控制？版本控制是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。为什么要使用版本控制?软件开发中采用版本控制系统是个明智的选择。有了它你就可以将某个文件回溯到之前的状态,甚至将整个项目都回退到过去某个时间点的状态。就算你乱来一气把整个项目中的文件改的改删的删，你也照样可以轻松恢复到原先的样

2021-09-16 21:42:13 99

原创 16-Ajax在IE中的兼容性问题及解决方案

原生js中Ajax（五个步骤）1.创建一个异步对象2.设置请求方式和请求地址3.发送请求4.监听状态的变化5.处理返回的结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04-ajax-get</title> <!-- 1.什么是Ajax? AJAX 是与服务器交换数据并更新部分网页

2021-09-10 17:07:08 974

原创 15-JavaScript中常见的设计模式

什么是设计模式作者的这个说明解释得挺好假设有一个空房间，我们要日复一日地往里面放一些东西。最简单的办法当然是把这些东西直接扔进去，但是时间久了，就会发现很难从这个房子里找到自己想要的东西，要调整某几样东西的位置也不容易。所以在房间里做一些柜子也许是个更好的选择，虽然柜子会增加我们的成本，但它可以在维护阶段为我们带来好处。使用这些柜子存放东西的规则，或许就是一种模式一提起设计模式，相信大家都会脱口而出，23种设计模式，五大设计原则。创建型模式工厂模式工厂模式中，我们在创建

2021-09-01 19:23:12 46

原创 14-JavaScript 正则表达式全面总结

正则表达式(Regular Expression 简写为regex、regexp或RE)1.什么是正则表达式？正则2.正则表达式的创建表达式是由一个字符序列形成的搜索模式。2.正则表达式的创建{字面量(常用) 构造函数}字面量(直接量)// 在一对反斜线中写正则表达式内容，如/abc/// 正则表达式里面不需要加引号不管是数字型还是字符串型var reg = /正则表达式/修饰符;var reg = /hello/g;构造函数//构造正则表达式的实例，如new

2021-08-30 19:53:57 200

原创 13-JavaScript之数组方法重构

pop() 方法用于删除数组的最后一个元素并返回删除的元素。Array.prototype.myPop = function () { var temp = this[this.length - 1]; this.length--; return temp;}var arr = [1, 2, 3, 4, 5];console.log('我是原数组' + '---' + arr);var result = arr.myPop();console.log('我是被删除的元素' + '.

2021-08-30 11:25:23 79

原创 12-函数

函数1.函数介绍函数允许我们封装一系列代码来完成特定任务。当想要完成某一任务时，只需要调用相应的代码即可。方法（method）一般为定义在对象中的函数。JavaScript 使用关键字 function 定义函数。函数可以通过声明定义，也可以是一个表达式。函数的作用：功能的封装，直接调用，代码复用率提高构建对象的模板（构造函数）函数实际上是对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法，由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与

2021-08-29 22:22:03 146

转载「每日一题」JS 中的闭包是什么？

大名鼎鼎的闭包！这一题终于来了，面试必问。请用自己的话简述什么是「闭包」。「闭包」的作用是什么。由于评论里不停有人给出错误的答案，这里先声明：**如果你对闭包的理解里有 return 这个词，那么你的理解就是错的。**因为闭包跟 return 没有任何关系。理由在下文里讲。首先来简述什么是闭包假设上面三行代码在一个立即执行函数中（为简明起见，我就不写立即执行函数了，影响读者理解）。三行代码中，有一个局部变量 local，有一个函数 foo，foo 里面可以访问到 local 变量。好了这

2021-08-29 21:58:08 80

原创 11-JavaScript之对象详解

对象1.对象的创建（构造函数模式和字面量模式）字面量模式（定义对象方法（函数）的方式）对象使用"{}“作为对象的边界，对象是由多个属性组成，属性与属性之间通过”,“隔开，属性名与属性值通过”:"隔开;属性名一般不添加引号（当属性名中出现特殊字符的时候需要添加引号），属性值如果是字符串的一定添加引号。var obj = { name:"terry", age:12, sayName:function(){ console.log("my name is ",this.name);

2021-08-26 19:48:58 92

原创 10-JS中的 call( ) 方法

this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。####call.(thisOject, arg1 ,arg2 …)我们单独说说call(),因为apply()和call差不多，只不过apply第二个参数必须传入的是一个数组，而call 第二个参数可以是任意类型。obj1.(method).call(obj2,argument1,argument2)如上，call的作用就是把obj1的方法放到obj2上使用，后面的argument1…这些做为参

2021-08-25 20:30:13 63

小凡子的博客