- 博客(38)
- 收藏
- 关注
RSS订阅原创 ES6中let和const
let1.let声明的变量不会挂在window中，不会造成全局变量的污染2.新增了一个块级作用域{}，以前只有函数作用域，全局作用域3.let是不允许重复声明4.let不会有声明提前（只是人为看到的效果，实际上是有声明提前，提前临时性的死区中：Cannot access ‘num’ before 1. { let a = 10; var b = 1; } console.log(a); //a is not defined; console.log(
2020-06-28 23:47:29
173
1
原创 Symbol
什么是symbolES6中 引入了一种新的原始数据类型 ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。用法使用Symbol来作为对象属性名(key)用于对象属性的定义和访问const name= Symbol()const age = Symbol()let obj = { [name]: "周杰伦"}obj[age ] = 18obj[name] // 周杰伦'obj[age ] // 18使用Symbol来替代常量const TYPE_AUDIO = Sy
2020-06-28 23:25:36
273
原创 TypeScript
简介1.什么是TypeScript？TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个严格超集，并添加了可选的静态类型和使用看起来像基于类的面向对象编程语法操作Prototype。2. TypeScript的历史2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript。当前最新版本为TypeScript3.8。3.JavaScript 与 TypeScript 的区
2020-06-22 00:59:38
676
原创 对PHP的初步了解
什么是PHPPHP(全称：PHP：Hypertext Preprocessor，即"PHP：超文本预处理器") 是服务器端 跨平台 HTML嵌入式的脚本语言1.PHP 文件：PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代码PHP 代码在服务器上执行，结果以纯 HTML 形式返回给浏览器PHP 文件的默认文件扩展名是 “.php”2.PHP 能做什么？PHP 可以生成动态页面内容PHP 可以创建、打开、读取、写入、关闭服务器上的文件PHP 可以收集表单数据PHP
2020-06-15 01:05:24
138
原创 javascript对象属性特征
每个属性都有四大特征，分别是：value（值），writeable（可写性），enumerable（可枚举性），configurable（可配置性）。修改属性特性Object.defineProperty(对象，属性，{特征名：特征值})var person = {};Object.defineProperty(person, 'name', { writable: false, value: 'A'})alert(person.name) //Aperson.name =
2020-06-15 00:38:19
123
原创 计算机网络的TCP/IP协议
TCP/IP协议TCP/IP协议是Internet最基本的协议、Internet国际互联网络的基础，由网络层的IP协议和传输层的TCP协议组成。通俗而言：TCP负责发现传输的问题，一有问题就发出信号，要求重新传输，直到所有数据安全正确地传输到目的地。而IP是给因特网的每一台联网设备规定一个地址。TCPTCP是面向连接的通信协议，通过三次握手建立连接，通讯完成时要拆除连接，由于TCP是面向连接的所以只能用于端到端的通讯。TCP提供的是一种可靠的数据流服务，采用"带重传的肯定确认"技术来实现传输的可靠性。
2020-06-08 12:31:13
1137
原创 Ajax
什么是AJAXAJAX（ Asynchronous JavaScript and XML）是一种客户端Web开发技术，用于生成交互式Web应用程序。AJAX是一种开发应用程序的方法，它结合了下面的功能，使用JavaScript将它们组合在一起。历史90年代前期，所有的计算机网站，都是完整的HTML 页面。每个用户请求，都有一个新的页面从服务器进行加载。这种过程效率非常低（做了很多重复性内容）；1996 年，微软的 Outlook Web App team 发展出了一个XMLHttpRequest脚本
2020-06-08 00:09:32
94
原创 jQuery的选择器
jQuery的选择器基本选择器 ：是JQuery最常用的选择器,也是最简单的选择器,它通过元素id、class和标签名来查找DOM元素。1. $( "#id" )：根据给定的id匹配一个元素，返回单个元素2.$( ".class" )：根据给定的类名匹配元素，返回集合元素3、元素选择器：根据给定的元素名匹配元素，返回集合元素4.通配符选择器：匹配所有元素，返回集合元素5.集合选择器：将每一个匹配到的元素合并后一起返回<button id="two">按钮</button>
2020-05-25 01:07:42
122
原创 jQuery基础
什么是前端框架在学习jQuery之前 我们先了解什么是前端框架？用于简化网页设计的框架 比如：bootstrap，angular.js，vue 还有jQuery等等什么是jQueryjQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。用一句话来说：JQuery就是一个JavaScript框架（库），把我们常用的一些功能进行了封装，方便我们来使用，提高我们的开发效率。jQuery的安装1.获取jQu
2020-05-11 11:40:12
149
原创 Bootstrap的使用
在使用bootstrap之前，我们先来了解一下什么是bootstrapBootstrap： 简单的讲bootstrap就是这样一个简洁、直观、强悍的前端开发框架有什么用？我们在开发前端页面的时候，如果每一个按钮、样式、处理浏览器兼容性的代码都要自己从零开始去写，那就太浪费时间了。所以我们需要一个框架，帮我们实现一个页面的基础部分和解决一些繁琐的细节，只要在它的基础上进行个性化定制就可以了。...
2020-05-06 00:29:14
139
原创 CSS3 @media查询
定义和使用使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。语法@media mediatype and|not|only (media feature) { CSS-Code...
2020-05-05 23:23:53
115
原创 Bootstrap之栅格系统
栅格系统什么是栅格系统将页面布局划分为等宽的列，然后通过列数的定义来模块化页面布局。Bootstrap的栅格系统采用了1-12列的模式，并且通过比例计算来设置你定义的列宽。Bootstrap的栅格系统使用在Bootstrap中使用栅格系统非常简单方便，只需要在你的div中引入它们已经定义好的类即可。我们先看看Bootstrap有几种栅格类可以使用：1、.col-xs-* 这是超小屏幕...
2020-05-05 22:31:06
162
原创 CSS3 animation 属性
animationanimation是css3中是一个属性，用来控制图片的动画的。@keyframes 关键帧@keyframes name{ 0%{开始状态} 100%{结束状态}}}@keyframes name{ from{开始状态} to{结束状态}}}.box{ animation: run 5s infinite;} @keyframe...
2020-04-26 23:53:04
107
原创 CSS3 transform属性
transfromtransform 是CSS3新增的，用来设置元素的形状改变。这个属性不需要用其他属性来定义直接运用，它有rotate ，scale ，translate ，skew 等属性rotate 旋转通过指定角度对元素进行旋转度数为正顺时针旋转，如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。例：<!DOCTYPE html><htm...
2020-04-26 22:31:55
162
原创 CSS3新增选择器之伪类选择器
CSS3新增选择器1.结构(位置)伪类选择器1、E:nth-child(n)：匹配元素类型为E且是父元素的第n个子元素2、E:nth-last-child(n)：匹配元素类型为E且是父元素的倒数第n个子元素（与上一项顺序相反）3、E:first-child：匹配元素类型为E且是父元素的第一个子元素4、E:last-child：匹配元素类型为E且是父元素的最后一个子元素5、E:only-...
2020-04-20 00:23:15
214
原创 CSS3之弹性盒子
CSS3弹性盒子一、什么是弹性盒弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。二、弹性盒子的组成弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成弹性容器（父元素）通过设置 display 属性的值为 flex...
2020-04-19 22:41:31
88
原创 百度地图基础API的使用
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。1.登录百度账号2.创建应用获取的秘钥引用<!DOCTYPE html><html lang="en"><head> <...
2020-04-13 11:57:31
205
原创 ES6中的箭头函数
箭头函数是ES6新增的一个函数表达式语法箭头函数是一个函数表达式，理论上，任何使用函数表达式的地方都可以改成箭头函数(参数1,参数2...) => { 函数体 }写法以前的写法： var f = function(a){ return a; } console.log(f(1)); //1ES6中箭头函数的写法 var f = ...
2020-03-30 11:53:46
74
原创 ES6中的Set集合和Map集合
Set集合Set集合是一种没有重复元素、有序列表，一般的我们不会像访问数组一样逐一的访问每个元素，通常的做法是检测给定的值在某个集合中是否存在；通过Set集合可以快速访问其中的数据，更有效的追踪各种离散值ES6中Set集合的使用1.创建Setconst s1 = new Set();2.添加元素s1.add(1)s1.add(2)s1.add(3)s1.add(1) /...
2020-03-29 16:48:33
262
原创 ES6
什么是ES6ES6是ECMA Script 6.0的简称, 就是语言最新的标准, 发布与15年左右目标让js语言成为能支持去编写大型复杂的应用语言, 成为企业级开发语言ES6的发展史变量声明const和let1.letlet用来声明变量；有块级作用域；不存在变量提升；在同一作用域内不能重复声明；声明的变量不属于顶层对象的属性；存在暂时性死区。2.constconst用来声明常量，一...
2020-03-22 16:01:24
79
原创 异步加载
什么是异步加载异步加载又叫非阻塞加载，浏览器在下载执行js的同时，还会继续进行后续页面的处理。javascript异步加载的三种的方案1.defer异步加载属性规定是否对脚本执行进行延迟，直到页面加载为止如果脚本不会改变文档的内容，可将defer属性加入到<script>标签中，以便加快处理文档的速度<script type="text/javascript" d...
2020-03-12 17:52:34
179
原创 DOM的增删改查
操作DOM的核心就是增删改查我们可以通过一些API来对HTML进行增删改查一、创建节点的API（增）1.createElementcreateElement:通过传入指定的一个标签名来创建一个元素，如果传入的标签名是一个未知的，则会创建一个自定义的标签，注意：IE8以下浏览器不支持自定义标签例： var div = document.createElement('div');注意：...
2020-01-05 21:43:43
342
原创 DOM基础
什么是DOMDOM（Document Object Model）的缩写，即文档对象模型。简单来说DOM是一种接口(API)，是专门操作网页内容的APIDMO树DOM有什么用？可以对网页进行增删查改，在DOM中每个标签都是一个节点，DOM可以通过这些节点从而实现许多动态交互效果。如何使用DOM?DOM将html元素定义为对象，API以对象方法和对象属性的形式实现。我们可以通过以下方法对...
2019-12-29 21:03:34
279
原创 JavaScript 正则表达式
什么是正则表达式？1.正则表达式，又称规则表达式。（Regular Expression）正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本2. 正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用 搜索模式来描述你要查询的内容。3. 正则表达式可以是一个简单的字符，或一个更复杂的模式。4. 正则表达式可用于所有文本搜索和文本替换的操作。...
2019-12-21 14:59:56
50
原创 JavaScript数组的API
API的定义API（Application Programming Interface，应用程序接口）是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。 目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问原码，或理解内部工作机制的细节。常用的API1.joinjoin(separator): 将数组的元素组起一个字符串，以separator为分隔符，省...
2019-12-15 22:07:52
112
原创 JavaScript数组的基础
什么是数组？数组是指一组数据的集合，且同一个数组中存在的数据都是同一类型的，我们用下角标来表示元素在数组中的位置，从 0 开始 。数组的长度表示数组中元素的个数，所以说，长度为 5 的数组的索引是从 0 ~ 4...
2019-12-15 21:40:31
79
原创 JavaScript循环
什么是循环？循环就是反复执行同一段代码，我们常常在写代码的时候需要重复写一段代码，这个时候就可以使用循环在完成，比如当我们需要把“Hello,World”输出一百遍的时候，就可以使用循环<!DOCTYPE html><html><head><meta charset="utf-8"><title></title>...
2019-12-08 18:31:06
158
原创 五大主流浏览器的介绍
什么是五大主流浏览器？1.IE浏览器，2.chrome浏览（谷歌浏览器），3.FirFox（火狐浏览器）4.safari浏览器（苹果浏览器），5.opera浏览器（欧朋浏览器）。五大主流浏览器的简介IE浏览器：它是微软公司为对抗网景公司于1994年夏天开始研发的一款浏览器但微软并没有时间从零开始，因此微软和Spyglass合作，于是IE从早期一款商业性的专利网页浏览器Spyglass ...
2019-12-08 17:24:11
3708
原创 项目总结
最近我们完成了东湖大数据静态网页的项目，并在项目答辩中获得了第一名，结果很满意，但是在做的过程中遇到了很多困难，比如浮动问题，定位问题，还有一些其他的的问题，通过这个项目我发现了自己的许多不足，对知识点掌握不够牢固，许多属性不会用，这些都是需要加强的，这次的项目还是一个比较简单的项目，我都完成得如此艰难，以后还有许许多多难度更大的项目我又该如何?原因有很多，连得不够或者是老师在讲的时候没听懂等总之...
2019-12-01 23:16:55
96
原创 JS的用法
JavaScript的用法HTML 中的脚本必须位于 标签之间。 脚本可被放置在 HTML 页面的 和 部分中script 标签 如需在 HTML 页面中插入 JavaScript，请使用 `<script>` 标签` 1.`<script>` 和 </script> 会告诉JavaScript 在何处开始和结束。 2. <sc...
2019-11-27 19:18:10
85
原创 PS使用方法
PS的使用方法1.快速打开文件双击Photoshop的背景空白处(默认为灰色显示区域)即可打开选择文件的浏览窗口。2. 选择工具的快捷键可以通过按快捷键来快速选择工具箱中的某一工具，各个工具的字母快捷键如下：喷枪-J 画笔-B 铅笔-N 橡皮图章-S历史记录画笔-Y 橡皮擦-E 模糊-R 减淡-O钢笔-P 文字-T 度量-U 渐变-G油漆桶-K 吸管-I 抓手-H 缩放-Z默认前...
2019-11-25 08:16:36
481
原创 JavaScript基础
简介JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript：直...
2019-11-20 21:08:08
82
原创 浮动和渐变
浮动实例： img { float:right; } 在css中，是存在流的概念的。在正常情况下，页面总是从左到右，从上到下布局，这种被称为正常的流。但是有很多情况，正常流是没办法实现的，因此我们需要一些手段来破坏流，从而实现一些特殊的布局，而float就具备破坏流的特性。一个元素设置了float属性，会表现出如下特性：包裹性块状格式化上下文破坏文档流没有margin合...
2019-11-13 22:52:25
84
原创 CSS知识点总结
今天学习了CSS 总结了几个知识点CSS的使用1 .内联样式（行内样式）将样式声明在元素的style属性中2. 内部样式 将样式声明定义在页面的Style属性中3. .外部样式表 步骤：创建一个新的CSS文件 创建和HTML文件的关联CSS样式表的特征继承性 1、子级元素可以直接使用父级元素声明好的样式（这里不是所有的样式都可以被继承）层叠性 一个匀速可以声明多个样式...
2019-11-11 23:26:46
70
原创 web的学习总结
今天是学习web前端的第二天，没什么好写的,主要学习了·1.图像和链接2.列表3.结构标签（语义化标签）·4.table（表格）和form（表单）最后就是作业了foom控件select 下拉列表textarea 文本域file 文件上传hidden 隐藏域...
2019-11-08 08:09:18
158
原创 Web学习笔记
今天学习了一些Web的基础知识有一点感悟感悟一 最大的感觉是，理解容易，实现好难。经过今天的的学习，我了解了web的一些基础知识经过今天老师的讲述，我对web有了一定的了解，也对许多标签有了更深一层次的了解。感悟二前期学习简单主要是标签，各种标签只需要记住关键的就行例如:p，hr，h1等等还有一些属性和值 属性分为属性和标准属性。标准属性又称为通用属性页面上所有的标签...
2019-11-06 19:41:48
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人