![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
前端的基础
学号Java
从头开始学Java
展开
-
一波直接从HTML→CSS→JavaScript→Jquery——你想错过吗?
从HTML一直到Jquery满满的干货,还有小小的Demo用来实践,gogogo!!!原创 2020-05-23 22:36:31 · 6768 阅读 · 21 评论 -
JS中的DOM操作————值得一看!!!
JS中的DOM操作:盒子模型属性DOM:document object model 文档对象模型,提供系列的属性和方法,让我们能在JS中操作页面中的元素获取元素的属性和方法document.getElementById([ID])[context].getElementsByTagName([TAG-NAME])[context].getElementsByClassName([CL...原创 2020-03-27 23:22:56 · 276 阅读 · 0 评论 -
js正则表达式————看这一篇就足够了
js正则表达式全解本文来自b站视频的笔记讲解b站的原视频连接如下:https://www.bilibili.com/video/BV1n4411q7zuregular expression:RegExp用来处理字符串的规则只能处理字符串它是一个规则:可以验证字符串是否符合某个规则(test),也可以把字符串中符合规则的内容捕获到(exec / match…)let str...转载 2020-03-27 17:41:30 · 450 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScrip——JavaScrip之奥运五环
奥运五环1.直接上代码2.其中主要的知识点3.页面效果1.直接上代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .aa{ width...原创 2020-03-15 21:55:47 · 392 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScrip——JavaScrip之简易留言板
简易留言板1.实现的效果要求:2.代码:3.页面上的效果:1.实现的效果要求:通过输入框输入内容点击留言按钮,发布到留言板上可以点击留言后面的删除选项进行删除能正确统计出留言板上的留言数量,并用弹框的形式显示出来如果输入框没有内容,点击留言按钮,无法进行留言,同时弹出提示框告知输入内容为空不能留言2.代码:<!DOCTYPE html><html>...原创 2020-03-14 23:05:36 · 428 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript——JavaScript之Dom实例动画轮播
动画轮播要求效果图==代码==要求1.鼠标移入图像区域时出现上一张和下一张的按钮,移除时消失2.可以随时点击上一张或者下一张3.点击下方的动画标识时,出现对应的图片效果图1.鼠标为移入时:鼠标移入时:代码div的大小根据图片的大小设置,主要通过opacity属性和zIndex实现轮播opacity属性:代表透明度,0为全透明,1是完全不透明zIndex属性:...原创 2020-03-14 00:15:20 · 365 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript——JavaScript之在脚本中修改显示样式
在脚本中修改显示样式在脚本中修改显示样式1.随机改变页面背景色2.动态增加立体效果在脚本中修改显示样式1.随机改变页面背景色直接来代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="...原创 2020-03-11 22:56:39 · 293 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript——JavaScript之深浅拷贝
JavaScript之深浅拷贝一、js 数据类型二、深浅拷贝1、浅拷贝2、深拷贝三、深拷贝的应用实例一、js 数据类型javaScritp的数据类型有:数值类型、字符串类型、布尔类型、null、undefined、对象(数组、正则表达式、日期、函数),大致分成两种:基本数据类型和引用数据类型,其中:(1)基本数据类型:数值、字符串、布尔、null、undefined (值类型)(2)复...转载 2020-03-10 22:46:41 · 368 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript——JavaScript中的作用域以及闭包
JavaScript中的作用域以及闭包作用域闭包作用域定义:程序中定义的变量所作用的范围。也就是说我定义了一个变量,我在哪个范围内可以使用,这个范围就是常说的作用域。作用域一本分为全局作用域和局部作用域。全局作用域在全局和局部都可以访问到,局部作用域只能在局部被访问到代码演示如下:var num=100; function a(){ console.log("局部-...原创 2020-03-05 14:42:32 · 349 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(四)——JavaScript 之reduce的三大用法
js之reduce的三大用法js之reduce的三大用法reduce简介以及理解1.统计数组中每个元素的个数2.数组求和3.合并二维数组js之reduce的三大用法reduce简介以及理解必看:reduce(callback,initiaValue)会传入两个变量,回调函数(callback)和初始值(initiaValue)。假设函数有个传入参数,prev和next,index和ar...原创 2020-03-05 14:03:37 · 586 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(一)——JavaScript 基础数据类型及基本运算符
JavaScript学习及进阶第一部分:基础知识1.基本数据结构类型以及基本的运算符a.基本的数据结构b.基本运算符算术运算符:比值运算符:逻辑运算符第一部分:基础知识1.基本数据结构类型以及基本的运算符a.基本的数据结构a.基本的JavaScript中有五种简单数据类型,也称为基本数据类型。undefined(不明确的):对未初始化的变量及未声明的变量使用typeof运算符均会返回u...原创 2019-05-03 17:03:23 · 639 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(五)——UI元素状态伪类选择器
UI元素状态伪类选择器UI元素状态伪类选择器UI元素状态伪类选择器有如下伪类选择器➢Selector:link: 匹配Selector选择器且未被访问前的元素(通常只能是超链接)。➢Selector:visited: 匹配Selector选择器且已被访问过的元素(通常只能是超链接)。➢Selectoractive: 匹配Selector选择器且处于被用户激活(在鼠标点击与释放之间的...原创 2020-03-09 23:35:11 · 320 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(五)——CSS选择器
CSS选择器CSS选择器1.元素选择器2.属性选择器3.id选择器4.class选择器5.包含选择器6.子选择器7.兄弟选择器8.组合选择器CSS选择器1.元素选择器html代码如下:<span>hello!</span>css代码如下:/*元素选择器*/span{ font-size:20px; color: #868686;}页面效果如...原创 2020-03-08 23:17:38 · 275 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(五)——CSS样式单的基本使用
CSS样式单的基本使用CSS样式单的基本使用CSS简介1.引入外部样式文件2.使用内部CSS3.使用内联样式CSS样式单的基本使用CSS简介一.般来说,我们不建议使用内部CSS样式,因为这种做法需要在HTML文档内嵌入CSS样式定义,这种内部CSS样式主要有三大劣势。➢如果此CSS样式需要被其他HTML文档使用,那么这些CSS样式必须在其他HTML文档中重复定义。➢大量CSS嵌套在...原创 2020-03-08 18:14:20 · 314 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(三)——input元素的type属性和output元素的用法
input元素的type属性和output元素的用法input元素的type属性和output元素的用法1. input元素的type属性2. output元素的用法input元素的type属性和output元素的用法1. input元素的type属性我们直接点看代码以及效果:<form action="do"> type="color"的文本框:<br/>&...原创 2020-03-06 12:40:52 · 520 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(四)——HTML5新增的文件上传域
HTML5新增的文件上传域HTML5新增的文件上传域1.FileList对象与File对象2.使用FileReader读取文件内容HTML5新增的文件上传域1.FileList对象与File对象FileList对象与File对象的介绍和代码如下:HTML 5为type="file"的<inpu.../>元素增加了如下两个属性。➢accept:该属性控制允许上传的文件类型。该属...原创 2020-03-04 18:34:00 · 370 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(三)——HTML5原有的表单以及表单控件(2)
HTML5原有的表单以及表单控件1.列表框和下拉菜单2.textarea属性1.列表框和下拉菜单列表框和下拉菜单基本元素和代码如下:<selc...>.元素用于创建列表框或下拉菜单,该元素必须和0<pio...>元素结合使用,每个optio...>元素代表-一个列表项或菜单项。与其他表单控件不同的是,<select..> 元素本身并不能指定val...原创 2020-03-03 22:56:27 · 327 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(三)——HTML5原有的表单以及表单控件(1)
HTML5原有的表单以及表单控件HTML5原有的表单以及表单控件1.表单元素2.使用input元素HTML5原有的表单以及表单控件1.表单元素<r…>元素用于生成输入表单,该元素不会生成可视化部分。在HTML 5规范以前,其他表单控件,如单行文本框、多行文本域、单选按钮、复选框等都必须放在<orm…>元素之内。<form…/>元素可以指定 id、sty...原创 2020-03-02 22:58:32 · 383 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(三)——HTML5新增的通用属性
HTML5新增的通用属性HTML5新增的通用属性1.contentEditable属性2.designMode属性3.hidden属性4.spellcheck属性HTML5新增的通用属性1.contentEditable属性contentEditable属性j简介:contentEditable属性具有“可继承”的特点:如果-一个HTML元素的父元素是“可编辑”的,那么它默认也是可编辑...原创 2020-02-29 22:20:56 · 536 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(二)——HTML常用元素续集
HTML学习及进阶一 HTML常用元素续集5.HTML5的列表相关元素6.HTML5的图像相关元素7.HTML5的表格相关元素8.HTML5的框架相关元素9.HTML5的新增属性一 HTML常用元素续集5.HTML5的列表相关元素6.HTML5的图像相关元素7.HTML5的表格相关元素8.HTML5的框架相关元素9.HTML5的新增属性...原创 2020-02-28 15:49:54 · 444 阅读 · 0 评论 -
从零开始学HTML&&CSS&&JavaScript(二)——HTML常用元素
JavaScript学习及进阶一 HTML常用元素HTML5的基本元素HTML5的文本格式化元素HTML5的语义相关化元素HTML5的超链接和锚点HTML5的列表相关元素一 HTML常用元素HTML5的基本元素HTML5的文本格式化元素HTML5的语义相关化元素HTML5的超链接和锚点HTML5的列表相关元素...原创 2020-02-25 22:41:25 · 825 阅读 · 0 评论 -
jQuery之常用方法总结————看这一篇就够了
jQuery之常用方法总结————看这一篇就够了1. JQ中常用的操作DOM方法2.除了操作DOM,JQ中还提供了其它有助于项目开发的方法1. JQ中常用的操作DOM方法//=>1.获取DOM元素//操作方法:JQ选择器(根据选择器类型快速获取需要的元素)$([selector],[context]) $('#box') $('.imgBox') $('.box a') ...原创 2020-03-27 17:51:58 · 610 阅读 · 0 评论 -
从js实例学习jQuery———用jQuery写出类似于微博发布以及相关操作的效果
用jQuery写出类似于微博发布的效果1.具体要求:1.要求一2要求二3.要求三2.代码以及分析#2.1核心函数以及思想:2.2代码3.大概的效果1.具体要求:1.要求一2要求二3.要求三2.代码以及分析#2.1核心函数以及思想:1.关键点在于怎么获取动态添加的元素,很显然如果直接用(“xxx”).click(function())点击时没用任何效果的,原因就是这样获取不到元...原创 2020-03-22 20:59:03 · 571 阅读 · 0 评论 -
从js实例学习jQuery———用jQuery写出类似与淘宝右边导航栏的效果
用jQuery写出类似与淘宝右边导航栏的效果1.具体要求2.代码以及分析#2.1核心函数以及思想:2.2代码1.具体要求要求1:当鼠标悬浮在对应的块上时,需要改变样式;鼠标离开时,恢复原来的样式要求2:当点击时,页面“滚动”到对应的位置,且同时改变对应点击块的样式要求3:颜色样式尽量比配,反馈和举报不需要做点击处理要求4:页面的内容为贴图,图片会打包提供图片获取地址https://p...原创 2020-03-22 20:16:48 · 562 阅读 · 0 评论 -
从js实例学习jQuery———jQuery中attr()和prop()
jQuery中attr和prop1.代码2.在控制台的显示3.总结1.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-3.1...原创 2020-03-18 17:49:09 · 266 阅读 · 0 评论 -
从js实例学习jQuery———js中的foreach,map以及jQuery中的each和map
js中的foreach,map以及jQuery中的each和map1.学习目标2.代码3.总结1.学习目标对于数组在js中除了for循环遍历还有foreach和借用map遍历,这一小节我们就来了解下js中的foreach,map和jQuery中的each和map的区别2.代码<!DOCTYPE html><html> <head> <m...原创 2020-03-18 16:58:38 · 348 阅读 · 0 评论 -
从js实例学习jQuery———实例一点击改变图片
点击改变图片1.效果2.代码1.效果点击按钮下面的图品随之改变2.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"...原创 2020-03-17 21:01:53 · 353 阅读 · 0 评论 -
从js实例学习jQuery———基础内容初整合
基础内容1.jQuery和原生js的区别2.jQuery的三种入口方式3.$()核心函数4.jQuery获取的实质:不是数组1.jQuery和原生js的区别代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> &l...原创 2020-03-17 20:11:51 · 342 阅读 · 0 评论