- 博客(1586)
- 资源 (166)
- 收藏
- 关注
原创 前端架构师之02_ES6_高级
模块化是软件的一种开发方式,利用模块化可以把一个非常复杂的系统结构细化到具体的功能点,每个功能点看作一个模块,然后通过某种规则把这些小的模块组合到一起,构成模块化系统。Node.js为开发者提供了一个简单的模块系统,exports是模块公开的接口,require()用于从外部获取一个模块的接口,即获取模块的exports对象。在使用ES5的时候,在多层嵌套回调时,写完的代码层次过多,很难进行维护和二次开发,ES6认识到了这点问题,现在promise的使用,完美解决了这个问题。
2023-09-28 16:56:35
460
原创 前端架构师之01_ES6_基础
剩余参数是程序员自定义的一个普通标识符,接收剩余参数的变量是一个数组(Array的实例),能够直接使用所有的数组方法,如 sort()、map()、forEach()或pop()方法等。箭头函数是ES6中新增的函数,它用于简化函数的定义语法,有自己的特殊语法,接收一定数量的参数,并在其封闭的作用域的上下文(即定义它们的函数或其他代码)中操作。let是ES6中新增的用于声明变量的关键字。使用另外一种形式去实现对象的解构赋值,该形式支持变量的名字和对象中属性的名字不一样的情况,等号左边的大括号代表对象解构。
2023-09-28 16:56:02
443
原创 前端架构师之01_JQuery
它是一个开源的JavaScript类库。常见的JavaScript类库:jQuery、Prototype、ExtJS、Mootools和YUI等。jQuery的核心理念:write less,do more(写的更少,做的更多)。jQuery是一个轻量级的脚本,其代码非常小巧。语法简洁易懂,学习速度快,文档丰富。支持CSS1~CSS3定义的属性和选择器。跨浏览器,支持的浏览器包括IE6~IE11和Chrome等。实现了JavaScript脚本和HTML代码的分离,便于后期编辑和维护。
2023-09-28 15:09:12
108
原创 前端设计之03_接口文档
msg | 返回结果信息 | string | 是 | 返回的结果提示信息 || username | 用户名 | string | 是 | 用户账户名称 || password | 密码 | string | 是 | 用户账户密码 || code | 返回结果码 | int | 是 | 返回的结果码 || data | 返回数据 | json | 是 | || 参数 | 名称 | 类型 | 必选 | 说明 || 参数 | 名称 | 类型 | 必选 | 说明 |
2023-09-28 08:33:43
119
原创 前端架构师之02_Node.js安装
在常规情况下,Node.js安装过程中,安装包会自动把Node.js的安装目录放入到系统的环境变量Path中,若是出现上图错误表明操作失败。首先找到Node.js的安装目录,本机的Node.js安装目录是C:\Program Files\nodejs,将该目录地址进行复制。在cmd命令提示符界面中,输入命令“node -v”,按“Enter”键,显示当前安装的Node.js版本。右击“此电脑”图标,选择“属性”命令,进入“系统”界面,执行如下操作。安装失败的原因:Node.js安装目录写入环境变量失败。
2023-09-28 08:32:57
261
原创 前端架构师之01_JavaScript_Ajax
Ajax:Asynchronous JavaScript And XML,异步JavaScript和XML技术。描述:不是一门新的语言或技术,是由JavaScript、XML、DOM、CSS等多种已有技术组合而成的一种浏览器端技术。功能:用于实现与服务器进行异步交互的功能。传统Web工作流程Ajax工作流程相较于传统网页,使用Ajax技术的优势具体有以下几个方面。减轻服务器的负担节省带宽用户体验更好。
2023-09-28 08:31:42
477
原创 前端架构师之12_JavaScript正则表达式
正则表达式(Regular Expression,简称regexp)是一种描述字符串结构的语法规则。是一个特定的格式化模式,用于验证各种字符串是否匹配这个特征,进而实现高级的文本查找、替换、截取内容等操作。在项目开发中,手机号码指定位数的隐藏、数据采集、敏感词的过滤以及表单的验证等功能,都可以利用正则表达式来实现。适用领域:在操作系统(Unix、Linux等)、编程语言(C、C++、Java、PHP、Python、JavaScript等)。
2023-09-28 08:29:48
66
原创 前端架构师之10_JavaScript_DOM
DOM:Document Object Model,文档对象模型。作用:是一套规范文档内容的通用型标准。1998年10月,DOM正式成为W3C的推荐标准。第1级DOM(DOM Level 1,或DOM1)。为XML和HTML文档中的元素、节点、属性等提供了必备的属性和方法。结合了Netscape及微软公司开发的DHTML(动态HTML)思想。2000年11月,发布了第2级DOM(DOM Level 2,或DOM2)。在DOM1的基础上增加了样式表对象模型。
2023-09-27 14:57:43
113
原创 前端架构师之09_JavaScript_BOM
BOM:Brower Object Model,指的是浏览器对象模型。BOM 用来操作浏览器窗口及窗口上的控件,实现用户和页面的动态交互。浏览器对象:浏览器提供的一系列内置对象的统称。BOM 浏览器对象模型:各内置对象之间按照某种层次组织起来的模型的统称。window 对象是 BOM 的顶层(核心)对象。其他的对象都是以属性的方式添加到 window 对象下,也可称为 window 的子对象。
2023-09-26 10:47:13
74
原创 前端架构师之08_JavaScript对象
面向过程:注重的是事情完成的具体的步骤,只有按照步骤一步一步的执行,才能够完成这件事情。对于面向过程思想,我们扮演的是执行者,凡事都要靠自己完成。面向过程思想的劣势,编写的代码都是一些变量和函数,随着程序功能的不断增加,变量和函数就会越来越多,此时容易遇到命名冲突的问题,由于各种功能的代码交织在一起,导致代码结构混乱,变得难以理解、维护和复用。面向对象:注重的是一个个对象,这些对象各司其职,我们只要发号施令,即可指挥这些对象帮我们完成任务。
2023-09-26 10:45:09
86
原创 前端架构师进阶之路07_JavaScript函数
函数是用于封装一段完成特定功能的代码。相当于将一条或多条语句组成的代码块包裹起来,在使用时只需关心参数和返回值,就能完成特定的功能,而不用了解具体的实现。// 内置函数// 返回解析后的浮点数:0.0726// 判断是否是NaN:false// 返回解析后的整数值:15parseFloat() 用于返回解析字符串后的浮点数。isNaN() 判断给定参数是否为NaN,判断结果为是,返回true,否则返回false。parseInt() 用于返回解析字符串后的整数值。
2023-09-26 09:35:19
105
原创 06_JavaScript数组
实现原理:通过构建有序数组元素的存储,对于未排序的数组元素,在已排序的数组中从最后一个元素向第一个元素遍历,找到相应位置并插入。保存一个班级学生信息,每个数组元素都代表一个学生,而每个学生都使用一个一维数组分别表示其姓名、学号、年龄等信息,这样通过一个变量即可有规律的保存一个班级的所有学生信息,方便开发时进行处理。JavaScript 中,除了前面讲解的添加与删除数组元素的方式外,还可以利用 Array 对象提供的方法,模拟栈和队列的操作。在这一点,最后的元素应该会是最大的数。
2023-09-25 17:21:51
307
原创 05_JavaScript基本语法
可以理解为在脚本运行过程中值始终不变的量。数学中的圆周率 π 就是一个常量,其值就是固定且不能被改变的。特点:一旦被定义就不能被修改或重新定义。语法:ES6 中新增了 const 关键字,用于实现常量的定义常量命名规则:遵循标识符命名规则,习惯上常量名称总是使用大写字母表示。常量的值:常量在赋值时可以是具体的数据,也可以是表达式的值或变量。var r = 6;// 输出结果:P=37.68常量一旦被赋值就不能被改变。常量在声明时必须为其指定某个值。
2023-09-25 17:19:23
112
原创 04_JavaScript入门
JavaScript 是 Web 开发领域中的一种功能强大的编程语言。主要用于开发交互式的 Web 页面,使网页的互动性更强,用户体验更好。JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)。脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行Web页面是由多个网页组成的。网页制作涉及的技术:HTML、CSS 和 JavaScript。HTML 代表了结构,结构是网页的骨架,从语义的角度,描述页面结构。
2023-09-25 17:17:17
71
原创 前端架构师技术之Sass
为了解决 CSS 在实际开发过程中存在的问题,我们可以使用 Sass(CSS预处理器) 来实现页面的样式。Sass 是一款成熟、稳定、强大的专业级 CSS 扩展语言。它是一款强化 CSS 的辅助工具。在 CSS 语法的基础上增加了变量(variables)、嵌套(nestedrules)、混合(mixins)、导入(inline imports)等高级功能,让 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。
2023-09-25 17:15:52
384
原创 前端架构师之路03_移动端规范兼容处理
如:一个 200×300(CSS pixel)的 img 标签,对于 dpr=2 的屏幕,用 400×600 的图片,如此一来,位图像素点个数就是原来的4 倍,在高清屏幕下,位图像素点个数就可以跟物理像素点个数形成 1 : 1的比例,图片自然就清晰了。可缩放矢量图形(Scalable Vector Graphics,SVG)是一种开放标准的描述矢量图形的语言,它基于XML(可扩展标记语言)的,SVG 矢量图形是可伸缩的,可在任何的分辨率下被高质量地打印,可在图像质量不下降的情况下被放大。
2023-09-23 08:52:17
167
原创 前端架构师之路02_移动端布局方案
首先需要明确一点的是:并不存在某一个方案完美适用于移动端的所有场景,也并不是每一个方案到现在已经毫无用处首推的布局方案为:弹性盒布局(如果实在不嫌麻烦大的分块布局使用 vw,vh 也可以,甚至使用 rem 也行)对于上述的各种移动端web页面自适应方案来说,都存在着一些优势和不足国内的一些互联网站,通过查看网页源代码发现,它可能不是某一种方案的单独使用,而是几种方案的结合一个页面上,元素的宽度设置上有百分比,也有 rem,字体的样式中有 rem,有 em,也有固定大小的 px;
2023-09-23 08:50:32
142
原创 01_移动端布局基础
现今大型网站,大部分已经没有做响应式了(例如淘宝)。我们会发现,淘宝网手机端和网页端使用的是两个域名,也就是说,不同的客户端已经不再共用一套页面布局结构了。而是区分开来做自适应。然后每次用户访问的时候它就根据客户端的类型重定向。为什么呢?试想一下淘宝这种大型网站,一个分页下的商品条目特别多,并且每个商品条目的页面布局结构又十分复杂,而且 pc 端往往显示的信息是要比手机端更多的。
2023-09-22 17:57:03
48
原创 04_BFC
特性中提到:BFC就是页面上的一个独立容器,容器里面的子元素不会影响外面元素,同样外面的元素不会影响到BFC内的元素。浮动的盒子会遮盖下⾯的盒子,但是下⾯盒子⾥的文字是不会被遮盖的,文字反⽽还会环绕浮动的盒子。这也是一个⽐较有趣的特性。BFC 就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素;在常规文档流中,两个兄弟盒子之间的垂直距离是由他们的外边距所决定的,但不是他们的两个外边距之和,⽽是以较大的为准。左右两边固定宽度,中间不设宽,因此中间的宽度⾃适应,随浏览器的大⼩变化⽽变化。
2023-09-22 17:50:49
64
原创 01_220227-测试题目
51.一个宽 500px,高500px 的盒子中,有一个宽 100px,高 100px 的盒子,如何让这个 100px 宽 100px 高的盒子上下左右居中,请写出最少三种方案,每种形式至少有一种。45.为页面上的p标签:
2023-09-22 17:50:15
56
原创 09_CSS3多媒体查询
外联式是作为单独的 CSS 文件从外部引入的 ,在 link 标签中通过 media 属性可以设置样式使用的媒体设备。使用媒体查询能够在不改变页面内容的情况下,为特定的输出设备制定显示效果。/* 仅电脑屏幕,平板,智能手机以及横屏显示且屏幕宽度不超过 600px 时应用当前样式 */媒体查询能在不同的条件下使用不同的样式,使页⾯在不同在终端设备下达到不同的渲染效果。/* 横屏显示且屏幕宽度不超过 600px 时不应用当前样式 */可以使用不同条件限制使用的样式,条件表达式需要放在括号中。
2023-09-22 17:49:26
400
原创 05_2D3D转换
转换是 CSS3 中具有颠覆性的一个特征,可以实现元素的位移、旋转、变形、缩放。通过 transform 转换来实现 2D 转换或者 3D 转换。2D 转换包括:设置元素的缩放效果,只要给元素添加上了这个属性就能控制它放大还是缩小。语法:参数:x:表示水平方向的缩放倍数y:表示垂直方向的缩放倍数注意:注意其中的 x 和 y 用逗号分割如果只写一个值就是等比例缩放不会影响到其他元素取值:1.2 移动 translate2D 移动是 2D 转换里面的一种功能,可以改变元素在页面中的位置,类似定位。语法:注意
2023-09-21 17:46:00
186
原创 05_Bootstrap插件02
通过 实现小标签,用于提示类。8 标记给链接、导航等元素嵌套 元素,可以很醒目的展示新的或未读的信息条目。9 图片组件元素添加 生成一个图片组件。10 警告框通过 类可以实现一个警告框,常用于信息的提示。10.1 可关闭的警告框为警告框添加一个可选的 类和一个关闭按钮,实现警告框的手动关闭功能。注意:10.2 警告框中的链接 类,可以为链接设置与当前警告框相符的颜色。11 模态框模态框是指以弹出对话框的形式出现的弹框。注意:11.1 显示隐藏通过一个添加按钮,按钮必须有
2023-09-21 17:42:58
214
原创 04_Bootstrap插件01
Bootstrap 中的下拉菜单依赖于 类,或者添加了 的元素。如果想要让菜单弹出的方向向上,可以为下拉菜单的父元素设置 类(默认是向下弹出的)。在下拉菜单中可通过添加一些类名来使用特殊的样式:把按钮放入 中,然后加入适当的菜单列表,就可以让按钮作为菜单的触发器了。1.2 分裂式按钮下拉菜单2 输入框组通过 加上 或 类,可以给 的前面或后面添加额外的元素。2.1 尺寸大小为 添加相应的尺寸类,其内部包含的元素将自动调整自身的尺寸。不需要为输入框组中的每个元素重复地添加控
2023-09-21 17:39:58
54
原创 03_Bootstrap基础组件03
设置了 类的表单元素,默认设置宽度属性为 。将 元素和表单元素包裹在 中可以按照排好的样式进行展示。7.2 内联表单为 元素添加 类可使其内容左对齐并且表现为 显示方式。7.3 水平排列的表单为表单添加 类,并联合使用 Bootstrap 预置的栅格类,可以将 标签和控件组水平并排布局。这样做将改变 的行为,使其表现为栅格系统中的行(row),因此就无需再额外添加 了。7.4 支持属性支持的属性有 、、、、、、、、、、、、 和 。注:只有正确设置了 属性的输入控件才能被赋予
2023-09-20 16:32:56
53
原创 02_Bootstrap基础组件02
这是针对直接子元素的,也就是说,你需要对所有嵌套的列表都添加这个类才能具有同样的样式。使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素,实际上它是把大部分在HTML的基本标签加了样式。在较窄的视口(viewport)内,列表将变为默认堆叠排列的布局方式。简单方便将文字对齐的类,它们一般应用在 p 标签上(用在 div 上不符合规范,用在 span 标签则不能生效)。,将得到更大更粗,行高更高的文本,它的作用相当于是文章摘要。类,可以得到一个字号更小的颜色更浅的文本。
2023-09-20 16:30:55
204
原创 01_Bootstrap基础组件01
Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使 Web 开发更加快捷。它对 HTML、CSS 和 JavaScript 进行了封装,使它们使用起来更方便。我们只需要使用它已经设定好的类,或规则,即可快速应用它提供的功能。Bootstrap 使用了一些 HTML5 元素和 CSS3 属性(如媒体查询)。为了让这些正常工作,需要使用 HTML5 文档类型。
2023-09-20 14:51:01
52
原创 Could not autowire. No beans of ‘DiscoveryClient‘ type found.
改成第一个包,发现不再报红了。org.springframework.cloud.client.discovery.DiscoveryClient;
2023-08-29 15:05:38
119
原创 Failed to obtain JDBC Connection; nested exception is java.sql.SQLException: The server time zone va
如果以上方法都无法解决问题,建议参考数据库和驱动程序的官方文档,或者联系相关的技术支持以获取更具体的帮助。使用时区偏移:如果你确定服务器和客户端的时区存在偏差,你可以在客户端代码中使用时区偏移来调整时间。确认 JDBC 驱动程序:确保你使用的 JDBC 驱动程序与数据库版本兼容,并且正确配置。检查配置文件或代码:检查你的配置文件或代码,确保连接字符串中的时区设置正确。检查系统时区设置:确保你的系统时区设置正确。在运行数据库连接的应用程序或服务所在的操作系统中,检查系统时区设置。
2023-08-29 10:05:23
2087
原创 idea启动项目报错Error:(5, 52) java: 程序包org.springframework.beans.factory.annotation不存在
idea启动项目报错Error:(5, 52) java: 程序包org.springframework.beans.factory.annotation不存在。IDEA启动项目报错ERROR:(5, 52) JAVA: 程序包ORG.SPRINGFRAMEWORK.BEANS.FACTORY.ANNOTATION不存在。如果还不行,则继续选择下面的runner,勾选delete IDE build/run actions to maven即可。
2023-08-29 10:01:28
70
原创 Java底层起步
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HQ6tQLFm-1693272724323)(./Java介绍.png)]什么是面向对象?例如:小戴正在做饭时,发现没酱油了,对着外面的朋友小张说,小张你去买瓶酱油,然后小张给楼下超市的小王打电话,让送了一瓶酱油上来。在上述的过程中,从面向对象的角度来讲,其强调的是谁来做这个事,而不是这个事的过程。(是以人及结果为导向而不是过程为导向)什么是平台独立与可移植性(跨平台)?
2023-08-29 09:33:02
112
原创 微服务之Nacos
目前市面上用的比较多的服务发现中心有:Nacos、Eureka、Consul和Zookeeper。对比项目NacosEurekaConsulZookeeper一致性协议支持AP和CP模型AP模型CP模型CP模型健康检查Keep Alive负载均衡策略权重/metadata/SelectorRibbonFabio雪崩保护有有无无自动注销实例支持支持不支持支持访问协议HTTP/DNSHTTPHTTP/DNSTCP监听支持支持支持支持支持。
2023-08-29 09:30:13
1485
原创 PHP环境配置
本章节的课程和PHP相关,因此需要用到Apache服务器常见的web服务器服务器名称描述ApacheApache是世界使用排名的Web服务器软件。它几乎可以运行在所有的计算机平台上。由于Apache是开源免费的,因此有很多人参与到新功能的开发设计,不断对其进行完善。Apache的特点是简单、速度快、性能稳定,并可做代理服务器来使用iisIIS(Internet信息服务)英文Internet Information Server的缩写。它是微软公司主推的服务器。
2023-08-28 11:35:58
507
原创 接口&多态 面试题及习题
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xpcNpFTg-1692924832270)(img\1.jpg)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7luaB98m-1692924832272)(img\4.jpg)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ixOaguwa-1692924832272)(img\5.jpg)]
2023-08-25 08:54:12
480
原创 大学现代远程教育 网络课程建设规划书
教学策略主要包括案例导入、设置问题情境、任务驱动式、讨论式、启发式、实践教学以及演示教学等。从MyBatis源码的角度分析Mapper绑定过程、SqlSession操作数据库原理、插件实现原理等,同时介绍一些MyBatis的高级用法,并挖掘MyBatis源码中使用的设计模式。□ 课程网站各栏目素材,如课程简介、教师介绍、教学大纲、课程内容文本资料、案例资料、学习活动、拓展资源等,根据课程栏目设置而定。4、建议学习方法(例如听课件,做自测,分析案例,讨论交流,学习实验,搜集资源,先学习后实践等)
2023-08-23 08:59:28
82
原创 数组习题答案
模拟大乐透号码:代码实现,效果如图所示:开发提示:参考答案:第二题:需求实现打印扑克牌.代码实现,效果如图所示:开发提示:第三题:需求实现模拟在一副牌中,抽取第1张,第5张,第50张扑克牌。代码实现,效果如图所示:第四题:需求实现统计字符代码实现,部分效果如图所示:开发提示:参考答案:第五题:需求实现统计高于平均分的分数有多少个。代码实现,效果如图所示:参考答案:定义sym方法,判断数组中的元素值是否对称.代码实现,效果如图所示:开发提示:参考答案:定义equal
2023-08-23 08:53:04
241
JAVA+零基础学JAVA+运算符教程
2022-12-30
JAVA基础语法格式入门
2022-12-26
springboot+mybatis+springmvc爱家服务系统
2022-04-03
springboot音乐聊天室系统
2022-04-03
springboot开源镜像系统
2022-04-03
睿知家教平台系统睿知家教平台系统睿知家教平台系统睿知家教平台系统睿知家教平台系统睿知家教平台系统睿知家教平台系统睿知家教平台系统
2022-04-03
2022年最新运维+测试+实施面试宝典,宝典在手,高薪我有!!!!2022年最新运维+测试+实施面试宝典,宝典在手,高薪我有!!
2022-03-24
住房公积金贷款还款系统.rar
2021-05-07
C#.Asp.Net超市管理系统.zip
2021-03-19
第一组 酒店管理系统.zip
2021-03-05
C#.Asp.net-富士康签到系统.zip
2021-01-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人