- 博客(44)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端基础 - 移动端（Flex伸缩布局）
移动端基础浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可。手机屏幕的现状
2021-01-04 17:26:00
463
原创 前端基础 - WebApi （五）动画
动画动画核心通过一定的时间段不断处理元素的一些属性的值，实现元素的动态效果JS中提供的动画核心是通过定时器setInterval，不断的改变盒子的一些属性实现动画必须要有时间控制setInterval随着时间进行改变元素的样式属性或者属性进度条核心原理：随着时间改变元素的宽度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam
2020-12-25 09:27:06
119
原创 前端基础 - WebApi （四）键盘事件
键盘事件常用的三个onkeyup：当某个按键被松开的时候后触发onkeydown：当某个按键被按下的时候触发onkeypress：当某个按键被按下的时候触发，不识别功能按钮(方向键、shift)注意：如果使用addEventListener不需要加ononkeypress和前面的两个事件区别在于它不识别功能键三个时间的触发顺序是：keydown–keypress–keyup键盘事件对象属性KeyCode：返回该键的ASCII码值keydown和keyup事件对象是同样的，事
2020-12-25 09:17:16
413
原创 前端基础 - WebApi （三） 元素的结构创建
元素的创建总结元素的创建document.write();element.innerHTML();document.createElement();区别使用document.write是直接将内容写入到页面的内容流区域，当文档流执行完毕，会导致页面全部重绘element.innerHTML：是将内容写入当前这个节点内部，并且不会导致页面重绘，还可以创建多个元素，工作效率更高，(不需要连接字符串操作)，但是写法结构比较复杂document.createElement，创建元素但是只是创建
2020-12-16 09:18:32
100
原创 前端基础 - WebApi （二） 自定义属性
自定义属性可以在使用DOM操作元素的时候，可以给元素添加一些其原本没有的属性，来记录一些数据获取属性值元素对象.属性名 获取属性值元素对象.getAttribute(属性名) 获取属性值区别：通过对象名点属性名获取到的是元素的属性值，并且对css属性以css形式返回。不能获取到自定义属性的值通过getAttribute获取属性值，返回的结果是以字符串体现，可以获取到自定义属性的值设置属性值元素对象.属性名=属性值元素对象.setAttribute(属性名,属性值);//属性名完全
2020-12-16 09:17:21
389
原创 前端基础 - 案例 （四） 排他思想 和 实现全选
案例排他思想先找到所有的元素消灭所有的元素样式，改成初始样式然后留下自己，设置特定样式注意：顺序不能颠倒，先消灭后自己 window.onload=function(){ // 【1】选择所有的相关元素 // .getElementsByTagName("li") var lis=document.querySelectorAll(".choose>li"); // lis是一
2020-12-16 09:16:11
220
原创 前端基础 - WebApi （一）
格式化字符串使用字符串方法formatJS中不存在format方法，因此也无法使用，需要手动添加ES6语法格式化var inter=`这个人的名字是${man.name}，他的年龄是${man.age}，他的性别是${man.sex}`;使用``符号将字符串进行括起来，然后字符串里面的变量数据使用${}括起来，在{}里面可以写变量、表达式toString方法 var a=20.00; console.log(a.toString(2));将数
2020-12-16 09:13:54
179
原创 前端基础 - 案例（三） 报时器
实现一个报时器，例如6:00-12：00显示早上好； 12:00-18:00显示下午好；18:00-6:00显示晚上好<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS实现报时
2020-11-24 09:31:18
200
原创 前端基础 - JavaScript （七） 内置对象
内置对象JS中的对象总共分三种：自定义对象、内置对象、浏览器对象。前两种都是JS的基础内容属于ECMAScript。浏览器对象属于JS独有的，之后学习的Web API中专门讲解。内置独享包含哪些根据JS API(Application Program Interface)，开发文档说明，讲解的内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或者最基础的最必要的功能(常用的属性、函数等)JavaScript内置对象：Math、Date、Array、String等内置对象
2020-11-24 09:25:48
432
原创 前端基础 - JavaScript （六） 预解析
预解析概念HTML、CSS、JS代码全部交由浏览器两个引擎，渲染引擎和JS引擎两个负责执行的。JS引擎负责对JavaScript代码进行执行处理，通过两个步骤完成JS代码的执行任务，分别是预解析和代码执行什么是预解析在当前变量或者函数等作用域下，JS代码在执行之前，浏览器默认会将JS代码中有关var或者function声明的变量或者函数在内存中进行提前声明以及提前定义代码执行：将预解析的结果进行从上往下逐步执行 console.log(num);
2020-11-24 09:24:13
120
原创 前端基础 - JavaScript （五） 函数
函数函数的概念在JS里面，在开发过程中经常会遇到一种情况，某种算法或某些代码要经常出现或使用多次，对于这种情况使用for循环不是一种比较好的办法，for循环只能解决一些简单的重复使用问题，而遇到复杂的情况则需要使用函数的概念函数：将一段可能会被大量重复调用执行的代码段进行封装成一个整体，通过这个整体的名称(函数名)的调用就可以实现大量代码的重复调用函数的使用声明函数 function getMax(){ var arr=[2,5,4,3,8,
2020-11-17 16:18:36
97
原创 前端基础 - JavaScript （四）
数组数组的概念数组是可以将一组相关的数据一起存放，并且提供了一些方便访问以及获取的方式数组的本质是一组数据的集合，里面的每个成员数据称为元素，一个数组里面可以存放任意多个以及任意类型的数据(一个JS数组中的元素类型可以不相同)数组的创建使用关键字new创建直接使用[]进行创建 var arr=["张三","男",23]; console.log(arr);数组的创建方式1里面new后面跟的是Array，添加数组元素可以使用数组索引的方式
2020-11-16 09:57:42
68
原创 前端基础 - JavaScript （三）
流程控制流程控制的概念在一个程序的执行过程中。每行代码的执行顺序如果不同，对于程序的执行结果是不一样的。一般情况下需要人为控制代码的执行过程以达到我们需要的效果通过一定的手段控制代码的执行顺序分类顺序结构：标准的从上往下执行的顺序分支结构：通过判断一定的条件选择所要执行的代码，而产生若干分支循环结构：通过一定的条件约束部分代码重复执行若干次顺序流程最简单最基本的流程控制，默认的程序代码按照从上往下的顺序依次执行分支流程分支结构代码由上往下执行的过程中，根据条件进行选择不同的代码执
2020-11-15 10:01:52
158
原创 前端基础 - JavaScript （二） 数据类型
JavaScript语言为什么需要数据类型在计算机中，不同的数据所需要占据的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，因此定义了不同的数据类型。数据类型能够代表数据的特征和属性注意：JS中的数据类型，是js代码在运行时，由js引擎根据=后面的数据值的数据类型来明确的数据类型分类简单数据类型：Number，String，Boolean，Undefined，Null复杂数据类型：object简单数据类型简单数据类型说明Number数字类型
2020-11-13 09:33:12
125
原创 前端基础 - JavaScript （一） 什么是JavaScript？
JS是什么JS的出处JS语言的性质弱类型的脚本语言弱类型数据类型？（DataType）1.声明变量不需要声明数据类型2.数据的类型取决于存储的数据的值脚本语言本质和编译语言不同，编译语言的运行是直接对CPU负责，CPU直接将编译语言先转变成二进制之后再进行执行。而脚本语言并不对CPU直接负责，脚本语言的执行核心是这个脚本的解释器，js的解释器是浏览器的JS引擎JS的执行并非是将JS转为二进制之后CPU执行，而是，首先通过JS引擎将JS代码进行解释执行JS基础语法(一)JS的引入J
2020-11-13 09:29:36
104
原创 前端基础 - 案例二：酱品购电商网站首页（精简版）
酱品购电商网页–精简版HTML ：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="style
2020-11-06 09:22:27
156
原创 前端基础 - 案例一：基础网站搭建
基础网站搭建案例：HTML ：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesh
2020-11-06 09:21:23
789
2
原创 前端基础 - CSS（四）
css提供了三种传统的布局方式 1.普通流（标准流） 所谓的普通流就是标签按照规定好的方式进行排列（块元素、行内元素 标准流布局） 2.浮动 3.定位 浮动（float） 本质-css摆放盒子 为什么需要浮动？ 有很多的布局效果，标准流没有办法完成的，此时我们就需要利用浮动完成布局 因为浮动可以改变标签的默认的排列方式 浮动最典型的应用就是多个块元素一行排列显示.
2020-11-03 18:47:05
106
原创 前端基础 - CSS（三）
盒子模型三大核心：盒子、浮动、定位 ->布局的网页的布局过程 准备好相关的网页元素，Box 利用CSS设置好盒子样式，摆放位置 往盒子里装东西 核心的本质：利用CSS摆盒子盒子模型：矩形的盒子。容器 CSS盒子模型本质就是一个盒子 封装周围的HTML元素、边框、内边距、外边距 1.边框（border） border可以设置元素的边框的。边框是由三部分组成 粗细、颜色
2020-11-03 09:31:11
119
1
原创 前端基础 - CSS（二）
复合选择器 复合选择器是由两个或者多个基础选择器，通过不同的方式组合而成 快速定位到所需要的标签1.后代选择器->包含关系2.子代选择器 只能选择作为一种某元素最近的元素3.并集选择器 并集选择器可以选择多组标签,同时为他们定义相同的样式。 元素1,元素2{样式声明}表示选择元素1和元素2 元素1和元素2中间用逗号隔开 逗号可以理解为和的意思 并集选择器通常用于集体声明
2020-10-31 10:38:59
128
原创 前端基础 - CSS（一） 层叠样式表
CSS （层叠样式表）css也是一个标记语言作用： （1）设置HTML页面中的文本内容、图片的外形以及版面的排版显示 （2）页面布局更加灵活css样式规则：两部分组成：选择器 声明 选择器：用于指定css样式的HTML标签，花括号内是对这个对象设置的具体样式 属性和属性值 键值对出现 属性与属性值之间使用“ ： ”分开 多个声明之间使用“ ； ”分开符合实际开发的书写方式1.样式格式的书写h4 { color: yello
2020-10-29 19:05:53
104
原创 前端基础 - HTML（一）html基本结构
html概述和基本结构html概述HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。ht
2020-10-29 19:04:10
3207
原创 前端基础 - HTML（二） 表格、表单、列表
表格table标签用于定义表格tr 必须嵌套在table标签中td 必须嵌套在tr中表格的基本语法：<table border="1" allign="center" cellspacing="2" cellpadding="1"> ↑---border代表边框线 align代表位置 right左边left（右边）center（中间） cellspacing规定单元格与单元格之间的空白 默认值为2像素
2020-10-28 18:50:32
164
原创 从零开始 - Python基础 案例练习：用面向对象的思想---进销存系统
进销存管理系统使用面向对象的编程思想开发(货物管理系统)分析这个程序中一共需要提取多少对象角色分析货物管理系统一般情况下在开发中一个对象就是一个class，一个类用一个程序文件class Good(object): def __init__(self, id, name, price, count, unit, type): self.id = id self.name = name self.price = 0 s
2020-08-12 12:00:33
892
原创 从零开始 - Python基础 案例练习：“意想不到”的冒泡函数
遇到困难时不要抱怨，既然改变不了过去，那么就努力…本人小白一个，初识冒泡函数，感觉到很神奇，那么，我们先了解一下什么是冒泡函数吧冒泡排序也是一种简单直观的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢"浮"到数列的顶端。冒泡排序的意义sort函数是“知其然”，算法是“知其所以然”。在实际意义上也是有的，sort只能对基础类型数据串进
2020-08-09 08:47:16
312
原创 从零开始 - Python基础 案例练习：0-1000水仙花数
我们先来了解一下什么是水仙花数水仙花数（Narcissistic number）也被称为超完全数字不变数（pluperfect digital invariant, PPDI）、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数（Armstrong number），水仙花数是指一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身。我们先来尝试一下如何获取个位十位百位上的数# 获取百位上的数print(153 // 100)# 值除100的话等于1.53取整除的话为1,获取到百位上的数# 获取十位上
2020-08-08 14:45:12
461
原创 从零开始 - Python基础 案例练习-----斐波那契数列
如何使用递归算法求斐波那契数列？？？首先，我们应该了解什么是斐波那契数列，斐波bai那契数列（Fibonacci sequence），又称黄金分割数du列、因数学家列昂纳多·斐zhi波那契（Leonardoda Fibonacci）以兔子繁殖为例子而引入，dao故又称为“兔子数列”，指的是这样一个数列：1、1、2、3、5、8、13、21、34、……在数学上，斐波纳契数列以如下被以递归的方法定义：F(0)=1，F(1)=1, F(n)=F(n-1)+F(n-2)（n>2，n∈N*）在现代物理、准晶体结
2020-08-08 09:24:48
559
原创 从零开始 - Python基础 （十四）震惊！“模块”和“包”的关系竟如此。。。
模块Python中的模块(Module)，是一个Python文件，后缀名为.py，包含了Python对象定义和Python语句，模块中也能定义函数、类、变量，模块里也能包含可执行代码导入模块导入模块的方式import 模块名[,模块名,模块名,…]from 模块名 import 功能名称[,功能名称,功能名称,…]from 模块名 import *（导入所有功能）import 模块名 as 别名from 模块名 import 功能名称 as 别名制作模块在Python中，每个Pyth
2020-08-06 14:42:52
179
原创 从零开始 - Python基础 （十三）震惊！“异常”竟然。。。。
什么是异常当程序在运行过程中出现的一些错误，或者语法逻辑出现问题，解释器此时无法继续正常执行了，反而出现了一些错误的提示，这就是异常(错误代码或者bug)程序出现异常会怎样程序在运行过程中出现了异常，轻则功能无法实现或者功能出错，重则整个程序崩溃捕获异常捕获异常是在编程中常用的一种处理代码中可能会出现漏洞的一些基础的解决方案捕获异常的做法使用try—except语法try: 可能会出现异常的代码except: 如果try里面的哪行代码出现了异常会直接跳入这个里面执行这种
2020-08-06 09:42:47
109
原创 从零开始 - Python基础 （十二）封装、继承、多态 -- 下
失ったものにばかり着目しないで、失ったものは帰ってこないので、今何が残っているのか自分に聞いてみてください！不要总是着眼于失去的东西，失去的东西是不会回来的，问问自己你现在还剩下什么！---------甚平...
2020-08-04 20:09:51
115
原创 从零开始 - Python基础 （十一） 封装、继承、多态 -- 中
真実は一つしかない私有权限面向对象的三大特征：封装、继承、多态封装的意义将属性和方法放到一起作为一个整体，然后通过实例化对象来处理隐藏内部实现细节，只需要和对象及其属性和方法交互就可以了对类的属性和方法增加 访问权限进行控制私有权限的实现在属性名或方法名之前加上两个下划线__私有的概念实例(对象)属性公有属性(普通属性)：类的外部或者类的内部都可以使用和访问类的外部：通过这个类创建一个对象。可以访问的属性类的内部：在这个类里面的方法内部可以使用的属性私有属性类的内部
2020-08-03 15:46:34
110
原创 从零开始 - Python基础 （十）封装、继承、多态 --上
面向对象的三大特征封装、继承、多态封装是指在面向对象编程的思想中，对代码进行高度的封装，封装又叫包装。封装在编程中的核心作用：整体化代码，便于携带，提高数据或算法的安全性面向对象的编程思想核心：高类聚、低耦合—程序的设计模式的范畴继承在程序中继承是指描述的是多个类之间的一个所属关系例如一个类A里面的所有的属性和方法可以复用，这个时候可以通过继承的方式，传递到类B里面这这里A类称之为父类(基类) B类称之为子类(派生类)在Python中子类(派生类)会继承父类(基类)，那么子类就及继承了父类
2020-08-01 16:56:24
88
原创 从零开始 - Python基础 （九） 面向对象
面向对象编程介绍面向对象概述目前软件开发技术中两种主流思想：面向过程、面向对象面向过程思想出现较早，C语言面向对象思想出现较晚，C++语言，C#,Java,Python。。。。面向过程需要实现一个功能的时候，将人类的思维转变成为计算机的思维，然后重点去实现这个功能的每个步骤和过程，每一个步骤都需要亲力亲为面向对象需要实现一个功能的时候，并不需要考虑其计算机实现这个功能的细节，不考虑步骤和过程，只需要关心谁去做，做的最终结果即可类和对象面向对象编程的重要概念：类、对象类类是在创建这个
2020-07-31 17:13:44
216
原创 从零开始 - Python基础 Python3新语法
Python3新语法字符串的输出f-string(format)提供了一种简洁易读的方式，可以在字符串中包含Python表达式f-string以字符“f”或者"F"为前缀，格式化字符串使用一对单引号、双引号、三单引，三双引，格式化字符串字符串格式化输出主要使用的是字符串的格式化方法进行输出，一般情况下字符串中花括号内部设置输出的格式数字格式输出作用3.1415926{:.2f}3.14保留小数点后2位小数3.1415926{:+.2f}+3.14带符号保留
2020-07-28 20:36:16
186
原创 从零开始 - Python基础 （八） 文件的相关操作
文件操作介绍什么是文件在计算机中只要是装载数据的物理载体都是文件，数据在计算机中持久保存主要依靠的就是文件。文件的作用在计算机中如果要保存数据，必须要使用文件进行装载数据，数据在计算机中以文件的形式进行保存计算机存储数据变量形式存储通过变量类型来区分数据不同临时存储内存文件形式存储通过文件的后缀来区分数据不持久存储硬盘两者存储的区别：操作内存的效率要比操作硬盘的高文件的读写写数据(Write)# 1.先打开一个文件f = open("text.txt", mod
2020-07-27 16:58:40
145
原创 从零开始 - Python基础 （七） 匿名函数
匿名函数定义匿名函数是指在python中使用lambda来创建函数，称之为匿名函数创建函数不在使用def创建，而是使用lambda关键字创建一个形式主义的函数匿名函数的定义格式lambda 参数1,参数2,参数3... : 单行表达式 或者 函数调用匿名函数的作用可以通过匿名函数来实现标准函数的功能可以作为一个函数的参数进行传递，将一个函数当成另一个函数的参数传递进另一个函数，这个做法在C#或其他技术中叫做委托（全局变量）一个函数只要被声明了，肯定在内存中存放好了，程序
2020-07-26 20:44:17
196
原创 从零开始 - Python基础 （六）参数、拆包、引用
函数定义的参数总结标准参数缺省参数，一般经验而言缺省参数声明在最后不定长参数(参数的个数不确定)不定长参数元祖不定长参数字典def fun(a, b, *args, **kwargs): print(a) print(b) print(args) print(kwargs) fun(1, 2, 3, 4, name = "hello", age = 20) #结果：12(3, 4){'name': 'hello', 'age': 20}
2020-07-25 19:00:44
111
原创 从零开始 - Python基础 案例练习-----学生管理系统
系统功能添加学生检查添加的信息中的唯一值(标识列)-学号(stu_no)如果存在提示:该学号已存在如果不存在引导用户输入学生的详细信息保存数据删除学生修改学生查询学生展现所有学生信息全体学员平均分和及格率退出程序all_dict = {"1000":{"学号":"1000","姓名":"张三","年龄":"20","性别":"男","成绩":"90"}}def stu_mean(): print("===========================")
2020-07-25 09:25:37
702
原创 从零开始 - Python基础 （五）-----函数
1.函数的作用对某块功能的代码的封装提高代码的复用性(重用性)大大的提高了开发效率2.函数定义和调用定义def 函数名(): pass调用函数名()注意:函数是一次定义, 多次调用如果函数名相同, 后面的会覆盖前面的同名函数3.函数参数(一)作用:进一步的提高了一个没有参数函数的复用性定义格式:形参: 形式参数(有多少个, 看需求)def 函数名(形参1, 形参2, ...): pass调用格式:实参: 实际参数(有
2020-07-24 19:20:48
70
原创 从零开始 - Python基础 （四）元祖、字典
1.元组的定义对比列表和元组相同点:保存任意数据类型有序的数据类型(下标索引, 切片)循环遍历(while for)不同点:列表[] 元组()列表可变的数据类型(增删改查) 元组是不可变的数据类型(查)格式:tuple = (元素1, 元素2, ...)空元组()tuple()有且只有一个元素的元组tuple = (元素,)len()函数strlisttuple2.元组的相关操作结论:不可变
2020-07-23 19:24:34
267
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人