2019年04月_gxgalaxy

原创 JavaScript之深度拷贝（递归方法）

步骤：判断是不是原始值（typeof() 如果不是obj基本上就是原始值）判断是数组还是对象（使用instanceof toString constructor推荐使用toString）建立相应的数组或者对象例子：将obj拷贝到obj1中去var obj = { name : "abc", age : 123, card : ["hahoa", "m...

2019-04-30 00:02:36 315

原创 JavaScript之继承的发展史

1.传统形式–原型链缺点：过多的继承了很多没有用的属性Grand.prototype.lastname = "ji"; function Gand(){ } var grand = new Grand(); Father.prototype = grand; function Father(){ this.name = "hehe"; } var fat...

2019-04-27 13:29:56 183

原创 JavaScript之call、apply

在学习call和apply之前，我们先来简单的了解一下JavaScript中this指针：*简单来说：如果不用new操作符而直接调用，那么构造函数的执行对象就是window，即this指向了window。现在用new操作符后，this就指向了新生成的对象。1、 call和apply都是改变this指向。2、区别在于传参列表不同call 需要把实参按照形参的个数传进去apply需要传一个...

2019-04-26 23:34:10 117

原创 JavaScript 之原型的动态性

因为通过原型查找值是一次搜索过程，因此我们对原型所做的任何修改都能够立即从实例上反映出来。即使是先创建了实例在修改了原型也是一样的。直接在控制台进行操作，便于结果展现。var person = new Person();Person.prototype.name = "sunny";function Person(){}其原因是因为实例和原型之间松散的连接关系，首先会在实...

2019-04-24 21:54:19 350

原创 JavaScript之原型

原型1、定义：原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。Person.prototype //--原型function Person(name,age,sex){ this.name = name; this.age = age; this.sex = sex; }v...

2019-04-24 21:10:19 246

原创 CSS之两栏布局

在页面布局过程中，我们常常会要用到两栏布局或者三栏布局，现在将两栏布局的代码总结如下：两栏布局通常有以下几种情况：1.一边宽度固定，一边自适应2.一边宽度不固定，一边自适应一边宽度固定，一边自适应：方法一：左侧float:left;右侧margin-left；代码 html<div class="demo"> <div class="left"&g...

2019-04-23 00:27:36 250

原创软件需求工程综述

软件需求工程综述需求工程的任务与目标清楚的理解用户要解决的问题，完整准确地获取用户的需求，并用《软件需求规格说明书》规范的形式准确地表达用户的需求。软件需求的层次与内涵（1）、软件需求的三个层次a、业务需求（...

2019-04-22 19:20:16 5399

原创软件开发过程综述

软件开发过程模型综述软件开发过程模型的含义（1）、软件过程模型：软件过程模型是软件过程的简化表示。每个过程模型都是从一个特定的侧面表现软件过程。软件过程模型是软件开发全部过程工程、活动和任务的结构框架。能直观的表达软件开发全过程，明确规定...

2019-04-22 19:18:24 3221

原创软件工程学科的诞生

软件工程学科的诞生软件工程学科的产生背景软件工程学科的产生背景是为了应对解决软件危机。是在1968年召开的一个“软件工程”的会议上首次提出来的。由于当时单个的程序开发技术已经不能应用到大型、复杂的软件系统。导致花费时间长、预计的费用高、不可靠、难以维护。为了更加有效的解决质疑问题，从而形成了软件工程学科。软件工程学科的解决软件危机问题的策略与途径软件危机定义：软件危机指的是计算...

2019-04-22 19:15:23 3228

原创 CSS3之定位图片文本

代码：<!DOCTYPE html><html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>d...

2019-04-12 08:33:46 608

原创 CSS3之缩略图作为连接

在CSS3中我们利用border来创建缩略图，并且在图片外层加一个超连接代码如下：<!DOCTYPE html><!--[if IE 7]> <htm...

2019-04-11 23:59:27 229

原创 css3动画Animation之完成一个心跳动画

1.@keyframes规则：要想创建CSS3动画，必须了解@keyframes规则。@keyframes规则是创建动画，在这个规则内指定一个CSS样式和动画，然后逐步从目前样式更改为新的样式。2.注意：当在@keyframes创建动画的时候，必须将它绑定到一个选择器，否则动画将不会有任何效果。其中包括动画的名称，还有动画的时常。3.@keyframes 规定动画 a...

2019-04-11 20:47:52 1907

原创 css3 2D变换之transform

transform属性的属性值值/函数说明 translate（length，length）根据X轴和Y轴给定的...

2019-04-11 19:26:33 184

原创前端学习——css3

1.圆角边框：border-radius2.阴影：box-shadow:25px 25px 5px #999;(四个值--左上角，右上角，左下角，右下角；三个值：左上角，右上角和左下角，右下角；两个值：左上角和右上角，右上角和左下角)3.定位：background-origin 属性规定 background-position属性相对什么位置来定位。三个值 padding-b...

2019-04-11 18:33:23 83

gxgalaxy