web前端
文章平均质量分 91
该专栏包含HTML5,CSS3,JavaScript,node.js,ajax,jquery,vue.js,微信小程序等等一系列的前端知识和技术,适合前端小白从入门到精通的学习和成长!!!
笔触狂放
有扎实的java基础 精通android studio使用 熟练使用Http协议,以及各种框架 熟练sqlite,mysql,SQL Server数据库使用 有良好的编程风格及独立开发项目的能力 熟练使用okHttp框架、RxJava框架、RxAndroid框架、butterknife框架、picasso框架、imgaeLoader框架、Volley框架 熟练使用单例模式,工厂模式,观察者模式,策略模式等 熟练掌握html,css3,javaScript,jsp,servlet技术,SSM框架 有扎实的Python基础 熟悉urllib库 熟悉MVC,MVP架构 熟练使用django框架
展开
-
第12章 面向对象编程
学习目标了解面向过程与面向对象,能够说出面向过程与面向对象的区别熟悉面向对象的特征,能够说出面向对象的三大特征熟悉类与对象的概念,能够说出类与对象的区别掌握类的定义,能够定义类及类中的属性和方法掌握类的继承,能够实现子类继承父类掌握原型对象的使用,能够实现原型对象的访问以及使用掌握传统的继承方式,能够通过4种方式实现继承熟悉成员查找机制,能够说出成员查找的顺序掌握原型链的相关知识,能够绘制原型链熟悉this的指向规则,能够说出this的指向规则掌握更改this指向的方法,能够根据程序需要更改this指向掌握原创 2024-01-19 16:56:46 · 200 阅读 · 0 评论 -
第11章 jQuery
当jQuery提供的内置动画无法满足需求时,可以使用自定义动画实现相关效果。使用animate()方法可以创建自定义动画,语法格式如下。properties表示一组包含动画最终属性值的集合,如果属性名由两个单词组成,需要使用驼峰命名法。duration表示动画的速度。easing表示切换效果。complete表示在动画完成时执行的函数。通过代码演示如何创建自定义动画,示例代码如下。原创 2024-01-19 12:19:43 · 103 阅读 · 0 评论 -
第10章 Web服务器与Ajax
Node.js是一个基于Chrome V8引擎的JavaScript代码运行环境,也可以说是一个运行时(Runtime)平台,提供了一些功能性的API,如文件操作API、网络通信API等。目前流行的Web服务器软件有很多,如Nginx、Apache、Node.js等,对于前端开发工程师来说,更适合使用Node.js,因为Node.js使用JavaScript语言进行服务器开发,可以让前端开发工程师快速上手。JavaScript与Node.js的区别。原创 2024-01-18 21:25:45 · 425 阅读 · 0 评论 -
第9章 正则表达式
正则表达式(Regular Expression)是一种描述字符串规律的表达式,用于匹配字符串中的特定内容。正则表达式的灵活性、逻辑性和功能性非常强,运用正则表达式可以迅速地用极简单的方式达到字符串的复杂控制。最初是由神经学家沃伦·麦卡洛克(Warren McCulloch)和数学家沃尔特·皮茨(Walter Pitts)研究出的一种数学描述方式。后来《神经网事件的表示法》论文中第一次提出了正则表达式的概念。原创 2024-01-10 09:08:07 · 813 阅读 · 0 评论 -
第8章 BOM
浏览器对象模型(Brower Object Model,BOM)是浏览器提供的用于JavaScript与浏览器窗口进行交互的一系列对象。由于没有统一的BOM标准,每个浏览器都有自己的BOM实现方法,BOM的浏览器兼容性较差。常见的BOM对象有:在BOM中,顶级对象是window,表示浏览器窗口,其他对象都是window对象的属性。document对象表示文档,它既属于BOM又属于DOM;location对象用于操作浏览器地址;navigator对象用于获取浏览器的基本信息;原创 2024-01-10 08:55:28 · 550 阅读 · 0 评论 -
第7章 DOM(下)
熟悉节点的概念,能够说出节点的属性和层级掌握节点操作,能够完成节点的获取、创建、添加、移除和复制操作掌握事件的进阶操作,能够实现事件的监听和移除熟悉DOM事件流,能够说出事件捕获和事件冒泡两种方式的区别掌握事件对象,能够利用事件对象进行事件操作掌握常用事件,能够通过常用事件完成常见的网页交互效果掌握元素其他操作,能够对元素的位置、大小、可视区域和滚动进行操作, 能够获取鼠标指针位置。原创 2024-01-09 11:16:21 · 1499 阅读 · 0 评论 -
第6章 DOM(上)
应用程序编程接口(Application Programming Interface,API)是软件系统预先定义的接口,用于软件系统不同组成部分的衔接。每一种开发语言都有自己的API。Web API是指在Web开发中用到的API。在JavaScript语言中,Web API被封装成了对象,用来帮助开发者实现某种功能。开发人员无须访问对象源代码,也无须理解对象内部工作机制和细节,只需掌握对象的属性和方法具体如何使用即可。例如,在前面的开发中,经常使用console.log()。原创 2024-01-09 09:49:54 · 792 阅读 · 0 评论 -
第5章 对象
了解什么是对象,能够说出JavaScript中的对象的概念掌握对象的创建方式,能够使用3种方式创建对象掌握对象的遍历,能够遍历对象的属性和方法熟悉值类型和引用类型,能够说出值类型和引用类型的特点掌握Math对象的使用,能够使用Math对象的常用方法和属性实现数学运算掌握Date对象的创建,能够使用构造函数创建Date对象掌握Date对象的使用,能够使用Date对象的常用方法处理日期和时间掌握Array对象的使用,能够使用Array对象的常用方法对数组进行操作。原创 2024-01-08 15:08:03 · 1224 阅读 · 0 评论 -
第4章 函数
函数用于封装一段完成特定功能的代码,相当于将包含一条或多条语句的代码块“包裹”起来,用户在使用时只需关心参数和返回值,就能完成特定的功能。函数的优势在于提高代码的复用性,降低程序维护的难度。在开发一个功能复杂的模块时,可能需要重复编写大量代码,这时可以使用自定义函数将重复的代码封装起来,在需要时直接调用即可。自定义函数的语法格式如下。function 函数名([参数1, 参数2, …]) {函数体函数的定义由以下4部分组成:function:定义函数的关键字。原创 2024-01-08 10:38:46 · 890 阅读 · 0 评论 -
第3章 数组
数组根据维数可以划分为一维数组、二维数组、三维数组等。一维数组指的是数组元素的值是非数组类型的数据,二维数组指的是数组元素的值是一个一维数组。通过二维数组保存学生成绩。原创 2024-01-08 09:49:10 · 1050 阅读 · 0 评论 -
第2章 JavaScript基本语法
变量是程序在内存中申请的一块用来存放数据的空间。变量由变量名和变量值组成,通过变量名可以访问变量的值。我们可以把内存想象成一家酒店,变量相当于酒店中的房间,变量名相当于房间号,变量值相当于房间的入住人。原创 2024-01-06 15:27:58 · 962 阅读 · 0 评论 -
第1章 初识JavaScript
JavaScript是Web开发领域中的一种功能强大的编程语言,主要用于开发交互式的网页。我们在计算机、手机等设备上浏览的网页,其多数交互逻辑都可以通过JavaScript实现。HTML结构:决定网页的结构和内容,相当于人的身体CSS样式:决定网页呈现给用户的模样,相当于人的衣服、妆容JavaScript行为:实现业务逻辑和页面控制,相当于人的各种动作JavaScript可以实现哪些常见的交互效果?轮播图:通过JavaScript实现每隔一段时间自动切换图片的效果。原创 2024-01-06 14:14:02 · 1043 阅读 · 0 评论 -
第10章 实战开发—制作油纸伞网站首页
掌握网页制作方法,能够完成首页面的制作,并实现CSS3动画效果。为了及时巩固所学的知识,本章将运用前9章所学的知识开发一个网站项目——油纸伞网站首页。原创 2024-01-04 10:56:09 · 2881 阅读 · 1 评论 -
第9章 过渡、变形和动画
掌握过渡的各种属性,能够为网页中的元素添加过渡效果。掌握变形的各种属性,能够制作2D变形效果和3D变形效果。掌握动画的各种属性,能够为网页中的元素添加动画效果。在传统的Web设计中,当网页中要显示动画或特效时,往往需要使用JavaScript脚本或者Flash来实现。在CSS3中,新增了过渡、变形和动画属性,可以轻松实现旋转、缩放、移动和过渡等动画效果,让动画和特效的实现变得更加简单。本章将对CSS3中的过渡、变形和动画进行详细讲解。原创 2024-01-04 10:53:44 · 993 阅读 · 0 评论 -
第8章 多媒体嵌入
学习目标了解视频、音频嵌入技术,能够总结HTML5视频、音频嵌入技术的优点。了解常用的视频文件格式和音频文件格式,能够归纳HTML5支持的视频和音频格式。掌握HTML5中视频的嵌入方法,能够在HTML5页面中添加视频文件。掌握HTML5中音频的嵌入方法,能够在HTML5页面中添加音频文件。了解HTML5中视频、音频的兼容性,能够制作视频、音频兼容性较好的网页。熟悉调用网络音频、视频文件的方法,能够调用网络中的音频、视频文件。熟悉CSS控制视频宽度和高度的方法,能够在网页中设置视频宽度和高度。在网页设计中,多原创 2024-01-04 10:38:51 · 979 阅读 · 0 评论 -
第7章 表格和表单
掌握创建表格的方法,能够在网页中创建表格。熟悉表格相关标签的属性,能够运用这些属性设置不同形态的表格。掌握CSS控制表格样式的方法,能够使用CSS设置表格样式。了解表单的构成,能够说出表单的构成部分。掌握创建表单的方法,能够在网页中创建表单。掌握各类表单控件,能够创建不同功能的表单控件。掌握HTML5表单新增属性,包括input控件类型、form标签、input属性、form属性。掌握CSS控制表单样式的方法,能够使用CSS美化表单样式。原创 2024-01-03 11:23:30 · 1081 阅读 · 0 评论 -
第6章 网页布局
读者在阅读报纸时会发现,虽然报纸中的内容很多,但是经过合理的排版,版面依然清晰、易读。在制作网页时,也需要对网页进行排版。网页设计中布局主要依靠DIV+CSS技术来实现。DIV负责内容区域的分配,CSS负责布局排列效果的呈现,因此网页中的布局,也常被称作“DIV+CSS”布局。布局时需要遵循的布局流程步骤一:确定页面的版心宽度步骤二:分析页面中的模块在运用CSS布局之前,首先对页面有一个整体的规划,包括页面中有哪些模块,以及各模块之间关系。步骤三:控制页面的各个模块。原创 2023-12-29 10:35:49 · 1065 阅读 · 1 评论 -
【CSS3】第5章 盒子模型
熟悉盒子模型的概念,能够说出盒子模型的基本结构。掌握标签的用法,能够使用标签制作页面模块。掌握边框属性的用法,能够为盒子设置不同的边框效果。掌握边距属性的用法,能够使用内边距和外边距设置盒子空间距离。了解盒子宽度属性和高度属性,能够计算盒子的实际宽度。掌握box-shadow属性的用法,能够为盒子添加阴影。熟悉box-sizing属性的用法,能够控制盒子宽度和高度范围。掌握背景属性的用法,能有为盒子设置不同样式背景。原创 2023-12-29 09:18:00 · 2036 阅读 · 0 评论 -
【CSS3】第4章 CSS3选择器
熟悉属性选择器的用法,了解不同属性选择器的功能。掌握关系选择器的用法,能够使用关系选择器选取父标签中嵌套的子标签。掌握结构化伪类选择器的用法,能够使用不同功能的结构化伪类选择器精准控制标签样式。掌握状态化伪类选择器的用法,能够使用状态化伪类选择器设置导航显示样式。掌握伪元素选择器的用法,能够使用伪元素选择器为标签添加内容样式。选择器是CSS3中一个重要的内容,在上一章中已经介绍过一些常用的选择器,但在CSS3中还有一些选择器,使用这些选择器可以大幅度提高设计者书写和修改样式表的效率。原创 2023-12-28 10:28:58 · 1812 阅读 · 0 评论 -
【CSS3】第3章 CSS3入门
CSS以HTML为基础,提供了丰富的样式效果,例如,字体、颜色、背景的控制以及网页整体的布局和排版等。CSS非常灵活,既可以嵌入在HTML文件中,也可以是一个独立的外部文件。如果是独立的文件,则必须以.css为后缀名。原创 2023-12-27 10:21:08 · 1714 阅读 · 0 评论 -
【HTML5】第2章 HTML5标签和属性
定义列表水果水果为人体提供水分、碳水化合物、维生素等。 大部分水果中的脂肪含量较低,适合减重人群。原创 2023-12-26 15:06:01 · 1494 阅读 · 0 评论 -
【HTML5】第1章 HTML5入门
HTML5从根本上改变了Web应用的方式,无论是PC端还是移动端,都可以看到HTML5的身影。作为网页设计人员,也应该顺应时代潮流,掌握HTML5的相关技术。本节将从HTML到HTML5的演变、HTML5的优势以及浏览器对HTML5的兼容情况三个方面,对HTML5进行简单介绍。在学习HTML5之前,我们首先了解一下HTML到HTML5的演变历程。HTML提供了许多标签,如段落标签、标题标签、超链接标签、图片标签等。网页中需要定义什么内容,就用相应的HTML标签描述即可。原创 2023-12-26 14:37:09 · 1994 阅读 · 1 评论 -
【Ajax】第一课 Ajax访问Servlet解析Json格式
概念ajax(Web数据交互方式),Ajax即AsynchronousJavascriptAndXML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括:HTML或XHTML, CSS,JavaScript,DOM, XML,XSLT, 以及最重要的XMLHttpRequest。[3]使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得...原创 2022-05-17 22:20:25 · 1821 阅读 · 1 评论 -
【前端】170题面试题和学习答案,学不完的那种
前言希望可以通过这篇文章,能够给你得到帮助。(感谢一键三连)图片1.css3有哪些新特性圆角border-radius,阴影box-shadow,对文字加特效text-shadow,线性渐变gradient,变化transform,伪元素::selection,媒体查询,多栏布局,图片边框border-image。p:first-of-type,选择属于其父元素的首个元素的每个元素p:last-of-type,选择属于其父元素的最后一个元素的每个元素p:only-of-type,选择属于其父元原创 2021-07-11 19:01:50 · 2648 阅读 · 0 评论