自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 原生js实现计算机

好久没有更新了。通过原生js实现计算机这是html文档<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>calculator</title> <link rel="stylesheet" type="text/css" href="...

2020-03-19 15:56:22 135

原创 HTTP协议与应用

什么是HTTP:HTTP是一个基于TCP/IP通信协议来传递数据(HTML文件,图片等)属于应用层的协议。HTTP的特点:1.简单快速:客户向服务器发送访问请求,只需要发送请求方式和请求地址服务器就会即可先回应。2.灵活:HTTP允许传输任意类型的数据对象。3.面向无连接:每次链接只处理一个请求,服务器响应客户亲请求后就可以断开链接,这样可以节省传输时间。4.无状态:无状态指的是:服务...

2019-12-15 19:30:22 299

原创 PHP基础语法

1.什么是PHP:PHP是可以开放动态网页和后台接口(所谓的接口就是为前端提供数据)2.PHP语法变量:变量的声明是$开头输出:echo 仅仅输出简单的变量值;输出不换行。var_dump()会输出变量的值的详细信息,例如:定义一个字符串,会显示字符串的长度类型等信息。print_r()输出详细信息拼接字符串:.单引号:会将引号中的值解释为简单的字符串双引号:会将双引号的值解...

2019-07-29 10:33:09 119

原创 PHP基础语法

什么是PHP:PHP是可以开发动态网页和后台接口(所谓的后台接口就是为前端提供数据)php语法:变量:变量的声明是$开头输出:echo 仅仅输出简单的变量值;输出不换行。var_dump() 会输出变量的值的详细信息,例如:定义一个字符串,会显示字符串的长度类型,以及值;print_r()输出详细信息拼接字符串:.单引号双引号:单引号:会将引号中的值解释为简单的字符串双引...

2019-07-26 19:06:56 113

原创 JS知识体系

2019-07-19 08:36:31 123

原创 JS构造函数以及原型

1.构造函数:什么是构造函数:就是将具有相同属性和方法封装在一起。构造函数的作用:封装函数,方便实例化和调用,方便代码的维护以及提高开发效率。构造函数的定义:function Person(name,age,gender){ this.name=name; this.age=age; this.gender=gender;}Person.prototype.run=functi...

2019-07-17 17:44:38 124

原创 JavaScript中面向对象,构造函数以及原型

一,什么时面向对象对于和过程代码的封装编程思路 解决问题的方法任何一个事物都是一个对象,在这个对象中包含 属性和方二,面向对象 的好处面向对象的好处在于可以把具有相同属性和 方法进行封装,在我们具体需要的时候只需要实例化即可构造出一个实际事物,方便开发,以及程序维护三,面向对象的好处包含 三大特征:封装:即把能够实现功能的函数写成封装起来,在面向对象里叫做方法。简单来说就是把实...

2019-07-16 11:17:19 164

原创 javaScript需要掌握的基本知识(3)

函数:什么是函数?函数的含义:类似于Java中的方法,是完成特定任务的代码语句块;使用更简单:不用定义属于某个类,直接使用;函数分类:系统函数和自定义函数常用系统函数:parseInt (“字符串”):将字符串转换为整型数字如: parseInt (“86”)将字符串“86“转换为整型值86当为parseInt (“86a”)时输出还是86当为parseInt (“86a21”)时输...

2019-04-06 22:28:23 119

原创 javaScript需要掌握的基本知识(2)

1.数据类型1)undefined:示例:var width;变量width没有初始值,将被赋予值undefined2)null:表示一个空值,与undefined值相等3)number:var iNum=23; //整数var iNum=23.0; //浮点数4)Boolean:true和false 但是JS会把他们解析成1;05)String:一组被引号(单引...

2019-04-06 22:16:13 179

原创 javaScript需要掌握的基本知识(1)

一,JavaScript嵌入页面的方式1、行间事件(主要用于事件)<input type="button" name="" "alert('ok!');">2、页面script标签嵌入<script type="text/javascript"> var a = '你好!'; alert(a);</script>3...

2019-04-06 21:56:58 897 1

原创 CSS布局(4)

CSS布局模型4-1css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。CSS包含3种基本的布局模型,用英文概括为:Fl...

2019-04-06 21:36:08 221

原创 CSS盒子模型(3)

CSS盒模型33-1元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<addr...

2019-04-06 21:29:44 310

原创 CSS知识总结(2)

1.CSS选择器每一条css样式定义由两部分组成,形式如下:选择器{样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素6-1,标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>例如...

2019-04-06 21:22:00 162

原创 CSS知识总结(1)

CSS知识点总结(1)1.Html和CSS的关系1). HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2). CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3). JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过...

2019-04-06 21:01:08 599 1

原创 jQuery的基本知识

一 ,什么是jQuery?jQuery 是一个函数库,一个 js 文件,在使用jQuery进行代码编写时,必须要引入jQuery函数库后进行编写。二,jQuery的入口函数我们在将获取元素的语句写到页面头部时,会因为元素还没有加载而出错, jQuery 提供了 ready 方法解决这个问题,它的速度比原生的window.onload 更快。&lt;script type="text/ja...

2019-03-16 20:44:07 281

原创 前端面试试题

1,编译执行和解析执行的区别以及执行的速度比较?2,JavaScript写入body和head的区别?3,值类型和引用类型之间的区别是什么?4,undefined和null之间的区别?5,write()和writeln()之间的区别?解答:1,编译执行-----就像我出版了一本小说(中文版的),为了让外国的朋友也能够看懂我写的小说,我把我的书交给了翻译部门,翻译部门根据我给的小说内容进...

2018-11-18 17:23:19 168

原创 JavaScript的基础内容

----JavaScript的基础内容----前端分为三层结构:1、HTML(结构层)2、CSS(样式层/表现层)3、JavaScript(简称JS 行为层)什么是JS:JS是一种客户端的脚本语言,是基于对象以及事件驱动的脚本语言。这种语言是弱类型的脚本语言。脚本语言: 通俗的理解就是解释型语言。而解释型语言又有两种类型:编译执行: 通过将代码编译成CPU可以识别的语言,然后在统...

2018-11-18 16:26:36 207

原创 翻转的文字立体设计

翻转的文字立体设计:设计的基本思路:通过div的嵌套实现。利用嵌套,添加鼠标的出发事件。当鼠标移入到div中的时候,我们可以旋转上层div并添加上层div的文本样式来实现一个3D的立体效果。具体的设计代码如下:&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&...

2018-11-18 16:10:26 263

原创 关于立体盒子的程序编写

基本的设计思路:我们知道一个盒子需要六个面,所以我们可以先设计六个面。在设计这六个面之前,先设计好装载这六个面的一个盒子div(后面我们叫它miandiv)。然后往maindiv中放置这六个面。通过旋转以及移动这六个面来组建一个立方盒子。&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt;...

2018-11-18 15:56:36 230

空空如也

空空如也

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

TA关注的人

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