css权威指南

本博客主要针对css权威指南中的相关内容对以前学习的知识进行查缺补漏,记录以前未使用和存在疑惑的地方。具体以实例说明。 第二章 选择器 一、属性选择器 1、[content]添加需要设置样式的属性,下面例子使用的是class属性名,即带有class属性名的h1元素都设置颜色为sliver: &am...

2019-04-29 18:16:24

阅读数 11

评论数 0

this指向问题分析

this指向总结: 在函数体中,简单调用该函数时(非显式/隐式邦定下),严格模式下this绑定到undefined,否则绑定到全局对象window/global; 一般构造函数new调用,绑定到新创建的对象上; 一般由call/apply/bind方法显式调用,绑定到指定参数的对象上; 一般由上...

2019-04-25 17:58:13

阅读数 13

评论数 0

源码分析

文章参考:https://juejin.im/post/5c0b7f03e51d452eec725729 一、call和apply myCall实现call效果 Function.prototype.myCall=function(){ var ctx=arguments[0]|...

2019-04-23 16:49:12

阅读数 21

评论数 0

Flex布局

一、简单理解 Flex布局可以简便、完整、响应式地实现各种页面布局,其易操作性和布局的稳定性越来越得到前端开发人员的青睐,与传统盒模型布局方式的区别就是:设置成flex布局的元素可以看成一个Flex容器,子元素称为一个Flex项目,并且子元素的float、clear和vertical-align属...

2019-04-22 20:28:46

阅读数 21

评论数 0

面试总结

中汽研前端面试 4.22号 曹庄地铁站附近,新城市中心B座 首先笔试: 1、标准的css盒模型,低版本IE盒子模型有什么不同? 2、cookie和session的区别?面试中还问到webstorage与cookie和session的区别 3、简单描述JS原型和原型链?面试中问到项目中有无遇到原型链...

2019-04-22 20:08:24

阅读数 23

评论数 0

JS函数重载

JavaScript中由于参数是可变长度的,所以没有函数重载的概念,但是可以利用arguments.length属性进行函数的改写实现函数重载。 function addMethod(object,name,fn){ var old=object[name]; object[name]=f...

2019-03-26 14:52:52

阅读数 22

评论数 0

Promise应用实例

1、Promise 改写Ajax 原生Ajax: var ajax={ get:function(url,fn){ var xhr=new XMLHttpRequest(); xhr.open('GET',url,true); xhr.onreadystatechan...

2019-03-26 10:51:23

阅读数 28

评论数 0

ES6中对于Promise方法的理解

Promise方法 Promise即可以像事件和回调函数一样指定稍后执行的代码,也可以明确指示代码是否成功执行。 在浏览器console窗口使用console.dir()可以显示对象的所有的属性和方法,下面显示Promise对象对应的所有属性和方法。 实例化调用then()方法: Promis...

2019-03-25 21:13:07

阅读数 29

评论数 0

leetcode算法题Js实现

leetcode算法题Js实现 1、给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是,你不能重复利用这个数组中同样的元素。 var twoSum = function(nums, ...

2019-03-25 19:40:39

阅读数 40

评论数 0

css3 display:box 属性的介绍和应用

一、 display:box;属性的介绍 1. display:box; 在父元素上设置该属性,子代元素能排列在同一水平上。 2. 子代元素设置如下属性: 1、box-flex:number; 1)占父级元素宽度的number份 2)若子元...

2018-09-05 15:30:18

阅读数 72

评论数 0

一点资讯前端面试总结

2018-4-17 一点资讯面试 1、ajax异步交互的具体实现过程,跨域资源访问的方式有哪些? 2、标准模型和IE模型的区别以及box-sizing的属性 3、display:none;和visibility:hidden的区别 4、H5语义化含义另外给了一张京东的首页面让我说了一下...

2018-04-18 13:11:19

阅读数 514

评论数 0

js前端解决跨域问题

同源策略如下: 同一域名下(http://www.a.com/a.js和 http://www.a.com/b.js)允许通信 同一域名不同文件夹下(http;//www.a.com/lab/a.js和http://www.a.com/script/b.js)允许通信 同一域名不同端口(ht...

2018-03-10 17:16:42

阅读数 132

评论数 0

JS正则表达式基本语法

1、正则表达式基本语法 两个特殊的符号‘^’和‘$’,作用分别是指出一个字符串的开始和结束。例子如下: “^The”:表示所有以”The”开始的字符串(”There”,”The cat”等等); “of despairs$”:表示所有”of despairs”结尾的字符串; “^abc$”...

2018-03-10 16:05:39

阅读数 33

评论数 0

阿里2017秋招前端面试笔试题

1、React JSX 参考资料:http://www.runoob.com/react/react-tutorial.html 2、正则表达式: 参考资料:http://www.jb51.net/article/72044.htm 3、布局:static,absolute,relati...

2018-03-09 16:32:47

阅读数 267

评论数 0

剑指offer算法题JS实现

1、在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。 function Find(target, array) { var rows=array.length; ...

2018-03-07 16:36:06

阅读数 82

评论数 0

JS中的MVC

MVC是什么? MVC是一种架构模式,它将应用抽象为3个部分:模型(Model)、视图(View)、控制器(Controller)。 一个事件发生的过程(通信单向流动) 1、用户在视图V上与应用程序交互 2、控制器C触发相应的事件,要求模型M改变状态(读写数据) 3、模型M将数据发送...

2018-03-02 09:57:02

阅读数 283

评论数 0

JS学习笔记(事件)

该文章参考自:http://www.ayqy.net/blog/js%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B06_%E4%BA%8B%E4%BB%B6/ 1、事件冒泡 由内而外的事件传播,从确定到不确定 2、事件捕获 由表及里的事件传播,从不确...

2018-02-28 21:39:46

阅读数 45

评论数 0

JS学习笔记(基础与常识)

1、数据类型 5种基础的:Undefined,Null,Boolean,Number,String(其中Undefined派生自Null,位于null和undefined之间的相等操作符总是返回true) 1种复杂的:Object(本质是一组无序键值对) 检测基本数据类型用typeof: ...

2018-02-06 16:26:59

阅读数 39

评论数 0

offsetLeft Left clientX的区别

假设obj为某个HTML控件: Obj.offsetTop指obj相对于版面由offsetParent属性指定的父坐标的计算上侧位置,整型,单位像素。 obj.offsetLeft指obj相对于版面或由offsetParent指定的父坐标的计算左侧位置,整型,单位像素。 obj.offset...

2018-01-03 09:38:50

阅读数 161

评论数 0

this的指向

this的指向this的用法是经典的面试问题,不了解本质原理,一不小心就会入坑,所以在接下来我们深入其本质,探寻this的用法,重要的是记住this永远指向最后调用它的那个对象。 下面看一些简单的例子: ex1: var name = "windowsName"...

2018-01-01 19:33:10

阅读数 60

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭