weixin_42596234的博客

原创 原生js实现计算机

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

原创 HTTP协议与应用

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

原创 PHP基础语法

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

原创 PHP基础语法

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

原创 JS知识体系

原创 JS构造函数以及原型

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

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

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

原创 javaScript需要掌握的基本知识（3）

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

原创 javaScript需要掌握的基本知识（2）

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

原创 javaScript需要掌握的基本知识（1）

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

原创 CSS布局（4）

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

原创 CSS盒子模型（3）

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

原创 CSS知识总结（2）

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

原创 CSS知识总结（1）

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

原创 jQuery的基本知识

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

原创 前端面试试题

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

原创 JavaScript的基础内容

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

原创 翻转的文字立体设计

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

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

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