自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 收藏
  • 关注

原创 面试官会提问的面试题目汇总

Html,css布局(重点)1.如何让一个div垂直水平居中 水平:margin: 0 auto 定位布局 position:relative transform: translate(-50%,-50%) flex布局(如何实现) justify-content: center;主轴上的子元素排列方式 align-items: center...

2021-11-03 20:37:00 2980

原创 JavaScript 语言的下一代标准ES6

技术栈:html/css/js(es5)(jQuery)/ajax企业级开发 html、css、js(vue)、axios、elementuies6 1.es6简介 javascript的下一代标准,2015.6以后 浏览器(前端脚本语言) 兼容性不是太好(babel => es6 => es5) nodejs(后端语言) 不是100%兼容,兼容性比较好 2.变量声明 let 1)声明不会提升 2)具有局部作用域...

2021-10-13 16:19:38 243

原创 H5 api

H5 API 1.H5新增标签 语义化标签 header footer nav aside section <nav>hello</nav> <div class='nav'>hello</div> 语义化标签 1)代码的可读性提高 2)有利于搜索引擎搜索 2.H5新增表单属性 input typ...

2021-10-13 15:07:56 582

原创 BOM,Ajax,jQuery

BOM 浏览器对象模型,浏览器提供js操作浏览器的api 兼容性问题 js是单线程语言 1)超时调用 setTimeout() 参数:第一个参数是一个回调函数,第二个参数是一个时间(单位是毫秒) 返回值:id值 清除超时调用:clearTimeout(id) 2)间歇调用 setInterval() 参数:第一个参数是一个回调函数,第二个参数是一个时间(单位是毫秒) 返回值:id值 取消间歇调用:clearInt...

2021-09-15 15:12:01 102

原创 DOM和DOM事件

DOM 文档对象模型,浏览器提供给js操作html文档的api 兼容性 IE 程序员噩梦 Object(构造函数) Node(构造函数) Document(文档节点) Element(元素节点) Text(文本节点) Comment(注释节点) 属性和方法() Node.prototype 属性...

2021-09-15 14:56:39 235

原创 包装器数据类型,Math对象,Date对象,深入理解对象,继承

包装器数据类型 基本数据类型 var str = '123' Number(str) var str = 'hello' String str.replace() Boolean,Number,不建议直接使用这两种包装器类型 String 类型 length 获取字符串的长度 charAt() 获取指定位置的字符 charCodeAt() 获取指定位置的字符的字符编码 var s =...

2021-09-03 15:25:21 170

原创 正则表达式简单介绍

正则表达式(正则校验,替换) 引用数据类型,对象 1.表单的验证 2.替换,替换某些敏感词汇 3.提取,提取某段想要的字符串 创建 1.字面量 var rg = /hello/ 2.构造函数 var rg = new RegExp(/hello/) 修饰符 g global 全局匹配 i ignore case 不区分大小写 m multiline 多行 正则表达式的使用 ...

2021-09-03 15:21:29 93

原创 用javascript实现排序

从小到大排序结果从大到小排序结果

2021-08-31 15:13:21 78

原创 数组简单介绍

数组 引用数据类型 作用:用来保存多个值,可以保存任意数据类型的值 数组是以“[ ]”为界限,值与值之间使用逗号分隔,length数组长度,数组长度是动态的 1)创建 1.数组字面量 var arr = [1,2,3,4] =>0:1,1:2,2:3,3:4 arr.length => 4 2.构造函数 var arr = new Array() =>[] =>Object 传递一个参数:给数组指...

2021-08-30 15:25:13 153

原创 函数简单介绍

函数 引用数据类型 1)函数的作用 特定功能代码的封装 用来创建对象(构造函数=>Object,Array) 2)函数的定义 函数声明(函数的声明会提升) 关键字 函数名(形式参数){ 函数体 返回值 } function add(a,b){ //【具名函数】 console.log(a+b) return a+b } 函...

2021-08-26 14:30:09 1024

原创 用javascript求水仙花数

结果:

2021-08-25 19:59:27 92

原创 用javascript实现九九乘法表

结果:

2021-08-25 19:55:00 116

原创 用for语句实现九九乘法表

结果:

2021-08-25 19:50:47 123

原创 用javascript实现10的阶乘

结果:

2021-08-25 19:38:49 563

原创 对象简单介绍

对象(允许动态的添加和删除属性) 引用数据类型,保存复杂数据类型的容器,它是多个属性和方法的集合 1)定义对象 对象字面量 var o = { name:'terry', age:12, sayName:function(){ console.log(this.name) } } 以“{ }”作为边界,属性与属性之间使用“,”隔开,属性名和属性值之间使用“:”隔开...

2021-08-25 19:31:12 392

原创 操作符,数据类型转换,流程控制语句

10.操作符 1)算数操作符 +加 1+2 -减 3-1 *乘 2*3 /除 10/2 %取余 5%2 2)一元操作符 递增递减操作符号 ++ -- var a = 1 a++,(a--) 先赋值,再++(再--) ++a,(--a) 先++(先--),再赋值 赋值运算符 = 将等号右边的值赋值给等号左边的变量 var a = 12...

2021-08-24 19:05:52 77

原创 js变量在内存中的表现形式

js变量在内存中的表现形式 基本数据类型直接将值保存在栈区中 引用数据类型将值保存在堆区中,将引用地址保存在栈区中,这个引用地址指向堆区中的内存空间 值传递 基本数据类型之间 var a = 1 var b = a a = 4 b不会变 引用传递 引用数据类型之间 var o = {name:'tom',age:12} var o1 = o o1.age = 15 o:{...

2021-08-24 16:57:41 76

原创 javascript介绍

javascript(交互) 1.介绍 是一种编程语言(基础知识+类库+第三方的东西),而且是一种弱类型的语言 组成:ECMAScript(基础语法)+DOM(文档对象模型)+BOM(浏览器对象模型) ECMAScript:变量,数据类型,流程语句,注释... DOM:浏览器提供js操作html的api(应用程序编程接口) BOM:浏览器提供js操作浏览器的api 2.js的运行环境(宿主环境) 浏览器(脚本语言,前端语言) n...

2021-08-24 16:30:39 67

原创 如何在html中使用css,js

如何在html中使用css 1.行内样式 将样式写在元素的style属性中 <div style='color:red;font-size:20px;'> 缺点:结构和样式没有分离 代码的复用率低 优点:优先级高 2.内联样式 将代码写在head标签中的style标签中 <style> 选择器{...

2021-08-24 16:20:11 258

原创 如何实现响应式布局

响应式布局:如果是通过css原生代码,可以通过@media来进行媒体查询。当网页显示在不同的网页中加载执行不同的css代码。如果是通过框架,例如bs,可以使用bs提供的响应式框架完成页面布局。...

2021-08-23 19:34:56 97

原创 Linux操作系统

linux操作系统 1.购买云服务器 阿里云 华为云 腾讯云 百度云 2.远程连接 windows电脑自带的ssh工具 xshell putty 步骤: ssh root(用户名)@公网ip地址 输入密码 ls(查看) cd /(进入...) cd home/ ls cd admin/ mkdir(空格+要创建的文件夹名称) ...

2021-08-23 19:19:41 51

原创 版本控制工具

版本控制工具 在没有版本控制工具之前,手动管理项目 1.出错率 2.意外发生 svn,git(版本控制工具) 版本 git 安装工具 1)双击安装包进行安装 2)打开终端(命令行窗口)(window键+r=>在弹出的输入框中输入cmd=>回撤) 3)查看版本 git --version (如果输出版本号,说明安装成功) 使用 本地仓库 1.创建本地仓库(...

2021-08-23 19:16:05 54

原创 元素隐藏的方式

1、overflow:hidden; 这是防止溢出,也是一种隐藏,只不过是把超出范围的元素隐藏,这种一般用于文字过多或者图片特效以及自适应中div没法设置高度时使用 2、display:none;这就是完全的隐藏了,直接消失,任何对该元素直接的用户交互操作都不可能生效,被隐藏的元素完全不会占用空间,仿佛元素完全不存在一样。 3、利用opacity透明度来隐藏,opacity设置为0,它只是一种视觉隐藏,元素本身依旧占用它的位置并对网页的布局起到作用,它也同样影响用户交互。在读屏软件中会被识别。...

2021-08-23 16:28:25 194

原创 css动画

css动画 定义动画:使用@keyframes 定义动画,关键帧可以使用关键字from~to,也可以使用0%~100% 配置动画 animation-name 动画名字 @keyframes定义的动画的名字 animation-duration 动画持续时间 单位s,ms,默认为0s animation-iteration-count 动画迭代次数 数字 默认迭代一次 infinite 无限循环 an...

2021-08-23 16:26:41 43

原创 浮动布局,定位布局,伸缩盒布局

布局 默认文档流 1.元素显示的顺序和代码的顺序是一致的 2.块级元素独占一行空间,默认宽度为父元素的100%,高度由内容或者子元素决定 3.行内元素共享一行空间,默认宽高都由内容决定 浮动布局 float(如果一个元素添加float属性,那么这个元素就会成为一个浮动元素) left 向左浮动 right 向右浮动 none 不浮动 inherit 浮动方式继承父元素 浮动元素的特点 1.当一...

2021-08-23 16:24:46 286

原创 盒子模型和盒子相关的样式

盒子模型 所有的元素都可以看作一个盒子 内容盒子(w3c盒子,标准盒子) box-sizing:content-box width=内容的宽度 边框盒子(怪异盒子,IE盒子) box-size:border-box width=内容+padding+border盒子相关的样式 每一个元素都是一个盒子 width 宽度 height 高度 padding 内边距 padding-top padding...

2021-08-20 17:22:31 113

原创 列表样式,其他样式

列表样式 list-style list-style-type 列表的类型 none 没有类型 disc 一个实心的小黑圆圈 circle 一个空心的小圆圈 square 一个块 decimal 数字 lower-roman 小写罗马数字 upper-roman 大写罗马数字 decimal-leading-zero 十进制的值 list-style-i...

2021-08-20 17:20:44 47

原创 单位和文本样式

1.单位 颜色 关键字 red,pink,teal 十六进制的值 #ffffff(白色),#cccccc(灰色),#ff0000(红色) rgb函数 rgb(0,0,0)白色,rgb(0~255,0~255,0~255) rgba函数 rgba(0~255,0~255,0~255,0~1)红色,绿色,蓝色,透明度 长度 绝对单位 px 像素 相对单位 em 相对于当前元素的字体大小 rem 相对于htm...

2021-08-20 17:12:08 53

原创 css选择器

作用:选择元素 1.核心选择器 1)标签选择器 div{ 规则; 规则; ... } 选中标签为div的所有元素 2)id选择器 #id{ 规则; 规则; ... } 3)类选择器 .class{ 规则;...

2021-08-20 17:03:55 90

原创 如何在html中使用css

1.行内样式 将样式写在元素的style属性中 <div style='color:red;font-size:20px;'> 缺点:结构和样式没有分离 代码的复用率低 优点:优先级高 2.内联样式 将代码写在head标签中的style标签中 <style> 选择器{ colo...

2021-08-20 17:00:03 130

原创 css介绍

1.介绍 作用:修饰美化页面 工作原理:加载html,然后加载css,将html和css结合,创建DOM数,浏览器显示DOM DOM:文档对象模型,树形结构,元素,属性,文本称之为节点 2.语法 声明 属性名:属性值 css中区分大小写,对大小写比较敏感 声明块 将多个声明放在一个{}里面,每个声明之间使用;分隔 { color:red; font-size:20px; }...

2021-08-20 16:58:07 34

原创 表单,表格

1.表格 作用:用来展示数据 table 表格, border 边框,width 宽度,cellspacing 单元格和单元格之间的距离,cellpadding 单元格和内容之间的距离,bgcolor 背景颜色 thead 表头 tr 行 th 单元格 tbody 表体 tr 行 td 单元格 colspan 跨列数,rowspan 跨行数2.表单 作用:用来收集用户信息,与后台交互 htt...

2021-08-20 16:53:21 64

原创 块级元素和行内元素

1.块级元素(搭建页面的骨架) 特点: 1.独占一行空间 2.默认宽度为父元素的100%,高度由内容或者子元素决定 3.可以设置宽高 div:无意义的块级元素(没有任何的默认样式) p:段落 默认有一个margin-top margin-botoom h1-h6 默认由字体大小和字体宽度,外边距 ul:无序列表 子元素...

2021-08-20 16:43:48 87

原创 HTML的基础知识

1.B/S架构 基于:浏览器 = 服务器 C/S架构 基于:客户端 = 服务器2.http协议(超文本传输协议) 基于请求和响应这种模式 协议:三方协议 https,ftp,sftp,file http请求常见的状态码 1xx:100,101 2xx:200 成功 3xx:304 重定向 4xx:404 找不到资源 403 权限不足...

2021-08-20 16:38:50 37

原创 axure

1.Axure是制作原型的工具2.软件的开发流程 1)可行性分析 2)需求分析 3)开发(代码) 4)测试(黑盒测试,白盒测试) 5)部署上线 6)交付 7)运维3.axure文件 axure工具保存后生成的文件后缀名是.rp .rp文件可以生成.html文件4.对应关系 原件 => html(搭建页面骨架) 样式 => css(修饰页面) 交互 => javascript(交互)...

2021-08-20 16:31:00 761

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除