Elna_99-CSDN博客

原创第一次接触requirejs

使用RequireJS的必要性：1.有效防止命名冲突2.声明不同js文件之间的依赖3.可以让代码以模块化的方式组织起来使用时需要将require.js文件复制到项目目录下三个重要的函数：requirejs.config(); requirejs(); define();使用示例：1、在中引入require.js文件。body>

2017-04-02 16:04:56 464

原创 outline和border的区别

outline和border显示效果类似。两者的区别是，1、outline不占用网页布局空间。他是一种动态样式，只有在元素获得焦点或者被激活的时候呈现效果，突出元素的作用。border是盒模型的一部分。2、outline创建的轮廓线四边都必须是一样的，而border可以不同。outline的外轮廓线必须闭合，不可以只设置一边。3、outline创建的轮廓线可以向内扩展（将outline

2017-03-31 20:32:10 2997

原创水平自适应问题

方法一、采用百分比.left{ width: 20%; float: left;}.center{ float: left; width: 50%;}.right{ float:left; width: 30%;}方法二、采用绝对定位采用绝对定位将元素固定在浏览器窗口的某个位置。

2017-03-30 16:43:43 355

原创垂直自适应问题

一、独立元素的自适应1.设置高度为auto设置高度为auto时，元素的高度随内容多少自动变化。2、使用min-height和max-height使用min-height时内容达不到min-height的高度时，显示min-height的高度；内容超过min-height时，随内容而自适应。使用max-height自然是和min-height类似的道理。二、两列自适应

2017-03-29 16:15:06 478

原创两种盒模型

原来存在两种盒模型，W3C标准盒模型和IE盒模型。两者盒模型下计算元素的宽高不一致，为了实现统一，采取的方法是避免触发IE盒模型，使用声明就可以避免。下面我们来看看两者的区别。W3C标准盒模型 width=(margin-left)+(margin-right)+(padding-left)+(padding-right)+(border-left)+border-right+conten

2017-03-21 20:35:10 582 1

原创 background-origin属性使用示例

background-origin用来决定background-position的参考原点，即背景图片定位的起点。取值有content-box,padding-box,padding-box三种。content-box:背景图像相对于内容框来定位：.padding-box{ width: 314px; height: 500px; border: 1p

2017-03-21 19:38:30 1656

原创制作3D搜索框

DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge">

2017-03-19 23:47:52 459

原创 border-radius制作圆形，半圆形，扇形，椭圆

使用border-radius 制作圆形有两点技巧：（1）元素的宽高形同（2）border-radius值为宽或高的一半，或者直接设置为50%；制作半圆大同小异，只是圆角方位配合的问题。下面仅给出示例：html代码：DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta n

2017-03-19 10:41:39 3366

原创 css基础知识盘点

1、css书写顺序：显示属性：display,list-style,position,float,clear自身属性：width,height,margin,padding,border,background文本属性：color,font,text-decorator,text-align,vertical-align,white-space,other-text,content;

2017-03-17 20:36:02 473

原创 font-size:0; 使用技巧

首先说明一个原理，HTML之间的换行符，制表符，空格符等产生了空白符，这些到底都是字符，都由font-size来掌控。因此当图片与边框之间有间隙的时候，去除之间的间隙就用到font-size:0;起到同样功能的还有line-hegiht:0.

2017-03-11 22:40:10 522

原创浅谈JavaScript的继承

关于JavaScript的继承问题，大概是看了三本书之后才有点感悟，最后看了一篇博文，就突然有自己写博的冲动。继承之所以存在，是因为继承可以实现代码复用，把公共部分提取出来1以供多个函数一起使用。关于继承，可以分为四部分讲。第一部分，继承实例的属性。这个技巧的特点是父函数不通过new调用，仅仅把其当普通函数嵌套在子函数内使用。function Sub(pro1,pro2

2017-03-05 08:29:01 445

原创关于display:block的一点思考

关于这个属性的思考基于一次写手风琴代码的经历，说到这个display:block必须要追溯到什么是块级元素，行内元素，以及各自的特点。块级元素：每个元素默认独占一行，一行内有一个块级元素后如果不通过添加浮动，是只能有一个块级元素的。block（块）元素的特点：（1）只能在新的一行上开始。（2）高度，行高，以及margin， padding都可控制。（3）宽度缺省的时候是100%

2017-03-04 21:08:21 928

转载 Vscode下快速开始编写html的方法

1.首先在第一行输入！2.然后将光标移动到！后3.按下tab键4.完成效果如下：

2017-03-02 20:30:51 898

原创 IIFE总结

IIFE是JavaScript中从常见的一种模式，叫做立即执行的函数表达式。究竟IIFE是怎样的？下面给出一个最简单的IIFE:(function(){//open IIFE}());//close IIFE（1）他是立即执行的。函数结束的大括号后面还有一对括号，这对括号就是用来立即调用函数的，函数体会在此刻立即执行。（2）他必须是一个表达式。解析器会把一个以functio

2017-02-28 16:39:13 533

原创用JavaScript生成UUID

首先，必须知道什么是UUID。UUID (Universally Unique Identifier)就是全局唯一标识符，可以用来在同一个项目中避免属性键冲突，创建一个随机不重复的ID。那么怎么在JavaScript中使用UUID呢？第一步，要引用类库uuid,js。第二步，创建UUID。 var uuid = new UUID().createUUID();

2017-02-28 15:01:29 575

原创 javascript 文本框

在HTML中，有两种方式表示文本框：一种是用标签，其type值设置为text，这种设出来使单行文本框，另一种是多行文本框，使用。他们之间有一些重要的区别。标签：通过设置size特性，能够指定显示的字符数；通过value特性，可以设置初始值；maxlength能够设置能够显示的最大字符数；通过设置rows,cols特性可以设置行列；与标签不同，的初始值不是在特性里设置的，而是由标签包围；而且

2016-10-19 20:11:10 5770

原创 JavaScript闭包

1.什么是闭包闭包是指函数定义和函数表达式位于另一个函数的函数体内的函数。这些内部函数可以访问外部函数的局部变量，参数和定义的其他内部函数。当其中一个这样的内部函数被调用时，就会形成闭包。创建闭包的常见方式是在一个函数中创建另一个函数，通过另一个函数访问这个函数的变量。2.闭包的特性一、函数嵌套函数二、函数内部可以引用外部的参数和变量。三、参数和变量不会被垃圾回收机制回收。3

2016-09-13 13:05:05 47046

Elna_99的博客