- 博客(42)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 什么是虚拟DOM
虚拟dom本质上就是一个普通的JS对象，用来描述视图上应该有哪些界面结构，并不生成界面。在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树。因此，vue在渲染时，使用虚拟dom来替代真实dom，主要为解决渲染效率的问题。举个例子：在一次操作中，我需要更新10个DOM节点，浏览器收到第一个DOM请求后并不知道还有9次更新操作，因此会马上执行流程，最终执行10次。第一次计算完，紧接着下一个DOM更新请求，这个节点的坐标值就变
2022-06-15 14:52:31
329
原创 【Element UI】 组件Upload 上传的使用方法
通过 slot 你可以传入自定义的上传按钮类型和文字提示。通过点击上传：通过drag拖拽上传文件
2022-06-14 17:33:28
610
原创 JavaScrip学习日志-函数的使用及注意事项
学习目标：一周掌握JavaScript函数的使用学习内容：函数的使用分为两步 ： 声明函数 和 调用函数1.声明函数function 函数名() { 函数体 }function(1)声明函数的关键字 全部小写(2) 函数时做某件事情， 函数名一般是动词 sayHi(3) 函数不调用自己不执行 function sayHi() { console.log('hi~~'); }调用函数函数才会执行sayHi()
2022-01-06 11:13:18
285
原创 JavaScript学习日志 ---for、while、do while循环
学习目标：掌握js循环语句学习内容：js循环中有for、while、do while三种循环大部分情况下可以互相替代使用。for:多用于计数，跟数字有关的我们基本使用for循环。根据输入的行列打印星星： <script> var rows = prompt('请您输入行数:'); var cols = prompt('请您输入列数:'); var str = ''; for(var i = 1; i <=
2021-12-27 10:08:06
261
原创 java语言的特点
这里写自定义目录标题java 体系和特点？java分类学习下载地址：https://www.oracle.com/java/technetwork/java/archive-139210.html需要注册java 体系和特点？1.一种纯面向对象的编程语言2.一种与平台无关（跨平台）的语言（提供了再不同平台下运行的解释环境）3.一种健壮的语言（比较高级安全性，（自动回收垃圾，强制类检查，取消指针））java 学习运行必须安装：在这里插入代码片jdk：java开发工具包jre：java 运行
2021-12-08 14:10:34
271
原创 html+css字体图标引用
学习目标：学习通过icomoon向网页引入字体图标的应用学习内容：一、字符图标的下载1、下载网站：icomoon字库http://icmoon.io2、进入下载网站3、选择自己需要的字符图标，打包下载选择完后点击右下角Generrate Font点击Download下载压缩文件二、字符图标的应用在项目中导入下载下来的style.css代码@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?i5
2021-12-02 15:29:20
539
原创 Css3学习日志 --css层叠样式表display:flex弹性分布
学习目标：提示：这里可以添加学习目标例如：一周掌握 Java 入门知识学习内容：1、display弹性分布设置为flex布局后子元素的**flot clear属性将失效 但是定位position**依然生效。1容器的属性：flex-direction:决定主轴的方向（容器内项目的排列方向）row 水平方向，起点在左侧（默认值为row）row-revers 水平方向，起点在右侧colum 垂直方向 ，起点在左侧colum-reverse 垂直方向 ，起点在右侧/***display**
2021-11-26 16:16:27
254
原创 HTML5学习日志 --html5新增属性和语义化标签
学习目标：1、html5新增属性2、语义化标签学习内容：结构化元素：HTML5新的属性语法：<section>定义文档中的主体部分的节、段。当我们描述一件具体的事物的时候，通常鼓励使用article来代替section;当一个容器需要被直接定义样式或听过脚本定义行为时，推荐使用div元素而非section。<article>一个特殊的section标签，比section有更明确的语义。定义来自外部的一个独立的、完整的内容块，例如什么论坛的文章，博客的文本。
2021-11-24 15:33:39
235
原创 Css3学习日志 --css层叠样式表
学习目标：掌握css层叠样式表CSS语法、选择器、字体样式、边框、背景、图片格式详解、定位、浮动、盒模型。CSS3新增选择器及新增属性、圆角、阴影、伸缩布局、变形、过渡、动画。学习内容：css样式规则A{属性:值;属性:值;}1、选择器用于指定css样式作用的HTML对象，花括号内是对该对象设置的具体样式。2、属性和属性值以“键值对“的形式出现。3、属性是对指定的对象设置的样式属性，例如字体大小，文本颜色等。4、属性和属性值之间用英文”:"链接。5、多个”键对值”之间用英文“:"
2021-11-23 16:03:27
218
原创 HTML5学习日志 --html表单
学习目标：掌握html表单的应用学习内容：表单from1、表单有什么用？手机用户信息。表单展现之后，用户填写表单，点击提交按钮提交数据给服务器。2、怎么画一个表单？使用form标签画表单。3、一个网页当中可以有多个表单form。4、表单最终是需要提交数据给服务器的，form标签有一个action属性，这个属性用来指定服务器地址；action属性用来注定属性提交给哪个服务器。action属性和的超链接中的href属性一样。都可以向服务器发送请求（request）<!-- 1、
2021-11-18 10:17:46
329
原创 HTML5学习日志 --html超链接
学习目标：掌握html超链接的用法学习内容：通向百度超链接<!-- href:hot referencrs 热引用 href属性后面一定是一个资源的地址 href 后面的路径可以是绝对路径或者相对路径 也可以是本地资源的路径 --><a href="http://www.baidu.com">百度</a><!-- 超链接的特点: 有下划线 鼠标停留在超链接上面显示小手形状 点击超链接后跳转相应页面 -->
2021-11-17 15:06:50
148
原创 HTML5学习日志----html基础标签
学习目标：掌握html标签学习内容：html基本的标签<!doctype html>代表这个代码是html5.0，去掉就表示html4.0<!--根-->(根)下有两个分支，头和体<html><!--头--><head><!--标题--><title>网页的标题，显示在左上角)</title></head><!--体--><body>(体)网页的主体内容
2021-11-17 11:38:58
113
原创 nginx原理
1
原创 初中级前端 JavaScript 自测清单
「JavaScript 对象」为主，大致包括以下内容：一、对象JavaScript 有八种数据额类型，有七种原始类型，它们值只包含一种类型（字符串，数字或其他），而对象是用来「保存键值对和更复杂实体。」我们可以通过使用带有可选「属性列表」的花括号 {…} 来创建对象，一个属性就是一个键值对 {“key” : “value”} ，其中键（ key ）是一个字符串（或称属性名），值（ value ）可以是任何类型。1. 创建对象我们可以使用 2 种方式来创建一个新对象：// 1. 通过“构造函数”创
2021-10-22 15:46:52
86
原创 package.json现在前端程序员必须了解的常识
一些同学可能还会看一下script里面有什么命令，执行了哪些方法。又或者了解一下dependencies和devDependencies其他大部分的同学可能直接就npm i和npm start就开始工作了。但是package.json的魅力远不止如此今天就和我一起探索一下这个项目中不可或缺的——package.json吧！准备工作手摸手新建一个空的package.js onnpm init//npm init//上万个回车再按上回车{ "name": "package.json"
2021-10-21 16:53:43
528
原创 2021-10-15 面试 类的初始化做了什么？初始化的时机是？
类的初始化?通过准备阶段类变量已经赋过一次系统要求的初始零值，而初始化阶段就是在给类变量进行赋值操作。初始化阶段会执行类构造器方法 < clinit >() ，该方法不同于类的构造器（是虚拟机视角下的< init >()）;该方法不需要定义，是javac编译器自动收集类中的所有类变量的赋值动作和静态代码块中的语句合并而来。通过代码观察：我们second类中的静态变量b是在 < clinit >方法中才被真正初始化的–>对应了静态变量的赋值操作如果我们在
2021-10-18 16:41:56
128
原创 nginx 最常用命令，启动重新加载
1.必须进入到相应的命令/sbin 文件加中1.查看版本号./nginx -v启动nginx关闭 nginx./nginx -s stop#启动./nginx # 重新加载配置文件./nginx -s reload
2021-10-15 17:25:46
3382
原创 nginx教程（1）方向代理，负载均衡，动静分离 ，等等基本概念
1.其实客户端对代理无感知的，因为客户端不需要任何配置就可以访问，我们只需要将请求发送到反向代理服务器，由反向代理服务器去选着目标服务器获取数据后，在返回客户端，此时反向代理服务器和目标服务器对外就是一个服务器，暴露的是代理服务器地址，隐藏了真实服务器Ip地址2.负载均衡一般的项目中，都会用到负载均衡3.动静分离为了加快网站的解析速度，可以把动态的页面和静态的页面由不同的服务器来解析，加快解析速度，降低原来单个服务器的压力...
2021-10-15 16:43:57
38
原创 03.JVM的类加载机制
类从被加载到虚拟机内存中开始，到卸载出内存为止，它的整个生命周期包括：加载（Loading）、验证（Verification）、准备（Preparation）、解析（Resolution）、初始化（Initialization）、使用（Using）和卸载（Unloading）7个阶段。其中验证、准备、解析3个部分统称为连接（Linking），这7个阶段的发生顺序如图：图片加载、验证、准备、初始化和卸载这五个阶段的顺序是确定的，类型的加载过程必须按照这种顺序按部就班地开始，而解析阶段则不一定：它在某些情况下
2021-10-14 11:36:01
41
原创 02-有哪些常见的JVM？请说下Java代码的运行机制
1.JVM虚拟机介绍虚拟机概念：虚拟机（Virtual Machine）指通过软件模拟的具有完整硬件系统功能的、运行在一个完全隔离环境中的完整计算机系统。在实体计算机中能够完成的工作在虚拟机中都能够实现。在计算机中创建虚拟机时，需要将实体机的部分硬盘和内存容量作为虚拟机的硬盘和内存容量。每个虚拟机都有独立的CMOS、硬盘和操作系统，可以像使用实体机一样对虚拟机进行操作。关键字理解：中文名 外文名 定义虚拟机 Virtual Machine 具有完整硬件系统功能的完整计算机系统技术 与实体机区别
2021-10-14 10:24:46
52
原创 ES6 Promise 简单介绍
直接浏览器答应console.dir(Promise)all、reject、resolve是我们常用的方法，也可以看到then,catch等函数常用的方法所有我们常把promise 封装到一个函数里面返回对应的值，通过then方法来实现链式调用function runAsync(){var p = new Promise(function(resolve, reject){resolve()/ reject();//我们想返回的数据，});return p;}runAsync().th
2021-10-12 16:09:30
45
原创 为什么要学习JVM？为什么必须学习JVM
为什么要学习JVM？为什么必须学习JVM面试需要（大厂必考核的一项技能）深入的理解Java这门语言（万丈高楼地基最重要）a. 我们常用的布尔型 Boolean，我们都知道它有两个值，true 和 false。但你们知道其实在运行时，Java 虚拟机是没有布尔型 Boolean 这种类型的 Boolean 型在虚拟机中使用整型的 1 和 0 表示。b. 我们都知道类路径和类名唯一确定一个类，但事实上并不是这样。或者说，我们前面说的结论只是表面上的。如果深入到虚拟机层面来说，类加载器、类路径、类名才唯一
2021-08-19 16:06:05
257
原创 一步一图带你理清G1垃圾回收流程
G1垃圾回收流程图片G1的垃圾回收流程主要是从新生代回收开始，新生代回收与并发标记再到混合回收，接下来我们就先来说第一个新生代回收。G1 Yong Collection当我们的程序启动刚开始的时候会默认分配新生代5%的空间，这里我们假设分配了8个Region给Eden,1个Region给Survior（只是为了画图方便，实际可能Eden对应了有好几十甚至上百个Region），那么对应的初始内存分配如下：图片那么当我们的Eden区域装满，还是会触发新生代的GC，那么新生代的GC还是会通过复制算法来
2021-08-16 10:31:11
519
原创 Con-current Mode Failure如何导致以及解决
上文我们已经介绍了CMS垃圾收集器的工作原理以及流程，本篇我们接着深入说明CMS垃圾收集器的缺点以及所导致的一些问题应该如何解决。先通过一张完整的图来回顾CMS工作的逻辑：图片CMS的缺点分析CMS是一款优秀的收集器， 它最主要的优点在名字上已经体现出来：并发收集、 低停顿， 一些官方公开文档里面也称之为“并发低停顿收集器”（Concurrent Low Pause Collector） 。CMS收集器是HotSpot虚拟机追求低停顿的第一次成功尝试， 但是它还远达不到完美的程度， 至少有以下三个明显的
2021-08-11 21:09:30
557
原创 日处理上亿数据的系统内存分析和优化
1.系统背景这是当时开发中遇到的一个真实场景，也是大部分人在开发项目中有可能会遇到的一些场景，该系统主要是做大数据相关计算分析的，日处理数据量在上亿的规模。这里我们重点针对JVM内存的管理来进行模型分析，数据的来源获取主要是MYSQL数据库以及其他数据源里提取大量的数据，通过加载到JVM内存的过程我们来一起分析出现的问题以及如何优化解决（如下图所示）：2.生产环境这是一套分布式运行系统，生产环境部署了多台服务器（每台4核8G配置），每台机器大概每分钟负责执行100次数据提取和计算，每次提取大
2021-08-05 14:02:17
170
转载 jsES6新的对象扩展
属性的简洁表示法ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};上面代码中，变量foo直接写在大括号里面。这时，属性名就是变量名, 属性值就是变量值。下面是另一个例子。function f(x, y) { return {x, y};}// 等同于funct
2021-08-04 15:30:43
197
原创 阿里云-云效自动化
web端项目一、新建流水线1、选择模板a、点击新建流水线 b、选择代码源，codeup上的仓库及对应的分支代码扫描与单元测试该阶段可删除直接从构建开始c、代码Node构建（即项目的打包）Node的版本号选择，以及构建命令的填写d、构建命令脚本代码示例：cnpm install && cnpm run build构建...
2021-08-03 17:38:23
611
B/S结构和C/S结构之间有何异同？各有何优缺点？
2021-12-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人