web前端
文章平均质量分 62
wakaka_cy
这个作者很懒,什么都没留下…
展开
-
前端最基础
盒子模型:例如div元素,可以把它看作是一个盒子,它有自己的宽和高。而盒子模型是说每个盒子有自己的width、height、padding、margin、border。width就相当于盒子里面所装东西的宽度,height就相当于盒子里面所装东西的高度,padding就是盒子里所装的东西和盒子之间的距离,可以想象成盒子里所装东西是易碎品,我们用泡沫去填充防止东西破碎,这就是内边距。margin就是...原创 2018-04-11 20:19:08 · 130 阅读 · 0 评论 -
css的flex布局实现响应式九宫格
flex布局:flex布局为盒子模型提供了很大的便利性,具有lfex布局的元素成为容器,它的所有子元素成为项目。flex容器默认有两条相交轴,一条水平方向的主轴(main axis),一条垂直方向的交叉轴(cross axis)。水平轴的开始位置叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。默认项目沿主轴排列,在...原创 2018-09-20 11:04:04 · 24075 阅读 · 0 评论 -
作用域和闭包
引擎:从头到尾负责整个javascript程序的编译和执行的过程。编译器:负责语法分析以及代码生成的过程。作用域:负责变量的查询的一套规则,并且确定当前代码对某个变量的访问权限。LHS查询就是查询变量存储的位置并可以赋值。RHS查询就是对变量值沿作用域链进行逐级查询。LHS、RHS查询都是沿着作用域链进行搜索查询,直到找到第一个匹配的标识符为止。之所以区分LHS和RHS,是因为LHS在...原创 2018-09-03 00:36:14 · 132 阅读 · 0 评论 -
ajax跨域
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题,我们可以使用以下几种方法:一...转载 2018-06-14 11:27:46 · 122 阅读 · 0 评论 -
飞机大战的思路
首先要用function createUser()构造函数创建一个飞机的类,然后用new操作符去实例化用户飞机对象,在函数createUser中添加用户飞机运动的方法。用实例化后的飞机对象去调用这个方法。在用户飞机运动到敌机坐标位置范围内时,俩飞机相撞,清除所有计时器,游戏结束。 function User(){ this.height=70; this.widt...原创 2018-06-07 11:19:18 · 3063 阅读 · 0 评论 -
小技巧啊
(1)解决子元素浮动,父元素设置overflow:hidden后子元素超出部分隐藏的办法子元素浮动,父元素设置overflow:hidden,爷爷元素设置position:relative.子元素超出的部分就不会隐藏啦。看代码:<!doctype html><html><head> <style> .wrapper{ width:300p...原创 2018-05-03 18:16:52 · 111 阅读 · 0 评论 -
匿名函数与闭包
Js里的变量作用域:全局变量和局部变量。而在函数内部,可以直接访问全局变量,在定义变量时,没有使用var关键字的就是全部变量。在函数外部是无法读取函数内部的变量。为了解决这一问题 ,出现了闭包。所以闭包就是:可以访问其他函数的局部变量(内部变量)的函数,由于js作用域链结构,子对象可以一级一级向上搜索其所有父对象的变量,所以,闭包就是存在于函数内部的函数。注意:内部函数可以访问定义在他们外部函数的...原创 2018-05-10 10:53:58 · 347 阅读 · 0 评论 -
css3中的display:flex与perspective属性
flex是flexible Box的缩写,意为“弹性布局”,用来为盒子模型提供最大的灵活性。设置为flex的布局后,子元素的float、clear、vertical-align属性将失效。flex的基本概念采用flex布局的元素,称为flex容器。容器默认有两根轴,水平的主轴和垂直的交叉轴。它的所有子元素自动成为容器成员,称为“flex项目”,简称“项目”。主轴的开始位置(与边框的交叉点)叫做ma...原创 2018-05-03 11:02:02 · 204 阅读 · 0 评论 -
html与css基础题目整理
Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?答: doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下,“阅读程序”通常是浏览器或者校验器这样的一个程序,“规则”则是W3C所发布的一个文档类型定义(DTD)中包含的规则。(1) 声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声...原创 2018-04-19 10:49:57 · 1857 阅读 · 0 评论 -
css设置垂直居中的方法
(1)父元素设置display:table;子元素设置display:table-cell;vertical-align:middle;缺点:ie8以下不支持。<!doctype html><html><head> <style> #wrapper { display: table; height:200px;...原创 2018-09-20 12:05:24 · 256 阅读 · 0 评论