自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 小程序的初认识及使用

小程序微信小程序注册小程序帐号微信公众平台->注册->小程序(留一个微信号,作为管理员,留一个邮箱作为登录用)安装开发测试工具下载开发文档框架 组件 API获取开发秘钥公众平台登录小程序->开发->开发设置->AppID(小程序ID) wxf34e69dfcc966870开发工具使用创建项目,开发,调试,打包,部署,git框架微信客户端给小程序所提供的环境为宿主环境,小程序的运行环境分成渲染层(webview)和逻辑层(jscore),WXML 模板和

2021-03-22 20:46:12 147

原创 JavaScript中ES6模块化开发

一、ES6模块化的基本介绍1、ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。2、ES6 模块的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。CommonJS 和 AMD 模块,都只能在运行时确定这些东西。比如,CommonJS 模块就是对象,输入时必须查找对象属性。3、ES6模块的使用: 使用export规定模块的对外接口,使用import用于输入其他模块提

2021-02-25 20:57:38 256

原创 JavaScript-闭包和继承

闭包通过作用域的嵌套,触发计算机的垃圾回收机制(硬盘),将原本的局部变量进化成私有变量的环境,叫闭包function fn(){ var a = 10; return function(){ a ++ ; console.log(a); }}var f = fn();f();计算机的垃圾回收机制- 硬盘:需要删除的数据,不直接删除,而是再是保存在一个临时区域,如果需要继续使用,可以从临时区域取出- 内存:需要删除的数据,直接删

2021-01-22 08:34:13 207 1

原创 javascript - 对象的理解

对象中的__proto__是什么:js中万物皆对象,每个数据都会有一个__proto__的属性,这个属性叫隐式原型。一个对象的隐式原型(__proto__)指向构造该对象的构造函数的原型prototype。这样做的原因是为了能够保证实例,能够访问到在构造函数的原型prototype中定义的属性和方法。函数中的prototype是什么:函数(Function)是一个特殊的对象,除了和其他对象一样有上述__proto__属性之外,还有自己特有的属性——原型(prototype)这个属性被描述成

2021-01-20 22:01:31 113

原创 后端语言php的基本语法及概念

一、前后端交互phpStudy安装或任何php环境的本地服务器下载地址- 服务器的组成: - apache:服务器,内容分发的平台,持续运行,不能宕机 - mysql:数据库,用来存储数据 - PHP:逻辑和存储数据,发送数据- 前端 - 发:表单,ajax - 收:浏览器默认接收,ajax- 后端 - 收:$_GET/$_POST/$_REQUEST - 发:echo/print/die二、服务器语言(后

2021-01-14 20:48:21 423

原创 ajax的监听状态判断

ajax.readyState 0 -(未初始化)还没有调用send()方法 1 -(载入)已调用send()方法,正在发送请求 2 -(载入完成)send()方法执行完成,已经接收到全部响应内容 3 -(交互)正在解析响应内容 4 -(完成)响应内容解析完成,可以在客户端调用了HTTP 状态码 ajax.status 1**:请求收到,继续处理 2**:操作成功收到,分析、接受 3**:完成此请求必须进一步处理 4**:请求包含一个错误语法或不能完成 5**:服

2021-01-12 21:31:00 472

原创 web前端开发初步认识jQuery

基本概念jQuery是JS库,能够帮助我们轻松实现一些原本比较麻烦的功能jQ每个版本分两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释不便于阅读;未压缩文件较大,有排版和注释,便于阅读JQuery实际上就是一个js文件,加载到页面就可以直接使用了也可以通过CDN(Content Distrubute Net)来引用jquery基本语法$(选择器).action();$:定义了这是一个jquery的代码选择器:按照一定规则选择DOM元素,于CSS选择器非常类似Action:

2020-10-06 14:41:33 95

原创 JavaScript简单贪吃蛇游戏源码

绘制地图(snake.html)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .map{ width: 700px; height: 500px; background-col

2020-09-29 14:35:02 1048 1

原创 JavaScript初步认识BOM

BOM概念browser object model常用对象Window:窗口,浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法var a=1;function test() { var a=2; alert(a); alert(window.a);}test();全局变量是window的属性全局函数是window的方法Window.innerWidth:窗口boby的宽度Window.innerHeight:窗口boby的高度常用

2020-09-21 14:43:22 91

原创 JavaScript关于DOM的使用

DOM概念DOM(Document Object Model):文档对象模型通过开发者工具可以看到整个文档是由- -系列的节点对象组成的一棵树←节点(Node)包括元素节点(1)、属性节点(2)、和文本节点(3)h1代表一个元素节点(nodeType=1),nodeName是标签名(th)元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点,此时输出的节点类型是属性节点(2)节点名称就是属性名,节点值就是属性值Txt1是一个文本节点(3),

2020-09-18 14:34:34 115

原创 JavaScript事件

事件事件的概念事件源事件名事件注册事件处理以火灾为例XX大酒店201房间发生火灾,打119电话报警,xxx消防大队出警赶到现场通过喷水作业成功灭火事件源:XX大酒店201房间事件名:火灾事件注册:规划片区,由xxx消防大队负责事件处理:喷水常用事件单击事件(onclick)<body><p id="p1" onclick="fun()">单机事件</p></body><script type="text/javasc

2020-09-17 15:08:21 220

原创 JavaScript数组常用属性和方法

数组的属性:Length:1) 告诉我们数组的长度:数组名.length2) 通过该属性可以改变数组的长度数组的常用方法1) unshift:在数组的头部添加元素,返回值返回的是新数组的长度Shift:删除数组头部的元素,返回值是刚刚删除的元素2) indexOf:查找在数组中重复出现的元素第一次出现的位置lastindexOf:查找在数组中重复出现的元素最后一次出现的位置3) push:在数组的尾部插入元素,返回值是添加元素后数组的长度pop:从数组的尾部删除一个元素,返回值是删

2020-09-14 14:17:15 107

原创 JavaScript变量作用域

局部变量,就是在函数内部定义的变量,这个变量只能在函数内部使用,在全局中不能使用,举个例子,三国时期,把曹操,刘备,孙权比喻三个函数,那么曹操手下的将领是不会听刘备孙权的命令的,刘备和孙权同理,他们手下的兵只会听从自己老大的命令function localvar() { var a=10; alert(a);}var a=15;localvar();//10alert(a);//15在函数的内部定义一个变量,如果没有加上var,那么这个变量就会被认为是全局变量function

2020-09-12 14:23:25 66

原创 JavaScript中数组

数组的概念案例:计算五名同学的平均分这个程序非常简单,但是如果要计算100人的呢?要复制100编吗?我们要用到循环但是循环好像做不了,因为无法去控制变量a1,a2,也就是说无法将循环变量和变量a1,a2联系起来这段代码能够实现同样的功能,而且如果是100人的话,只需要把循环的条件改成i<100即可,整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢,因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了,改变成名称加序号的方式(a[0],a[1],a[

2020-09-11 16:27:59 100

原创 JavaScript函数

函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的?不用管,只要用在主程序中,我们一直调用isSXH就可以了函数给我们的思想,对一个规模大,难度高的问题提供一个解决问题的思路,将问题拆分,分解成规模小,难度小的问题,如果说,分解之后问题依然很难,那么接着分解从,直到最后的问题足够小,总之就是“大事化小”(1)需要找出1-100之内所有的素数,假设班里有个同学可以帮你判断一个数是否是素数,那么这个同学就是函数(数字需要自己提供)(2)你想吃小龙虾,有人可以为你去

2020-09-10 14:31:51 191

原创 JavaScript循环结构案例

一、讨厌的数字3要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>讨厌数字三</title></head><script type="text/javascript"> var a; a

2020-09-08 15:04:32 143

原创 JavaScript循环结构中while和do......while

循环结构循环结构的基本概念循环:重复干一件事情重复执行一块代码While循环While:当……则……当什么条件成立时,一直重复着计算1-10的和案例:GDP预测2000年美国的GDP是142562.75亿美元,而中国是49089.82亿美元假设美国的经济赠长率为2%,而中国是8%,预测中国什么时候能超过美国<script type="text/javascript "> var china=49089.82; var america=142562.75;

2020-09-07 14:11:52 414 1

原创 JavaScript中选择结构

选择结构程序中有三大结构,顺序、选择、循环顺序:代码从上到下一行一行的执行选择:代码有分支,有选择的循环:重复执行某一段代码选择结构if语句语法:if(条件){语句块}执行:判断条件是否满足,如果条件满足就会执行语句块, 如果条件不满足,就不会执行语句块的内容if else语句语法:if(条件){语句块1}else{语句块2}执行:判断条件是否满足,如果条件满足,就会执行语句块1,如果条件不满足,就会执行语句块2 <script type="text/javascript

2020-09-05 15:21:50 367

原创 JavaScript的初步认识

JavaScript的使用在前端开发中,JavaScript不能单独运行(除非是单独安装了JavaScript的运行环境)JavaScript必须挂载在网页上HTML引入JavaScript代码,有两种方式方式一:内部引用使用script标签,把JavaScript代码包起来<script type="text/javascript"> alert("我是java script"); alert("hello world");</script

2020-09-04 14:11:15 185

原创 html中css的布局

文档流所谓文档流就是按照元素的顺序从左到右、由上而下的方式排列。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> img{ width:400px; height: 100px; } </style> <body> <i

2020-08-28 11:47:35 129

原创 HTML中css常用选择器

选择器元素选择器用标签名来作为选择器,选中所有相应的元素类选择器根据class的属性来选择元素,样式定义为:ClassName{ }ID选择器根据ID来选择元素,定义为#idname{ }属性选择器选择器 描述1,[attribute]选取带有指定属性的元素。124562,[attribute=value]选取带有指定属性和值的元素。63,[attribute~=value]选取属性值中包含指定词汇的元素。4564,[attribute|=value]选取带

2020-08-27 14:36:32 160

原创 html关于css进一步的认识

css中颜色的表示方式:(1) 预定义颜色:blue,red,black…(2) 十六进制颜色:#0f0f0f(3) RGB颜色(128,0,0)全红(4) RGBA,在RGB的基础上又添加了表示透视度的Alpha(5) HIS:用色调,饱和度,和透明度三个分量来表示颜色(6) HSLA:在HIS的基础上又添加了表示透明度的Alpha代码实现:<p style="color: blue">预定义颜色</p><p style="color: rgb(0,255,

2020-08-26 14:36:47 93

原创 html初学css

css的基本概念(Cascading Style Sheet)层叠样式表选择器标签:< p> < div>….之类的标签 使用方式:直接输入标签名类(class):class名字 使用方式:输入点+class名字ID:ID名 使用方式:输入#+id名字一般来说我们写CSS文件的时候使用的都是第二种选择器.class名;这是因为ID名一般被作JS的选择器给class命名也是有规范的,像xxx-xxx这样做的好处是让你的代码更清晰,别人也更容易看懂三种连

2020-08-25 14:50:09 108

原创 web前端:table表格和div

Table表格表格的组成部分:标题、表头、主体、表尾Table:定义一个表格Caption:定义表格的标题Thead:表头部分Tbody:定义表格的主体(数据)部分·Tfoot:定义表尾,一般显示汇总信息Tr 定义一行Th td 来定义数据项(单元格) th 一般用于表头,有加粗的样式。Td 一般用于主体部分,没有加粗的样式Td rowspan和colspan 分别定义了单元格的行的行数,跨列的列数。Cellpadding:数据与表格之间的距离Cellspacing:表格与表格之间

2020-08-24 14:12:12 1591

原创 HTML中单标签与双标签

单标签与双标签单标签<>:只有一个组成<br><hr><img><input><param><meta><link>双标签<></>有始有终,<>表示标签开始,</>表示标签结束<html></html> <head><title> <body><table&gt

2020-08-23 15:06:03 477

原创 HTML中行内元素、块级元素和行内块元素的区别

标题类型根据显示方式分类:行内、行内块、块级行内元素1. 设置宽高无效2. 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间3. 不会自动进行换行块级元素1. 能够识别宽高2. margin和padding的上下左右均对其有效3. 可以自动换行4. 多个块状元素标签写在一起,默认排列方式为从上至下行内块元素1.不自动换行2.能够识别宽高3.默认排列方式从左到右希望能够帮助到大家!...

2020-08-23 14:53:49 469 2

原创 html中get和post请求的区别

1、GET请求一般用去请求获取数据. POST一般作为发送数据到后台时使用2、GET请求也可传参到后台,但是其参数在浏览器的地址栏的url中可见,所以隐私性安全性较差,且参数长度也是有限制的 POST请求传递参数放在Request body中,不会在url中显示。 比GET要安全,且参数长度无限制3、GET请求刷新浏览器或回退时没有影响 POST回退时会重新提交数据请求4、GET 请求可被缓存 POST 请求不会被缓存5、GET 请求保留在浏览器历史记

2020-08-23 13:15:42 2117 2

原创 HTML基础标签认识

1.标题标签标题是通过< h1>-< h6>等标签来定义的,< h1>定义最大的标签,< h6>定义最小的标签。<h1 id="head">我是h1</h1><h2>我是h2</h2><h6>我是h6</h6>2.段落标签一段一段文字的时候使用<p>白日依山尽</p><p>黄河入海流</p><p>欲穷千里目&l

2020-08-23 12:52:18 932

原创 Web前端概念基础认识

**初始Web前端**web介绍HTML基础知识web基本概念web:网页、公众号、动画h5:html5URL:就是一个地址,网络资源的ID(地址)服务器:一个性能比较高(内存大、运行速度快)的电脑,安装了提供服务的软件(apache、Tomcat、IIS、Nginx)云服务:阿里云、腾讯云、百度云、华为云有专门的团队提供维护工作浏览器:能帮我们打开网页,Google Chrome、IE、火狐、欧朋、safari(苹果)标记语言用各种标签将 相关信息或者关键字 包裹起来,

2020-08-22 15:18:20 1104

空空如也

空空如也

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

TA关注的人

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