- 博客(35)
- 收藏
- 关注
RSS订阅原创 jQuery——Ajax
Ajax1、Ajax简介asynchronous JavaScript and XML 异步的 JS 和 XMLajax通过http协议向服务器端请求数据，异步操作无刷新获取数据XML： 可扩展标记语言 XML被设计用来传输和存储数据，HTML来呈现数据 XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全是自定义标签，用来表示一些数据 Http： hypertext transport protocol 超文本传输协议 详细规定
2021-03-29 23:48:44
168
原创 jQuery
jQuery1、jQuery介绍 简洁JS库，封装了JS，只有一个叫jQuery的函数，jQuery函数调用的结果是一个jQuery对象 dom 选择器 事件 属性 … bom Ajax ES5 jQuery特点选择器事件dom操作属性操作2、jQuery安装a、本地引入 <!-- 本地引入 --> <!-- <script src="../jquery-3.5.1/jquery-3.5.1.js">
2021-03-29 23:44:06
217
原创 JavaScript——DOM
1、文档对象模型，Document Object ModelDOM是针对HTML和XML文档的一个API（应用程序编程接口）,DOM描绘了一个层次化的节点树，允许开发人员添加，移除，修改页面的某一部分。1998年10月DOM1级规范成为W3C的推荐标准，为基本的文档结构以及查询提供了接口。但是要注意，IE中的所有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的
2021-03-23 16:34:04
157
原创 JavaScript——包装器函数、Math
○ 包装器函数（构造函数） var str = "hello"; console.log(str.length); var num = 10; console.log(num.toString()); //基本数据类型怎么会有方法 § a、自动装箱 new String(str)； § b、操作：调用属性和方法 new String(str).length § c、自动拆箱 str § Number() □ new Number(); ® 构造
2021-03-15 14:48:19
164
原创 JavaScript——数组Array
（2）数组□ []□ 一组数据的集合□ 数据中的所有数组元素，使用逗号隔开，每一个数组元素数据类型任意□ 数组长度可以动态修改□ 1、创建 ® a、数组字面量 ◊ var arr = []; //空数组 ◊ var arr = [null, undefined, "", false, {name: "lisi"}] ® b、构造函数 ◊ var arr = new Array(); //空数组 ◊ var arr = new Array("hell
2021-03-15 14:28:15
103
原创 构造函数 原型对象 实例三者关系
构造函数 原型对象 实例三者关系 每一个构造函数都有一个原型对象 在构造函数内有prototype属性指向它的原型对象 在原型对象中有constructor属性指向它对应的构造函数 在原型对象中有一些属性和方法，是公用的，实例可以调用 实例是通过构造函数创建出来的对象 var obj = new Object(); Object.prototype.constructor === Objectobj.constructor === Object Object.prototy
2021-03-10 14:52:19
205
原创 JavaScript——函数function
§ 函数（1）函数 □ a、函数字面量 var say = function(){ } □ b、函数声明 function say() { } □ c、匿名函数 function() { } 在被创建时立即调用 (function () {} ) () (声明) () □ d、对象中 var obj = { ◊ name：'lisi' ◊ say：function(){ } } obj.name obj.say() obj["say"]()
2021-03-10 09:45:54
133
原创 JavaScript——对象Object
11、对象○ Object § 一组属性和方法的集合 § 1、创建实例对象 □ a、对象字面量 ® 每一次new一个新的对象，就在堆空间有一个新的空间 var obj = { name:'lisi', age:20 } □ b、构造函数方式 var obj = new Object()； obj.name = 'lisi'; § 2、访问属性 □ a、点操作符 var obj = { name:'lisi', age:2
2021-03-06 13:36:36
203
原创 JavaScript——操作符
10、操作符○ 算数操作符： =：赋值操作符 从右向左赋值 var a=10; + +=： +： a+b： 1.如果两个变量均为number类型，直接相加 2.如果两个变量均为非number类型，并且均不为string类型，也不为object类型 null undefined boolean 直接转换为number类型进行相加(Number()) 3.如果其中一个值为string类型，另一个不为object类型，直接进行字符串拼接 10+"
2021-03-06 13:35:31
204
原创 JavaScript——数据类型转换
• 8、数据类型转换○ null和undefeind不参与转换○ Number: *->number § 1>Number转换函数 □ Number(a); null:0 undefiend:NaN true:1 false:0 "":0 "hello":NaN "10":10 "10l":NaN "+10":10 "10.3":10.3 "a10":NaN □ parseInt(a): null:NaN
2021-03-04 10:31:06
146
1
原创 xshell安装服务器端软件
1.vsftpd安装与配置，文件上传与下载2. mysql安装与配置，数据库3. nodeJS npm安装与配置，javascript的运行平台4. apache安装与配置，前端项目的部署环境5. JDK安装与配置，文件上传与下载6. 将第一阶段的项目部署到云服务器上1.购买云服务器 unix–Linux— ubuntu 腾讯云 服务器版 ubuntu版本 https://cloud.tencent.com/act/campus?utm_source=qcloud&utm_
2021-03-04 10:12:49
645
1
原创 h5+C3面试题总结
一、块级标签和行内标签的区别：1.块级独占一行，行内可以与其他元素共享一行2.块级元素可以包含块级元素和行内元素 ，行内元素只能包含文本或者其它行内元素。3.块级元素可以直接设置宽高，行内元素不能直接设置宽高二、行内元素与块级元素总结：行内：<a></a>超链接<b></b>加粗 <span></span> 最常用的行内元素<img src="" alt=""> 图片<input type="t
2021-03-02 10:19:26
693
1
原创 什么是JavaScript以及其基本语法
浏览器mosaic（马赛克） 第一个获得普遍使用和能够显示图片的网页浏览器 后来被Microsoft收购，在mosaic的基础上开发出Internet Explore Netscape Navigator（网景） 也是基于mosaic的基础上开发的，后来改名Mozilla Firefox（火狐） 浏览器分为shell和内核部分shell 内核 渲染引擎 js引擎 其它模块JavaScript起初目的是为了改善用户体验，后来Sun公司被Oracle收购，JavaScript
2021-03-01 16:11:03
132
原创 Linux(下)——vi编辑器
vi编辑器• 1、打开vi ○ 1）打开编辑器 vi ：wq a.txt 另存为a.txt ○ 2）打开文件 § vi a.txt ○ 3）打开文件的同时定位光标 § vi +number a.txt number行号 • 2、模式 ○ 输入模式(i 编辑状态) § 编写代码 输入模式-->esc-->命令模式 (按esc进入命令模式) 命令--> : -->底行 () i：在当前光标位置插入文本
2021-03-01 15:48:49
149
原创 Linux(上)
Ubuntuxshell链接远程服务器小黄鸭文件传输的图形化界面1.根目录 var/www/html2.上传文件3.访问： http://ip:80/demo/index.html http://ip:80一、什么是Linux？Linux是一个操作系统的内核Unix：收费、大型项目商业用途Linux：开源免费unbuntu：桌面操作系统二、特点1.安全性 Linux针对多用户的系统 针对不同用户Linux设定了不同用户权限/属性，普通用户不能直接操作系统文件/敏感
2021-02-25 09:41:42
130
原创 加载不出css时用文字展示
方法一text-indent: 200px;white-space: nowrap;overflow: hidden;<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>淘宝网</title> <link rel="stylesheet" type="text/css" href="../css/淘宝网.css"/> </he
2021-02-01 16:16:17
102
原创 文本多余部分用...表示
单行文本white-space: nowrap; /* 文字到边界不换行展示 */overflow: hidden; /* 溢出边界部分文字隐藏 */text-overflow: ellipsis; /* 溢出部分用...展示 */多行文本PC端不好实现，大多都是直接文档末尾自己写的...然后overflow：hidden；...
2021-02-01 15:42:23
253
原创 浮动流——让父级元素包住子元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>浮动流</title> <!-- <link rel="stylesheet" type="text/css" href="../css/浮动流.css"/> --> <style> *{ margin: 0; padding: 0; }
2021-01-31 22:22:06
835
原创 margin塌陷、margin合并的解决
一、margin塌陷父子嵌套元素垂直方向的 margin，父子元素是结合在一起的，他们两个会取其中最大的值正常情况应该是父级相对于浏览器进行定位，子级应该相对于父级定位的但是 margin 塌陷是在父级相对于浏览器进行定位时，子级没有相对于父级定位，就像父级的棚子没有了一样子级相对于父级，就像塌陷了一样a.给父元素设置边框属性b.将原本设置给子元素的margin属性修改为设置父元素的paddingc.给父子级其中一个设置浮动属性d.给父子级其中一个设置position：abs
2021-01-31 21:51:44
195
1
原创 两栏布局
两栏布局方法一：通过position<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2021-01-31 21:06:43
149
原创 CSS实例——远视图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>远视图</title> <!-- <link rel="stylesheet" href="../css/远视图.css" /> --> <style> .content1{ width: 10px; height: 10px; bac
2021-01-31 18:32:07
947
原创 CSS代码块属性
以<div></div>为例，css 引入部分写成，用花括号包裹起来的是 css 代码区，在括号里面写 属性名：属性值； 每一个属性与属性之间用分号;隔开div{font-size:12px; //属性名：属性值；font-weight:bold;}下面来介绍一些属性，在 www. css88.com，相当于字典可以查...
2021-01-31 13:21:39
231
原创 CSS实例——三角形
利用border<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>三角形</title> <style> div{
2021-01-31 12:59:09
100
原创 标签分类
标签的分类（归类）基本的1）行级元素，也叫内联元素 inline特点 A 内容决定元素所占位置 B 不可以通过 CSS 改变宽高例 span，strong，em，a，del行级元素自带 CSS 属性，可更改自带属性span 自带隐藏属性 display:inline; 可以通过改成 block 变成块级元素2）块级元素，block特点 A 独占一行 B 可以通过 CSS 改变宽高例 div，p，ul，li，ol，form，address3）行级块元素 inline-block特点 A
2021-01-31 12:12:02
455
原创 CSS（下）
9.定位布局position： static：静态布局（默认文档流） absolute：绝对定位 特点： a.脱离默认文档流（飘起来了） b.默认根据body左上角进行定位 c.不保留定位前空间 d.如果父元素具有定位属性，根据父元素左上角进行定位 relative：相对定位 特点： a.不脱离默认文档流 b.默认根据元素本身位置进行定位 c.保留定位前空间 fixed：固定定位 固定定位的特点和绝对定位相似 使用了固定定位的元素，
2021-01-30 12:35:51
171
原创 CSS（中）
6.尺寸+颜色-单位尺寸： 1）绝对单位 Px 2）相对单位 百分比 1em~1个M的宽度（16px）颜色： 1.关键字 red blue 2.rgb(r，g，b) r：red g：green b：blue 0-255 3.rgba(r，g，b，a) a：apcaity透明度 0-1： 0：完全透明 1：完全不透明 4.16进制颜色值 # #ff0000 #fff：白色 #ccc：灰色 font-family：" "
2021-01-30 12:30:31
129
原创 CSS实例——呼吸灯
呼吸灯<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{
2021-01-30 12:16:04
451
原创 CSS实例——轮播
animation动画（！！！注意要让块级元素浮动起来）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div.ou
2021-01-30 10:58:41
91
原创 CSS实例——梦幻西游
animation动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{
2021-01-30 10:48:54
183
原创 CSS让一个图片显示在另一个图片上面
CSS让一个图片显示在另一个图片上面思路，在两个图片的父元素上设置 position:relative , 然后给小图片设置 position:absolute ，位置通过top，bottom，left，right来修改，然后用 z-index 设置显示层级，小图的层级一定要比大图高。如下设置：...
2021-01-22 17:39:41
10485
1
原创 CSS（上）
什么叫CSS？cascading style sheet层叠 样式 表css不能脱离HTML单独存在语法a.属性的设置 属性名和属性值之间使用冒号分割 多对属性之间使用分号分割 最后一对属性可以不加分号 1.style <div style="width:100px; height:100px;background-color:red;"></div> 2.其他 代码块 选择器{ width:100px; height:100px;..
2021-01-18 11:38:39
95
原创 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> <style> table{
2021-01-18 10:36:09
386
原创 HTML
前端的三大底层语言： html：页面搭建-房子搭建 css：页面美化-装修 js：动态效果展示-按键 页面：项目结构 demo: index.html outer.html one.html css: index.css->index.html outer.css one.css js: index.js->index.html taobao： .html css js images快捷键：!+t
2021-01-17 20:25:27
91
原创 Axure
Axure：需求分析前端三大底层语言： HTML CSS js：JavaScript 框架语言： jQuery vue(react/angular) node … 企业级框架： vue-element-admin/template MysqlAxure：原型设计项目： 可行性分析：项目经理 需求分析：开发人员、项目经理、甲方 罗列功能 原型设计出一套页面实际开发元件 ----- 组件展示原型页面：1.以图片方式展示 文件----以图片形式
2021-01-17 19:49:28
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人