- 博客(14)
- 收藏
- 关注
RSS订阅原创 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
241
原创 css的flex布局实现响应式九宫格
flex布局：flex布局为盒子模型提供了很大的便利性，具有lfex布局的元素成为容器，它的所有子元素成为项目。flex容器默认有两条相交轴，一条水平方向的主轴（main axis），一条垂直方向的交叉轴(cross axis)。水平轴的开始位置叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。默认项目沿主轴排列，在...
2018-09-20 11:04:04
23958
原创 平安科技前端一面
1、主流浏览器内核：浏览器内核又称为渲染引擎，负责对html、css、js等网页语法进行解析并渲染。Webkie：chrome、safari的内核（开源）Trident:IE的内核Gecko:Firefox的内核Presto：目前只有Opera采用该内核浏览器引擎又分为渲染引擎和js引擎，渲染引擎负责解析html、css，js引擎负责解析执行js代码。2、h5的离线存储...
2018-09-20 00:02:31
2402
原创 作用域和闭包
引擎：从头到尾负责整个javascript程序的编译和执行的过程。编译器：负责语法分析以及代码生成的过程。作用域：负责变量的查询的一套规则，并且确定当前代码对某个变量的访问权限。LHS查询就是查询变量存储的位置并可以赋值。RHS查询就是对变量值沿作用域链进行逐级查询。LHS、RHS查询都是沿着作用域链进行搜索查询，直到找到第一个匹配的标识符为止。之所以区分LHS和RHS，是因为LHS在...
2018-09-03 00:36:14
120
原创 jquery实现购物车
实现全选反选功能，可以用attr(key,value)或者prop(key,value)来设置属性。哪个能用就用哪个就好。$(".button_qx").click(function (){ if(this.checked){ $(".select").prop("checked",true); } else{ $(".select").pr...
2018-06-25 16:43:35
1133
转载 ajax跨域
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方法：一...
2018-06-14 11:27:46
116
原创 飞机大战的思路
首先要用function createUser()构造函数创建一个飞机的类，然后用new操作符去实例化用户飞机对象，在函数createUser中添加用户飞机运动的方法。用实例化后的飞机对象去调用这个方法。在用户飞机运动到敌机坐标位置范围内时，俩飞机相撞，清除所有计时器，游戏结束。 function User(){ this.height=70; this.widt...
2018-06-07 11:19:18
3036
原创 匿名函数与闭包
Js里的变量作用域：全局变量和局部变量。而在函数内部，可以直接访问全局变量，在定义变量时，没有使用var关键字的就是全部变量。在函数外部是无法读取函数内部的变量。为了解决这一问题 ，出现了闭包。所以闭包就是：可以访问其他函数的局部变量(内部变量）的函数，由于js作用域链结构，子对象可以一级一级向上搜索其所有父对象的变量，所以，闭包就是存在于函数内部的函数。注意：内部函数可以访问定义在他们外部函数的...
2018-05-10 10:53:58
331
原创 小技巧啊
(1)解决子元素浮动，父元素设置overflow:hidden后子元素超出部分隐藏的办法子元素浮动，父元素设置overflow:hidden,爷爷元素设置position:relative.子元素超出的部分就不会隐藏啦。看代码：<!doctype html><html><head> <style> .wrapper{ width:300p...
2018-05-03 18:16:52
104
原创 css3中的display:flex与perspective属性
flex是flexible Box的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性。设置为flex的布局后，子元素的float、clear、vertical-align属性将失效。flex的基本概念采用flex布局的元素，称为flex容器。容器默认有两根轴，水平的主轴和垂直的交叉轴。它的所有子元素自动成为容器成员，称为“flex项目”，简称“项目”。主轴的开始位置（与边框的交叉点）叫做ma...
2018-05-03 11:02:02
195
原创 在github上创建仓库
1 点击页面”+”，选择New repositor去新建一个仓库。 2 为你创建的仓库起个名字，并且对你的仓库进行描述（非必需）。选择用README来初始化你的仓库。3 提交我的第一个更改 3.1 提交对readme文件的修改。在仓库的首页，点击readme文件。 3.2 在文件上方，点击编辑文件。 3.3对文件进行编辑，我对我的readme文件添加了最后一行。 3.4在文件上方，点击prev...
2018-04-24 21:21:23
210
原创 windows下通过ssh连接github
(1) 检测ssh是否存在；输入ls -al ~/.ssh，如果没有，显示 No such file or directory。否则,显示id_rsa、id-rsa.pub。(2) 如果没有，配置ssh；输入ssh-keygen -t -rsa -C “你注册github填写的邮箱地址”。(3) windos系统在目录C:\Users\用户名\.ssh下找到你的密钥。id_rsa对应你的私钥，id...
2018-04-24 21:15:36
652
1
原创 html与css基础题目整理
Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?答： doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是W3C所发布的一个文档类型定义（DTD）中包含的规则。(1) 声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声...
2018-04-19 10:49:57
1838
原创 前端最基础
盒子模型：例如div元素，可以把它看作是一个盒子，它有自己的宽和高。而盒子模型是说每个盒子有自己的width、height、padding、margin、border。width就相当于盒子里面所装东西的宽度，height就相当于盒子里面所装东西的高度，padding就是盒子里所装的东西和盒子之间的距离，可以想象成盒子里所装东西是易碎品，我们用泡沫去填充防止东西破碎，这就是内边距。margin就是...
2018-04-11 20:19:08
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人