- 博客(48)
- 收藏
- 关注
RSS订阅原创 2021-09-18 Day22-JS第十二天 移动端网页特效+本地存储
一、 移动端网页特效1. 触屏事件1.1 触屏事件概述移动端浏览器兼容性较好，不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件如下：触屏 touch 事件说明touchstart手指触摸到一个 DOM 元
2021-09-18 16:11:50
191
原创 2021-09-18 Day21-JS 第十一天 PC端网页特效
一、PC 端网页特效1. 元素偏移量 offset 系列1.1 offset 概述offset 翻译过来就是偏移量，使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意：返回的数值都不带单位offset 系列常用属性：offset 系列属性作用element.offsetParent返回作为该元素带有定位的父级元素，如果父级都没有定位则返回bodyelement.off
2021-09-18 16:09:16
239
原创 2021-09-13-Day20-JS第十天 BOM
一、BOM1、 BOM概述1.1 什么是BOMBOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分DOM文档对象模型DOM就是把[文档]当做一个[对象]来看待DOM的顶级对象是 d
2021-09-18 16:00:56
171
原创 2021-09-02 Day19-JS-第九天 事件高级
一、 事件高级1、注册事件(绑定事件)1.1 注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式。传统注册方式利用on 开头的事件 onclick< button onclick = “alert(hi~)”> < /button>btn.onclick = funcation() {}特点：注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式
2021-09-02 22:37:13
160
原创 2021-09-02 Day18-JS-第八天 DOM
一、DOM1. 操作元素1.1 排他思想如果有同一组元素，想要某一个元素实现某种样式， 需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己代码：<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button>
2021-09-02 22:34:48
248
原创 2021-09-02 Day17-JS-第七天 Web APIs和DOM
一、Web APIs1、Web APIs 和 JS 的关联1.1 JS的组成1.2 JS 基础阶段以及 Web APIs 阶段JS基础阶段：ECMAScript 标准规定的基本语法基础语法做不了常用的网页交互效果Web APIs 阶段：Web APIs 是W3C组织的标准Web APIs 是JS 所独有的主要就是页面交互效果2、API 和 Web API2.1 API**API（Application Programming Interface,应用程序编程接口）**是一
2021-09-02 22:23:25
191
原创 2021-08-12 Day16-JS第六天 内置对象、简单类型与复杂类型
一、内置对象1. 内置对象JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于我们JS 独有的， 我们JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）内置对象最大的优点就是帮助我们快速开发JavaScript 提供了多个内置对象：Math、 Date 、Array、String等2. 查阅文档2
2021-08-12 17:48:45
111
原创 2021-08-12 Day15-JS第五天 作用域、对象
一、作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域(函数作用域)1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称为函数
2021-08-12 17:44:14
180
原创 2021-07-27 Day14-JS第四天 数组和函数
一、数组的概念数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的方式。数组的作用：将一组数据存储在单个变量名下。二、创建数组JS 中创建数组有两种方式：利用 new 创建数组利用数组字面量创建数组2.1 利用new 创建数组(了解)var 数组名 = new Array() ；// Array的A需要大写var arr = new Array(); // 创建一个新的空数组2.2 利用数组字面量创建数组
2021-07-27 22:15:50
269
原创 2021-07-25 Day13-js第三天 循环
一、循环1.1 循环目的在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句。1.2 JS 中的循环在Js 中，主要有三种类型的循环语句：for 循环while 循环do…while 循环二、 for循环在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句。2.1 语法结构for 循环主要用于把某些代码循环若干次，通常跟计数有关系。其语法结构如下：for(初
2021-07-25 16:02:32
284
原创 2021-07-23 Day12-JS第二天 运算符、流程控制
一、运算符运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符二、算数运算符2.1算数运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。运算符概述实例+加10+20=30-减20-10=10*乘10*20=200/除20/10=2%取余数(取模)返回除法的余数9%2=1
2021-07-23 21:05:01
328
原创 2021-07-23 Day11-JS第一天 变量、数据类型
一、变量1、变量的概述1.1什么是变量白话：变量就是一个装东西的盒子。通俗：变量是用于存放数据的容器。通过变量名获取数据，甚至数据可以修改。1.2变量在内存中的存储本质：变量是程序在内存中申请的一块用来存放数据的空间。类似酒店的房间，一个房间可以看做是一个变量。2、变量的使用变量在使用时分两步：1.声明变量，2.赋值2.1声明变量//声明变量var age;//声明一个名城为age的变量var是一个JS 关键字，用来声明变量(variable 变量的意思)。使用该关键字声明变量
2021-07-23 21:01:10
137
原创 2021-07-08 Day10 HTML5&CSS3提高
目标能够说出 3~5 个 HTML5 新增布局和表单标签能够说出 CSS3 的新增特性有哪些HTML5新特性概述HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。语义化标签 （★★）以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的<div class=“header”> </div>
2021-07-08 21:41:37
149
原创 2021- 07-08 Day09CSS基础 第七天
Day09-前端基础CSS第七天学习目标： 能够使用精灵图 能够使用字体图标 能够写出 CSS 三角 能够写出常见的 CSS 用户界面样式 能够说出常见的布局技巧1. 精灵图（重点）1.1 为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。为什么使用精灵图（目的）： 为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵
2021-07-08 21:35:10
270
原创 2021-07-08 Day08 CSS基础第六天 定位
Day08 CSS 第六天 定位一、定位1、为什么需要定位当出现情况一某个元素可以自由在一个盒子内移动位置，并且压住其他盒子，情况二滚动窗口的时候，盒子是固定屏幕某个位置的 的时候标准流或浮动都无法快速实现，此时需要定位来实现。所以：浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子定位则是可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置，并且可以压住其他盒子。2、定位组成定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位= 定位模式
2021-07-08 21:34:55
191
原创 2021-07-08 Day07CSS 第五天 学成在线案例
Day07 CSS 第五天 学成在线案例典型的企业级网站目的是为了整体感知企业级网站布局流程，复习以前的知识一、准备素材和工具学成在线PSD源文件开发工具 = PS(切图)/cutterman插件 + vscode(代码) + chrome(测试)二、案例准备工作采取结构和样式相分离思想：创建study 目录文件(用于存放页面的相关内容)用vscode 打开目录文件study 目录内新建 images 文件夹，用于保存图片新建首页文件 index.html (网站首页统一规
2021-07-08 21:34:42
129
原创 2021-07-08Day06 CSS基础第四天
Day06 CSS 第四天一、圆角边框在CSS3 中，新增了圆角边框样式，这样盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。语法：border-radius: length;radius半径（圆的半径）原理：(椭)圆与边框的交集形成圆角效果。参数值可以为数值或百分比的形式如果是正方形，想要设置一个圆，把数值修改为高度或者宽度的一半即可，或者直接写50%。如果是矩形，设置为高度的一半即可该属性是一个简写属性，可以跟4个值，分别代表左上角、右上角、右下角、
2021-07-08 21:34:22
118
原创 2021-07-07Day05 CSS基础第三天
Day05 CSS 第三天一、CSS 的三大特性CSS 有三个非常重要的特性：层叠性、继承性、优先级。1、层叠性相同选择器给设置相同的样式，此时一个样式就会**覆盖（层叠）**另一个冲突的样式。层叠性主要解决样式冲突的问题。层叠性原则：样式冲突，遵循的原则就是就近原则，哪个样式离结构近，就执行哪个样式。样式不冲突，不会层叠2、继承性CSS 中的继承：子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是子承父业。恰当的使用继承可以简化代码，降低CSS 样式的复杂性子元素可
2021-07-07 23:34:50
95
原创 2021-07-07 Day04 CSS基础第二天
DAY03 CSS第二天一、Emmet语法Emmet语法的前身是Zen coding，它使用缩写来提高HTML/CSS 的编写速度，Vscode内部已经集成该语法。1、快速生成HTML结构语法生成标签 直接输入标签名按TAB键即可 比如div 然后按TAB键如果想要生成多个相同标签 加上*就可以了 比如div * 3 就可以快速生成3个div如果有父子关系的标签，就可以用> 比如 ul> li 就可以了如果有兄弟关系的标签，用 + 就可以了 比如 div+p如果生成带有类名或
2021-07-07 23:30:59
155
原创 2021-07-07 Day03 CSS基础第一天
DAY03 CSS样式一、CSS简介1、HTML的局限性HTML只关注内容的语义。比如 h1 标签表明这是一个大标题， p 标签表明这是一个段落，img 标签表明这有一个图片，a 标签表示此处有链接。2、CSS-网页的美容师CSS是层叠样式表（Casscading Style Sheets）的简称，有时候也会称之为CSS样式表或级联样式表。CSS也是一种标记语言。CSS主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框形式、边距等）以及版面的布局和外观显示样
2021-07-07 23:25:08
125
原创 2021-7-07 Day02 前端基础第二天
Day02表格、列表、表单一、表格表格是实际开发中非常常用的标签：表格的主要作用表格的主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现的很有条理。总结：表格不是用来布局页面的，而是用来展示数据的。例：表格的基本语法<table> <tr> <td>单元格内的文字</td> ……
2021-07-07 23:20:16
183
原创 2021-07-07 Day01 前端基础第一天
HTML 常用标签1、标签语义学习标签是有技巧的，重点是记住每个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。2、标题标签-为了使网页更具语义化，我们经常会在页面中用到标题标签，HTML提供6个等级的网页标题，即-.<h1> 我是一级标题</h1>单词head的缩写，意为头部、标题。标签含义：作为标题使用，并且依据重要性递减。特点：1. 加了标题的文字会变的加粗，字号也会一次变大。2. 一个标题独占一行。<h1>标题一共6级选&
2021-07-07 23:10:11
150
原创 Day17 异常
异常什么是异常实际工作中，遇到的情况不可能是非常完美的。比如，写的某个模块，用户输入不一定符合我们的要求、我们的程序要打开某个文件，这个文件可能不存在或者文件格式不对，我们要读取数据库的数据，数据可能是空的等。软件程序在运行过程中，非常可能遇到刚刚提到的这些异常问题，就叫于成，英文是：Exception，意思是例外。异常指程序运行中出现的不期而至的各种状况，如：文件找不到、网络连接失败、非法参数等。异常发生在程序运行期间，它影响了正常的程序执行流程。package com.Exception
2021-03-25 15:40:54
76
原创 Day16 Static关键字详解、抽象类、接口
Static关键字详解package com.OOP.demo05;/** * @auther FlyFish * @company wu * @create 2021-03-24 15:01 *///staticpublic class Student { private static int age;//静态变量 private double score;//非静态变量 public void go(){ run();//非静态方法可以调用静态
2021-03-24 22:24:16
105
原创 Day15 Day16封装、继承、多态
封装该露的露，该藏的藏我们程序设计要追求"高内聚，低耦合"。高内聚就是类的内部数据操作细节自己完成，不允许外部干涉；低耦合就是仅暴露少量的方法给外部使用封装(数据的隐藏)通常，应禁止直接访问一个对象中数据的实际表示，而应通过操作接口来访问，这称为信息隐藏。记住一句话：属性私有，get/setpackage com.OOP.demo03;/** * @auther FlyFish * @company wu * @create 2021-03-23 13:40 *//
2021-03-24 12:22:46
2447
原创 Day15面向对象小结
面向对象小结package com.OOP.demo02;/** * @auther FlyFish * @company wu * @create 2021-03-19 12:20 */public class Application { public static void main(String[] args) { /* 1.类与对象 类是一个模板，对象是一个具体的实例 2.方法 定义与调用
2021-03-23 13:26:25
66
原创 Day14构造器
构造器package com.OOP.demo02;/** * @auther FlyFish * @company wu * @create 2021-03-19 14:20 */public class Person { //alt+insert 自动生成构造器 //一个类即使什么都不写也会存在一个方法 //显示的定义构造器 String name; //实例化初始值 /** * 构造器的作用 * 1.使用new关键
2021-03-19 14:55:03
66
原创 Day14方法调用、类与对象的创建
方法的调用静态方法非静态方法形参和实参值传递和引用传递this关键字静态方法和非静态方法的调用静态方法的调用有staticpackage com.OOP.demo01;/** * @auther FlyFish * @company wu * @create 2021-03-19 11:21 */public class Demo02 { public static void main(String[] args) { //实例化这个类 new
2021-03-19 14:19:15
130
原创 Day13面向对象及方法回顾
面向过程&面向对象面向过程思想步骤清晰简单，第一步做什么，第二步做什么…面对过程适合处理一些较为简单的问题面向对象思想物以类聚，分类的思想模式，思考问题首先会解决问题需要哪些分类，然后对这些分类进行单独思考。最后，才对某个分类下的细节进行面向过程的思索。面向对象适合处理复杂的问题，适合处理需要大多人协作的问题！对于描述复杂的事物，为了从宏观上把握、从整体上合理分析，我们需要使用面向对象的思路来分析整个系统。但是，具体到围观操作，仍然需要面向过程的思路去处理。什么是面向
2021-03-18 21:01:12
62
原创 Day12 数组的使用
数组的使用For-Each 循环数组作方法入参数组做返回值package com.FlyFish.array;/** * @auther FlyFish * @company wu * @create 2021-03-17 13:53 */public class ArrayDemo03 { public static void main(String[] args) { int[] arrays ={1,2,3,4,5}; int[] re
2021-03-17 22:27:59
61
原创 Day12 Arrays 类
Arrays 类数组的工具类java.util.Arrays由于数组对象本身并没有什么方法可以供我们带哦用，但API中提供了一个工具类Arrays供我们使用，从而可以对数据对象进行一些基本的操作。查看JDK帮助文档Arrays类中的方法都是static修饰的静态方法，在使用的时候可以直接使用类名进行调用，而“不用”使用对象来调用（注意：“不用”而不是“不能”——具有一下常用功能：给数组赋值：通过fill方法对数组排序：通过sort方法，按升序比较数组：通过equals方法比较数组中元素值
2021-03-17 22:27:28
128
原创 Day11 递归
递归递归就是：A方法调用A方法！就是自己调用自己利用递归可以用简单的程序来解决一些复杂的问题。它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解，递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算，大大的减少了程序的代码量。递归的能力在于用有限的语句来定义对象的无限集合。递归结构包括两个部分：递归头：什么时候不调用自身方法。如果没有头，将陷入死循环递归体：什么时候需要调用自身方法。用阶乘做范例：package com.FlyFish.method;
2021-03-14 21:29:27
66
原创 Day11 数组和内存分析
数组数组是相同类型数据的有序集合数组描述的是相同类型的若干个数据，按照一定的先后顺序排列组合而成其中，每一个数据称作一个数组元素，每个数组元素可以通过一个下标来访问它们数组的声明和创建首先必须声明数组变量，才能在程序中使用数组。下面是声明数组变量的语法：dataTpye[] arrayRefVar;//首选的方法或dataType arrayRefVar[];//效果相同，但不是首选方法Java余元使用new操作符来创建数组，语法如下：dataType[] arrayRef
2021-03-14 21:28:42
69
原创 Day10 命令行传参
命令行传参有时候希望运行一个程序时候再传递给它消息。这要靠传递命令行参数给main()函数实现public class CommandLine{ public static void main(String args[]){ for(int i = 0;i<args.length;i++){ System.out.println("args["+ i +"]："+args[i]); } }}可变参数JDK1.5开
2021-03-13 21:02:42
77
原创 Day10Java方法重载
方法的重载重载就是在一个类中，有相同的函数名称，但形参不同的函数。方法的重载的规则：方法名称必须相同参数列表必须不同(个数不同、或类型不同、参数列表顺序不用等)方法的返回类型可以相同也可以不相同仅仅返回类型不同不足以成为方法的重载实现理论：方法名称相同时，编译器会根据调用方法的参数个数、参数类型等去逐个匹配，已选择对应的方法，如果匹配失败，则编译器报错。例子：package com.FlyFish.method;/** * @auther FlyFish * @c
2021-03-13 21:02:13
89
原创 Day09Java方法
方法System.out.println() ：调用系统类中的输出对象，用printlin()方法。system是一个类；out是一个对象(输出对象);printlin()是一个方法Java方法是语句的集合，它们在一起执行一个功能。方法是解决一类问题的步骤的有序组合方法包含于类或对象中方法在程序中被创建，在其他地方被引用设计方法的原则：方法的本意是功能快，就是实现某个功能的语句块的集合。我们设计方法的时候，最好保持方法的原子性，就是一个方法只完成一个功能，这样有利于我们后期的
2021-03-13 10:06:10
116
原创 Day09Java流程控制---增强for循环
增强for循环Java5引入了一种主要用于数组或集合的增强型for循环。Java增强for循环语法格式如下：for(声明语句：表达式){ //代码句子}声明语句：声明新的局部变量，该变量的类型必须和数组元素的类型匹配。其作用域限定在循环语句块，其值与此时数组元素的值相等。表达式：表达式是要访问的数组名，或者是返回值为数组的方法。package com.FlyFish.Struct;/** * @auther FlyFish * @company wu *
2021-03-13 10:05:33
141
原创 Day08Java流程控制---循环结构
循环结构while循环do…while循环for 循环在Java5中引入了一种主要用于数组的增强型for循环while循环while是最基本的循环，他的结构为：while(布尔表达式){ //循环内容}只要布尔表达式为true，循环就会一直执行下去我们大多数情况是会让循环停止下来的，我们需要一个让表达式失效的方式来结束循环少部分情况需要循环一直执行，比如服务器的请求响应监听等。循环条件一直为true就会造成无线循环【死循环】，我们正常的业务编程中应该尽量避免死循环
2021-03-11 21:20:37
105
原创 Day07Java流程控制--结构
顺序结构Java的基本结构就是顺序结构，除非特别指明，否则就按照顺序一句一句执行。顺序结构是最简单的算法结构。语句与语句之间，框与框之间是按从上到下的顺序进行的，他是由若按个依次执行的处理步骤组成的，他是任何一个算法都离不开的一种基本算法结构。选择结构if单选择结构if双选择结构if多选择结构嵌套的if结构switch多选择结构if单选择结构我们很多时候需要去判断一个东西是否执行，然后我们才去执行，这样一个过程在程序中用if语句来表示if(布尔表达式){
2021-03-09 15:30:34
102
原创 Day06Java流程控制---Scanner
ScannerScanner对象之前我们学的基本语法中我们并没有实现程序和人的交互，但是Java给我们提供了这样一个工具类，我们可以获取用户的输入。 Java.util(Java的一个工具包).Scanner(包下面的一个工具)是Java5的新特征，我们可以通过Scanner类来获取用户的输入。基本语法Scanner s = new Scanner(System.in);通过Scanner类的next()与nextLine()方法获取输入的字符串，在读取前我们一般需要使用hasNext()
2021-03-05 11:29:34
206
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人