- 博客(16)
- 收藏
- 关注
原创 使用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
1494
原创 三种方式实现:三栏布局(圣杯布局,双飞翼布局前端面试的布局问题)
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
1275
原创 用css伪元素简单实现冒泡气框的制作
用伪类实现冒泡气框实现的效果如下:html结构:<div class="tag_pop"> <p class="tag_pop1"> <span>保接通下载</span> <span>|</span> <span>最近接通时间</span&
2018-03-22 17:45:54
980
原创 前端css实现冒泡气框
<div class="tag_pop"><p class="poptag1"> <span id="poptag1-left">普通下载</span> <span id="poptag1-middle">|</span> <
2018-03-08 16:14:57
1887
原创 弹窗浮层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
690
原创 浏览器输入url后都干了些什么?
我们在浏览器中输入网址。 浏览器查找域名对应的IP地址-DNS查找过程为: -浏览器缓存->系统缓存->路由器缓存->ISP DNS缓存->递归搜索 -递归搜索过程为:从根域名服务器到顶级域名服务器到你查询的域名服-务器。浏览器打开TCP连接(默认端口为80),向该IP的服务器发送一条HTTP请求,如果浏览器存储了该域名下的cookie,那么cookie...
2018-03-08 15:31:04
1065
原创 前端面试经典题目
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
259
原创 js中立即执行函数的理解
对于立即函数的理解,首先来看一个例子:var count=5;output(count);这里初始化了变量count.,将其值设置为5。当然,这里的变量是没有必要的,因为可以让把值直接传给函数,通常我们用5代替变量count,如下所示:output(5);这样之所以可行是因为变量只不过是值的另外一种表现形式。然后我们再来看一个例子:var outp
2017-05-08 21:54:52
265
原创 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
2795
原创 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
1700
转载 子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
923
转载 div的控制
div除了用ID赋予它一个名称外,还可以用class来赋予它一个名称。 还可以不用赋予它一个名字,直接用style来直接设定它的样式。唯一区别就是ID是唯一的,只能用一次。反而CLASS是可以反复使用的,可以多个div同时时候class来定义样式。一般JS中常用ID,因为JS是获取div名字来进行判断的,也是唯一判断,如果用class会出错,如果我们写普通html,用class会好些哦
2017-03-08 16:20:08
241
转载 css引用方式
样式的引用形式大致可分为以下四种:一、行间样式,即直接加在标签上的样式 例:二、内联样式 即用 标签括起来写在页面中的样式三、外联样式:即将样式单独放到一个文件夹中,然后用link标签引入页面的形式四,导入样式,即将样式,按模块划分或其它的分法分别放在不同的css文件中,然后用@导入到其它样式中 。此方法建议不要用,因为效率不是特别高前三种的优先级为: 行间 > 内联 >外联
2017-03-08 16:17:41
241
转载 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
250
原创 html中的内联元素和块状元素
常用的块状元素有: 块状、 段落 、... 标题、 排序列表、 非排序列表、、 创建一个自定义列表 表格、 地址、 、缩进排版标签 表单 水平分割线常用的内联元素有: ,超链接或 锚点连接 、 内联块 、
2017-01-17 22:28:49
329
转载 CSS 外边距(margin)重叠及防止方法
边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边界,则从零中减去绝对值最大的负边界。注意:相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界
2017-01-17 21:49:52
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人