- 博客(24)
- 收藏
- 关注
RSS订阅原创 css权威指南
本博客主要针对css权威指南中的相关内容对以前学习的知识进行查缺补漏，记录以前未使用和存在疑惑的地方。具体以实例说明。第二章 选择器一、属性选择器1、[content]添加需要设置样式的属性，下面例子使用的是class属性名，即带有class属性名的h1元素都设置颜色为sliver：<style> h1[class]{ color:silver; }</styl...
2019-04-29 18:16:24
446
转载 this指向问题分析
this指向总结：在函数体中，简单调用该函数时（非显式/隐式邦定下），严格模式下this绑定到undefined，否则绑定到全局对象window/global；一般构造函数new调用，绑定到新创建的对象上；一般由call/apply/bind方法显式调用，绑定到指定参数的对象上；一般由上下文对象调用，绑定在该对象上；箭头函数中，根据外层上下文绑定的this决定this指向。一：全局...
2019-04-25 17:58:13
233
转载 源码分析
文章参考：https://juejin.im/post/5c0b7f03e51d452eec725729一、call和applymyCall实现call效果 Function.prototype.myCall=function(){ var ctx=arguments[0]||window; ctx.fn=this; var args=[]; v...
2019-04-23 16:49:12
252
原创 Flex布局
一、简单理解Flex布局可以简便、完整、响应式地实现各种页面布局，其易操作性和布局的稳定性越来越得到前端开发人员的青睐，与传统盒模型布局方式的区别就是：设置成flex布局的元素可以看成一个Flex容器，子元素称为一个Flex项目，并且子元素的float、clear和vertical-align属性将失效。目前已得到所有浏览器的支持：chrome21+、Opera12.1+、Firefox22+、...
2019-04-22 20:28:46
169
原创 面试总结
中汽研前端面试4.22号 曹庄地铁站附近，新城市中心B座首先笔试：1、标准的css盒模型，低版本IE盒子模型有什么不同？2、cookie和session的区别？面试中还问到webstorage与cookie和session的区别3、简单描述JS原型和原型链？面试中问到项目中有无遇到原型链的问题4、常用的web性能优化方案？5、简单描述下xss和csrf两种网站攻击6、http和ht...
2019-04-22 20:08:24
193
转载 JS函数重载
JavaScript中由于参数是可变长度的，所以没有函数重载的概念，但是可以利用arguments.length属性进行函数的改写实现函数重载。function addMethod(object,name,fn){ var old=object[name]; object[name]=function(){ if(fn.length===arguments.length){ ...
2019-03-26 14:52:52
188
原创 Promise应用实例
1、Promise 改写Ajax原生Ajax：var ajax={ get:function(url,fn){ var xhr=new XMLHttpRequest(); xhr.open('GET',url,true); xhr.onreadystatechange=function(fn){ if(xhr.readyState==4&&...
2019-03-26 10:51:23
499
原创 ES6中对于Promise方法的理解
Promise方法Promise即可以像事件和回调函数一样指定稍后执行的代码，也可以明确指示代码是否成功执行。在浏览器console窗口使用console.dir()可以显示对象的所有的属性和方法，下面显示Promise对象对应的所有属性和方法。实例化调用then()方法：Promise的三种状态：pending fulfilled rejected直接调用方法：通常用到的方...
2019-03-25 21:13:07
547
原创 leetcode算法题Js实现
leetcode算法题Js实现1、给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。var twoSum = function(nums, target) { for(var i=0;i<nums.length-1;i++){...
2019-03-25 19:40:39
664
原创 css3 display:box 属性的介绍和应用
一、 display：box;属性的介绍 1. display:box; 在父元素上设置该属性，子代元素能排列在同一水平上。 2. 子代元素设置如下属性： 1、box-flex:number; 1)占父级元素宽度的number份 2）若子元素设置固定宽度，则该子元素应用固定宽度，其他未设置固定宽度的子元素将平分余下的父级宽度number占份...
2018-09-05 15:30:18
866
原创 一点资讯前端面试总结
2018-4-17 一点资讯面试 1、ajax异步交互的具体实现过程，跨域资源访问的方式有哪些？ 2、标准模型和IE模型的区别以及box-sizing的属性 3、display:none;和visibility:hidden的区别 4、H5语义化含义另外给了一张京东的首页面让我说了一下用哪些H5标签合适 5、cookie、webstorage（localStorage、session...
2018-04-18 13:11:19
1166
转载 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）允许通信同一域名不同端口（http://www.a.com:8080/a.js和http://www.a.com/b.js）不允许通...
2018-03-10 17:16:42
746
转载 JS正则表达式基本语法
1、正则表达式基本语法 两个特殊的符号‘^’和‘$’，作用分别是指出一个字符串的开始和结束。例子如下： “^The”:表示所有以”The”开始的字符串（”There”,”The cat”等等）；“of despairs$”:表示所有”of despairs”结尾的字符串；“^abc$”：表示开始和结尾都是“abc”的字符串，只有“abc”自己；“notice”:表示任何包含“not...
2018-03-10 16:05:39
239
原创 阿里2017秋招前端面试笔试题
1、React JSX 参考资料：http://www.runoob.com/react/react-tutorial.html 2、正则表达式： 参考资料：http://www.jb51.net/article/72044.htm 3、布局：static，absolute,relative,sticky static:静态定位top值无效 relative:上边距包括margin+...
2018-03-09 16:32:47
529
原创 剑指offer算法题JS实现
1、在一个二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。function Find(target, array){ var rows=array.length; var cols=array[0].length; if(rows==0&&...
2018-03-07 16:36:06
294
转载 JS中的MVC
MVC是什么？ MVC是一种架构模式，它将应用抽象为3个部分：模型（Model）、视图(View)、控制器（Controller）。 一个事件发生的过程（通信单向流动） 1、用户在视图V上与应用程序交互 2、控制器C触发相应的事件，要求模型M改变状态（读写数据） 3、模型M将数据发送到视图V，更新数据，展现给用户。 在JS的传统开发模式中，大多基于事件驱动的： 1、hash驱动 ...
2018-03-02 09:57:02
521
转载 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、事件捕获 由表及里的事件传播，从不确定到确定3、DOM事件流 事件捕获阶段–》处于目标阶段–》事件冒泡阶段 事件冒泡是...
2018-02-28 21:39:46
137
原创 JS学习笔记（基础与常识）
1、数据类型5种基础的：Undefined,Null,Boolean,Number,String(其中Undefined派生自Null，位于null和undefined之间的相等操作符总是返回true)1种复杂的：Object（本质是一组无序键值对）检测基本数据类型用typeof:未初始化和未声明的变量返回Undefined对象或者null返回object变量是数值返回num
2018-02-06 16:26:59
140
转载 offsetLeft Left clientX的区别
假设obj为某个HTML控件： Obj.offsetTop指obj相对于版面由offsetParent属性指定的父坐标的计算上侧位置，整型，单位像素。 obj.offsetLeft指obj相对于版面或由offsetParent指定的父坐标的计算左侧位置，整型，单位像素。 obj.offsetWidth指控件自身的绝对宽度，不包括因overflow而未显示的部分，也就是实际占据的宽度，整型，单位
2018-01-03 09:38:50
1411
转载 this的指向
this的指向this的用法是经典的面试问题，不了解本质原理，一不小心就会入坑，所以在接下来我们深入其本质，探寻this的用法，重要的是记住this永远指向最后调用它的那个对象。 下面看一些简单的例子： ex1： var name = "windowsName"; function a() { var name = "Cherry";
2018-01-01 19:33:10
156
转载 css布局（负边距）
基本原理负边距在普通文档流中的作用和效果 那些没有脱离文档流中的元素（不是浮动元素、绝对定位和固定定位的元素等），其在页面中的位置是随着文档流的变化而变化。负边距对这些由文档流控制的元素的作用是，会使他们在文档流中的位置发生偏移，会放弃偏移前占据的空间，这样它后面文档流中的其他元素就会流过来填充这部分空间。文档流在计算元素位置的时候，会认为负边距把元素的尺寸减少了，所以位置也就发生了变化，但实际尺
2017-12-16 15:04:49
346
转载 前端面试题目汇总
2017/12/141. HTML语义化根据内容的结构化，选择合适的标签，便于开发者阅读和写出优雅的代码，同时让浏览器的爬虫能更好的解析。在没有CSS时，能让页面呈现更好的内容结构和代码结构用户体验有利于SEO和搜索引擎建立良好的沟通，有助于爬虫抓取更多的有效信息，爬虫依赖于标签确定上下文和关键字的权重。方便其他设备解析便于团队开发和维护，语义化更有可读性。2.css布局1)单列布局i
2017-12-14 22:25:12
382
转载 canvas的性能优化（缓存问题）
文章原创来源于：http://www.cnblogs.com/axes/p/3567364.html?utm_source=tuicool&utm_medium=referral使用缓存使用缓存就是用离屏canvas进行预渲染了。原理就是先绘制一个离屏canvas，然后再通过drawImage把离屏canvas画到主canvas中。把离屏canvas当成一个缓存区，需要重复绘制的画面数据进行缓存。减
2017-12-14 21:17:47
4711
转载 canvas基本知识介绍
canvas入门 github项目地址：https://github.com/yangchunyan750/canvascanvas基本知识什么是canvasgetContextcanvas元素绘制图像 contextfillcontextstroke绘制矩形清除矩形区域实心圆圆弧绘制线段线性渐变径向渐变图形变形 缩放旋转平移 图像组合阴影图像绘制图像平
2017-12-13 22:36:53
531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人