中高级前端面试秘籍 引言 又是一年寒冬季,只身前往沿海工作,也是我第一次感受到沿海城市冬天的寒冷。刚过完金九银十,经过一场惨烈的江湖厮杀后,相信有很多小伙伴儿已经找到了自己心仪的工作,也有的正在找工作的途中。考虑到年后必定又是一场不可避免的厮杀,这里提前记录一下自己平时遇到和总结的一些知识点,自己巩 ...
分类:
Web程序 时间:
2020-02-02 19:35:31
阅读次数:
83
盒子模型 盒子模型 盒子模型有元素内容、边框(border)、内边距(padding)、外边距(margin)组成; 盒子里面的文字和图片等元素是内容区域; 盒子的厚度 我们称为 盒子的边框; 盒子内容与盒子之间的距离是内边距; 盒子与盒子之间的距离是外边距; 标准盒子模型 盒子边框(border) ...
分类:
Web程序 时间:
2020-02-02 01:22:03
阅读次数:
116
前言近期有个项目需求,需要用到拖动事件。由于不需要考虑IE8等低端浏览器的兼容性, 所以想到HTML5中的drag事件, 但是发现移动端 android & IOS 并不支持 drag 事件。所有新事物的产生都不是偶然, 所以决定自己去实现一个页面元素的拖动。实现页面元素的主要思路,是通过监听事件(... ...
分类:
移动开发 时间:
2020-02-01 13:01:38
阅读次数:
130
一、什么是html5语义化? 使用合理,正确的html标签格式化文档。 二、CSS样式优先级? 就近原则,行内>内联>外联 三 什么是盒模型? 主要分为两种,w3c标准盒模型,IE标准模型. 把网页所有元素当成盒子,宽度是由content,padding,margin,border组成. 为什么有两 ...
分类:
其他好文 时间:
2020-01-31 23:06:56
阅读次数:
91
特征布局实例讲习 1、特征布局:翻页(所需知识点:盒模型、内联元素) 2、特征布局:导航条01(所需知识点:盒模型、行内元素布局) 3、特征布局:导航条02(所需知识点:盒模型、浮动、定位、字体对齐) 4、特征布局:图片列表(所需知识点:盒模型、浮动) 5、特征布局:新闻列表(所需知识点:盒模型、浮 ...
分类:
其他好文 时间:
2020-01-31 22:57:18
阅读次数:
78
1、浮动定义(float设置) 浮动,顾名思义,就是使文本内容 浮 起来和 动 起来,浮指的是:脱离文档流,动指的是:向设置的方向移动。 脱离文档流将会导致文档内容高度等不会被常规计算,会造成常见的文本覆盖、高度塌陷等问题影响布局效果,例如: 2、清除浮动 常规的有以下几种: 1、设置clear:b ...
分类:
其他好文 时间:
2020-01-28 17:50:49
阅读次数:
67
什么是盒模型??? 用通俗的语言来讲就是将所有的HTML文档元素都生成一个矩形框,好比一个装东西的盒子,然后通过定义一些与盒子相关的属性,改变HTML文档的样式和布局结构。 CSS盒子模型由内容区、填充、边框和空白边四部分组成。内容区是盒子模型的中心,呈现盒子的主要信息内容;填充是内容区和边框之间的 ...
分类:
其他好文 时间:
2020-01-24 09:20:03
阅读次数:
80
1.什么是盒子模型? CSS中的思维模型,每一个元素都包含margin,padding,boder,content区域,占一个盒子形状,整体称为盒模型. 2.简述一下src与href的区别? Href 超文本链接,指向网络资源所在位置,如果我们在文档添加<link href="common.css" ...
分类:
Web程序 时间:
2020-01-20 20:53:32
阅读次数:
101
IOING 在做些什么? IOING 在你的代码和浏览器之间架设了一个中间解释层,该解释层提供了一套新的语法来填补浏览器所不具备的能力。 SPA 开发痛点 开发一个 SPA 应用的痛点是不同模块页面的状态保存,当从一个页面跳转到另一个页面的时候窗口的所有状态都将被清空重载,历史页面与当前页面将不产生 ...
分类:
移动开发 时间:
2020-01-18 12:57:13
阅读次数:
92
css flex弹性布局学习总结 一、简要介绍 flex( flexible box:弹性布局盒模型),是2009年w3c提出的一种可以简洁、快速弹性布局的属性。 主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持: 其中在webkit内核的浏览器中使用时,必须加上-webki ...
分类:
Web程序 时间:
2020-01-17 21:07:57
阅读次数:
88