rainbow_677294-CSDN博客

原创使用create-react-app构建项目（webpack+antd+scss）

1.安装脚手架$ npm install -g create-react-app2.通过脚手架搭建项目$ create-react-app <项目名称> 3.开始项目$ cd <项目名称>4.常用脚本命令说明$ npm run start :开始项目，通过http://localhost:3000可进行访问$ npm run build...

2018-09-20 17:22:45 1486

原创三种方式实现：三栏布局（圣杯布局，双飞翼布局前端面试的布局问题）

1.float+margin效果如下：html代码如下： <div class="main">im center</div> <div class="left">im left</div> <div class="right"> im right</div>css代码如下： *{

2018-03-23 11:46:53 1270

原创用css伪元素简单实现冒泡气框的制作

用伪类实现冒泡气框实现的效果如下：html结构：<div class="tag_pop"> <p class="tag_pop1"> <span>保接通下载</span> <span>|</span> <span>最近接通时间</span&

2018-03-22 17:45:54 966

原创前端css实现冒泡气框

<div class="tag_pop"><p class="poptag1"> <span id="poptag1-left">普通下载</span> <span id="poptag1-middle">|</span> <

2018-03-08 16:14:57 1868

原创弹窗浮层mask

<div id="callout" class="button callout_button"><a href="#">弹出对话框</a></div> <div id="mask" class="mask"></div> <d

2018-03-08 16:03:24 677

原创浏览器输入url后都干了些什么？

我们在浏览器中输入网址。浏览器查找域名对应的IP地址-DNS查找过程为： -浏览器缓存->系统缓存->路由器缓存->ISP DNS缓存->递归搜索 -递归搜索过程为：从根域名服务器到顶级域名服务器到你查询的域名服-务器。浏览器打开TCP连接（默认端口为80），向该IP的服务器发送一条HTTP请求，如果浏览器存储了该域名下的cookie，那么cookie...

2018-03-08 15:31:04 1050

原创前端面试经典题目

1.地址栏输入url后都干了些什么？答：(1)浏览器查找域名的ip地址;(2)浏览器给web服务器发送一个http请求；(3)服务器的永久重定向响应；(4)浏览器跟踪重定向地址;(5)服务器处理请求；（6）服务器发回一个html响应;(7)浏览器显示html;(8)l浏览器发送嵌入在html中的对象;(7)浏览器发送异步ajax请求。其中的查找过程为：DNS查找过程为：浏览器缓存->系统缓存-

2017-08-04 22:17:10 240

原创 js中立即执行函数的理解

对于立即函数的理解，首先来看一个例子：var count=5;output(count);这里初始化了变量count.,将其值设置为5。当然，这里的变量是没有必要的，因为可以让把值直接传给函数，通常我们用5代替变量count，如下所示：output(5);这样之所以可行是因为变量只不过是值的另外一种表现形式。然后我们再来看一个例子：var outp

2017-05-08 21:54:52 248

原创 JavaScript找数组中重复出现过的元素

function duplicates(arr) { var a = []; var b = []; var c = []; arr.sort(compare); for(var i=0;i<arr.length;i++){ if(a.indexOf(arr[i])== -1){ a.push(arr[i]);//ar

2017-05-04 14:46:57 2790

原创 js继承中关于对象字面量重写原型

function SuperType(){ this.property=true;}SuperType.prototype.getSuperValue=function(){ return this.property;};function SubType(){ this.subproperty=false;}//继承了SuperTypeSubType.prot

2017-05-04 14:21:12 1677

转载子div浮动，父div的如何撑起来

1、父div设置overflow与zoom 。div1加一个class .class { overflow: hidden; zoom:1;} 简单粗暴这个zoom属性是ie特有的，这个属性是用来放大页面的大小的，zoom:2;就是放大2倍，但由于其他浏览器不支持，所以这个属性更多的是用作来清除浮动。2、添加一个子div，用它来清除浮动

2017-03-17 22:10:53 917

转载 div的控制

div除了用ID赋予它一个名称外，还可以用class来赋予它一个名称。还可以不用赋予它一个名字，直接用style来直接设定它的样式。唯一区别就是ID是唯一的，只能用一次。反而CLASS是可以反复使用的，可以多个div同时时候class来定义样式。一般JS中常用ID，因为JS是获取div名字来进行判断的，也是唯一判断，如果用class会出错，如果我们写普通html，用class会好些哦

2017-03-08 16:20:08 232

转载 css引用方式

样式的引用形式大致可分为以下四种：一、行间样式，即直接加在标签上的样式例:二、内联样式即用标签括起来写在页面中的样式三、外联样式：即将样式单独放到一个文件夹中，然后用link标签引入页面的形式四，导入样式，即将样式，按模块划分或其它的分法分别放在不同的css文件中，然后用@导入到其它样式中。此方法建议不要用，因为效率不是特别高前三种的优先级为：行间 > 内联 >外联

2017-03-08 16:17:41 235

转载 css各大网站初始化代码

css代码之所以初始化，是因为能尽量减少各浏览器之间的兼容性问题!腾讯QQ官网样式初始化 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","A

2017-01-19 22:22:12 243

原创 html中的内联元素和块状元素

常用的块状元素有：块状、段落、... 标题、排序列表、非排序列表、、创建一个自定义列表表格、地址、、缩进排版标签表单水平分割线常用的内联元素有：，超链接或锚点连接、内联块、

2017-01-17 22:28:49 320

转载 CSS 外边距(margin)重叠及防止方法

边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界

2017-01-17 21:49:52 362

rainbow_677294的博客