关注
分享
文章平均质量分 69
该专栏主要存放web前端复习巩固过程中，对内容的复习、巩固以及总结，同时对web前端面试过程中遇到的项目问题或者疑难解答，做出相应的分析以及总结。
pdsu_zhao
生命的意义在于奋斗不止！！
奋斗吧，少年！
展开
-
Web前端面试笔试题目（1）：“n++”与“++n”的区别是什么？
1、案例1：var n=2;var r=n++ + ++n + n++;console.log(n);console.log(r);解析—— 上述小案例题目主要是一道用于区分前“++”、后“++”。解决该题目首要问题，首先要明白（1）表达式“n++” 、“++n”、“n++”=？（2）变量“n” =？其次，按照表达式从左原创 2017-04-12 17:59:26 · 1569 阅读 · 0 评论 -
Web前端面试笔试题——null和undefined有什么区别么？
1、定义（1）undefined：是所有没有赋值变量的默认值，自动赋值（2）null：主动释放一个变量引用的对象，表示一个变量不再指向任何对象地址2、何时使用null?当使用完一个比较大的对象时，需要对其进行释放内存时，设置为null3、null与undefined的异同点是什么呢？共同点：都是原始类型，保存在栈中变量本地不同点： （1）unde原创 2017-04-19 18:17:42 · 11900 阅读 · 0 评论 -
响应式网站——兰途科技 项目开发问题及解析（首页index.html）
1、首页index.html（1）导航下轮播图——下边对应class为—“b-tab”三个小按钮，点击后不会使得颜色变化对应知识点疑难：a、fnb、fn&&fn()c、clearInterval()与setInterval()d、fadeIn() 与fadeOut()注意：“！==”与 “！=”（2）经典案例部分轮播不显示——“.classic”a、re原创 2017-10-14 09:43:23 · 483 阅读 · 0 评论 -
面试题——web前端面试总结
通过近期面试（面试历程详见链接），对自己有一个更清晰的认识，现将遇到的面试题做出总结，希望可以给目前像我一样也正在找工作的你们一些建议吧，如下： 1、项目中遇到的浏览器兼容性有哪些？原因、解决办法是什么？常用hack技巧？（举例一二） 兼容性 ...原创 2018-03-11 22:23:33 · 869 阅读 · 0 评论 -
web前端面试题详解（1）
目录(?)[+]position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。static 默认值。没有定位...转载 2018-03-10 15:02:14 · 379 阅读 · 0 评论 -
web前端干货资源
前端收录Helloweba为广大前端者收录了常用实用的前端资源工具，方便大家学习和查阅。库/框架jQuery优秀的Javascript库jQueryUI基于jQuery的开源UI代码库Zepto一款面向移动端、API与jQuery兼容的基础库AvalonAvalon迷你简单易用的前端MVVM框架React.jsFacebook推出的用来构建用户界面的JavaScript库BackboneJS为复杂...转载 2018-03-10 15:09:05 · 406 阅读 · 0 评论 -
2018web前端面试题收录集
转载地址：http://blog.csdn.net/wdlhao/article/details/79079660本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题，并且都给出了我在网上收集的答案。马上就要过春节了，开年就是崭新的一年，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。（如有错误或更好的答案，欢迎指正，水...转载 2018-03-11 22:31:42 · 898 阅读 · 0 评论 -
浏览器兼容问题（web界面分析）
首先谈一下浏览器，虽然现在ie依然是浏览器市场的老大，大约占有67%的份额，但是由于其各方面的欠缺，用户开始选择其他浏览器作为自己浏览网页的主要 工具，比如firefox、theworld、maxthon、chrome、opera等等，在用户使用比较多的浏览器中，分为2大派系 - ie内核和非ie内核，像theworld、maxthon、greenbrower等等都属于ie内核，而firefox、转载 2018-03-12 22:50:13 · 380 阅读 · 0 评论 -
javascript进阶学习过程中函数的调用问题
1.对于函数调用，实例显示如“两个数比较的大小，输出最大值”起初采用function app(){var a,b;if(a>b)return a;else if(areturn b;elsereturn 0;}app(5,4);app(3,6);document.write("5和4的最大值是："+);document.write("3和6的最大原创 2016-06-19 17:28:08 · 341 阅读 · 0 评论 -
javascript学习难点剖析1
1.函数内部两个对象：arguements和this；其次，还有另一个函数对象的属性对象的属性：caller（1）arguements表示类数组对象，包含传入函数中的所有参数。用途：保存函数参数。属性：callee，表示的是一个指针类型，即指向当前拥有arguements对象的函数。以一个阶乘函数的案例如下：function factorial(num){i原创 2016-09-20 18:02:02 · 683 阅读 · 0 评论 -
Javascript高级程序设计——11.变量、作用域、缓存
1、变量及作用域（1）ECMAScript的两种数据类型：基本类型、引用类型值a、基本类型：栈内存中简单的数据段（完全保存在内存中的一个位置）b、引用类型：堆内存中的对象（保存实际上只是一个指针，该指针指向内存中的另一个位置，该位置保存对象）当把一个值赋值给变量时，解析器必须确定是基本类型，还是引用类型a、基本类型（5种）：undefined、null、boolean、stri原创 2016-12-07 17:45:29 · 770 阅读 · 0 评论 -
Javascript高级程序设计——12.基本包装类型
内容要点：1、基本包装类型2、Boolean类型3、Number类型4、String类型背景：为了便于操作基本类型的值，ECMAScript提供了3种特殊的引用类型：Booloean、String、Number这些类型与其他引用类型相似，但却同时具有各自的基本类型相应的特殊行为。实际上，没读取一个基本类型值，后台就会创建出一个对应的基本包装类型的对象，用调用原创 2016-12-07 20:15:29 · 392 阅读 · 0 评论 -
Javascript高级程序设计——13.内置对象
ECMA-262只定义了2个内置对象：Globel和Math1、Global对象表示全局变量，但该对象其实并不存在，事实上，并不存在全局变量和全局函数：所有在全局作用于定义的变量和函数，都是Global对象的属性和方法注意：在ECMAScript中不怎么调用Global对象，所以，其属性或方法是无效的Global对象内置的属性和方法：（1）URI编码方法原创 2016-12-07 20:23:42 · 350 阅读 · 0 评论 -
Javascript高级程序设计——14.面向对象与原型（1 ）
ECMAScript有两种开发模式：1、函数化；2、面向对象（OOP）, 面向对象有一个标志，即“类”，通过类可以创建任意多个具有相同属性和方法的对象。 但是，ECMASctipt没有类的概念，因此它的对象也与基于类的对象有所不同。1、创建对象案例1-1——对象的使用以及this关键字： var box=new Object(); box.name1='原创 2016-12-08 20:27:24 · 725 阅读 · 0 评论 -
Javascript高级程序设计——14.面向对象与原型（2）
1、创建原型访问prototype有两种方法（1）构造函数实例方法创建构造函数:在对象创建或者实例化时候被调用的方法。通常使用该方法来初始化数据成员和所需资源。构造器Constructor不能被继承，因此不能重写Overriding，但可以被重载Overloading function Box(){ ... } a、对象名访问protot原创 2016-12-10 12:32:08 · 512 阅读 · 0 评论 -
Javascript高级程序设计——14.面向对象与原型（3）
继承A.继承是面向对象中一个比较核心的概念。B.正统面向对象语言有两种方式实现继承： （1）接口实现； （2）继承C.在ECMAScript只支持继承，不支持接口实现，而实现继承的方式依靠原型链完成1、继承方式1——通过原型链实现（1）被继承的函数——“超类型”（父类、基类）（2）继承的函数——“子类型”（子类、派生类）作用：通过原型链继承，原创 2016-12-10 18:19:01 · 771 阅读 · 0 评论 -
Javascript高级程序设计——15-1.匿名函数和闭包
1、匿名函数表示没有定义函数名的函数2、闭包（1）指的是有权访问另一个函数作用域中的变量的函数（2）创建闭包方法：在一个函数内部创建另一个函数，通过另一个函数访问这个函数的局部变量闭包优缺点：把局部变量驻留在内存中，避免使用全局变量（即避免全局污染）推荐使用私有的、封装的局部变量。（3）内存泄漏在IE的JScript对象和DOM对原创 2016-12-11 12:15:17 · 471 阅读 · 0 评论 -
Javascript高级程序设计——15-2.常见的内存泄漏及解决内存泄漏
1、javascript中常见的内存泄漏问题常见的内存泄漏，第一种情况，大多数由于IE浏览器无法正常关闭导致的内存占用问题； 第二种情况，是即使IE浏览器关闭，也无法释放内存。（1）给DOM对象添加的属性是一个对象的引用。范例： var MyObject = {}; document.getElementById('myDiv').myProp = MyObject; 解原创 2016-12-11 12:57:51 · 761 阅读 · 0 评论 -
Web前端复习——Javascript（1）
1、js发展进程关键词ECMAScript标准——定义了js语言的核心语法Netscape——遵照标准，实现了Javascript语言Microsoft——遵照标准，实现了JSscript标准W3C：DOM标准——专门操作网页内容的标准所有浏览器都兼容BOM：专门操作浏览器窗口的编程接口JS特点——（1）代码可由任何文本编辑工具编写，语法类似于C和J原创 2017-04-06 21:24:02 · 382 阅读 · 0 评论 -
Web前端复习——Javascript复习（2）
1、变量+数据类型（1）变量定义what——内存中存储1个数据的存储空间，再起一个名字何时用when——程序中的数据都要先用变量保存，再处理如何使用how——声明 赋值 取值 声明：在内存中创建一个新变量how——var 变量名;（声明同时初始化：第一次给变量赋值——var 变量名 = 值; ） 赋值：将一个数据存入变量中how——变量名 = 值原创 2017-04-08 18:17:21 · 504 阅读 · 0 评论 -
项目问题1："border:none"与"border:0px"有什么区别呢？
1、其实，从大体上讲，border:none;与border:0的区别体现有两点：（1）理论上的性能差异（2）浏览器兼容性的差异性能差异——a、“border:0px”中，把border设为“0”，虽然页面上看不见，但是如果按照border默认值来理解，浏览器依然对border-width/border-color进行了渲染，即已占用了内存值。b、“border:none”中，原创 2017-04-10 20:05:48 · 2683 阅读 · 0 评论 -
Web前端复习——Javascript复习（数值转换+运算符）
1、数值转换两大类：隐式转换、强制转换A.隐式转换总结——仅影响表达式的运算结果，不影响变量中存储的实际值。B.强制转换（1）任意类型——Stringvar str = x.toString(); js中，一切数据都有toString方法var str = String(x);——隐式转换何时使用？ 程序在需要时，会自动调用。原创 2017-04-12 22:09:11 · 458 阅读 · 0 评论 -
Web前端复习——Javascript复习（函数+分支结构）
1、函数 指的是为一个任务进行封装在一个代码块中。（1）函数使用：声明、定义和调用function 函数名([参数变量列表]){函数体：包含任务的步骤清单(代码块)[return 返回值]}如何调用：[var 返回值] = 函数名([参数值列表]);函数只有调用时才执行（反复调用，反复执行）原创 2017-04-15 11:09:31 · 733 阅读 · 0 评论 -
Web前端面试笔试题2——JS（1）：函数调用（局部变量/全局变量）
1、函数调用——局部变量/全局变量案例1-1：fun(a)函数有传参，即可更改“局部变量”var a=100;function fun(a){ a++; console.log(a);}fun(100); //101;console.log(a); //100解析：在上述案例中，由于函数fun()中传入参数“a”，所以a=100，进行了函数赋值，“a原创 2017-04-15 11:10:07 · 2352 阅读 · 0 评论 -
Web前端——Javascript复习（数组）
1、数组（1）程序=数据结构+算法一个好的数据结构，可极大提高程序的执行效率；相关的多个数据应集中存储、管理；分类和排序（2）数组概念一组连续的变量组成的集合，批量管理多个数据。··创建2-1：var 变量名 = [];2-2：var 变量名 = [值1,值2,值3,值4];var week = ['日','一','二','三','四','五','六'];原创 2017-04-22 20:30:44 · 503 阅读 · 0 评论 -
Web前端复习——Javascript（字符串）
1、什么是字符串？字符串是多个字符组成的一个“只读”的集合（数组）注意：（1）凡是数组对象中，不修改原对象的API，字符串都能用比如——.length属性：字符个数，用[i]访问每个字符slice、indexof（2）凡是数组对象中，直接修改原对象的API，字符串都不能用比如——push、sort、splice2、内置对象它是由ES标准中已经定义原创 2017-05-03 21:12:29 · 347 阅读 · 0 评论 -
Web前端复习——JS（正则表达式+内置对象）
正则表达式：专门规定字符中字符*格式规则*的表达式何时使用：只要定义字符串格式规则，都用正则表达式最简单正则：一个关键词的原文，就是最简单的正则1、备选字符集：规定某*一位*字符可选的备选文字列表语法：[备选字符列表]强调：（1）无论备选字符集中由有多少字符，都必须且只能选一个， （2）一个[]只代表一位字符 排除字符原创 2017-05-04 17:12:33 · 525 阅读 · 0 评论 -
Web前端复习——Javasvript学习（面向对象）
1、面向对象：在程序中都是用一个对象来描述现实中一个具体的东西现实中任何一个东西都包含属性和功能：属性——描述一个东西特点的变量，一个值功能——东西可以执行的操作（1）什么是对象？封装多个数据和方法的存储空间（2）什么是自定义对象？封装现实中一个东西的属性和功能的存储空间。注意：a、现实中东西的属性——对应对象中的属性变量b、现实中东西的功能——对应对象中的原创 2017-05-10 22:39:29 · 566 阅读 · 0 评论 -
Web前端复习——JavaScript复习（DOM）
1、DOM概述DHTML：动态网页技术的统称DHML=HTML+CSS+JSHTML XHTML DHTML XMLHTML：超文本标记语言，专门编写网页内容的语言XHTML：严格的HTML语言标准DHTML：动态网页技术的统称，=HTML+CSS+JSXML：可扩展的标记语言，可自定义标签专门用来存储/传输描述的结构化数据逐渐被json替换了2、D原创 2017-05-13 09:18:37 · 946 阅读 · 0 评论 -
css样式大全
css样式大全(整理版）字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、转载 2015-11-05 21:02:01 · 470 阅读 · 1 评论 -
Web前端开发学习3：SEO代码优化
Web前端开发学习3：SEO代码优化转载 2015-11-19 16:45:38 · 881 阅读 · 0 评论 -
Web前端面试资源
前端面试资源9 小时前 • Web前端 • 暂无评论继上一篇 关于程序员求职简历 之后如果顺利的话就应该是面试了，在此也整理一下最近在网上收集的前端面试相关资料，包括预备知识、书籍、面试考点、面经等。前端方面资料其实太多太多，就光从知乎、前端乱炖、w3cplus 等网站就能找到很多，所以针对细节不发散，仅挑一些内容丰富的合集，更多的资料可以从其中找到。1. 前转载 2016-03-03 19:32:32 · 1456 阅读 · 0 评论 -
对html-css基础知识的复习———慕课网npu
1.em和strong共同点：都可以对已知文本进行强调；不同点：em强调的大多为短文本，且程度轻；strong强调的程度较为强烈。2.和区别表示的为换行，即空格；表示的在页面中增加一条水平线。3.原创 2016-03-08 20:55:24 · 420 阅读 · 0 评论 -
对css加强与巩固——day2
1.html-css javascript php在...中，应写成：p span{...}2.html-css javascript应写成：#pid span{...}3.html-css javascript若p，span二者所要显示的css某些元素相同，即应写成：p,span{...}4.文字排版过程中，应写成：body{font-family原创 2016-03-09 20:00:47 · 384 阅读 · 0 评论 -
CSS设置网页在Safari快速滚动和温柔的回弹
要实现这个效果很简单，只需要加一行css代码即可：-webkit-overflow-scrolling : touch;可用以下网页测试：html> head> meta charset="utf-8" /> title>scrolltitle> style type="text/css">转载 2016-03-31 18:08:23 · 1926 阅读 · 0 评论 -
对div+css复习巩固 —心得（简单的用户登录界面）
1.起初用最简单的div+css对于界面的排版以及调色显得有点呆板，很low，太传统与常规化，简单的对齐与字体居中，界面太缺乏创意与艺术色彩。2.寒假学习了bootstrap基本的视频来学校最近一两个月把html5最基本的看完了。明白了bootstrap为最常规的响应式布局，适应于不同的设备以及浏览器兼容性的问题，使得界面显得更加的美观，在css的使用中也显得得心应手。原创 2016-04-18 21:31:00 · 1939 阅读 · 0 评论 -
登陆界面一个简约的模板及问题注意事项
1.在写一个简约的界面时，body主题概况背景颜色设置为两种，即：“白色—#fff 或 灰色—#ccc”；background-color:#fff; || background-color:#ccc;2. 标记 定义一个区域 标记定义一个文章(转载摘要)：section元素表示文档或应用的一个部分。所谓“部分”，这里是指按照主题分组的内容区域，通常会带有标题原创 2016-04-19 12:11:03 · 750 阅读 · 0 评论 -
web前端细节性问题(面试时可能遇到的问题)——div+css(1)
1.宽度和高度：width：200px； height:200px;2.边框border 设置border像素，虚线/实线，颜色 border-radius:8px; //表示边框的圆角弧度；3.内填充padding （面试可能出现的问题）分为四个方向：top right bottom left（上/右/下/左）padding：10px;原创 2016-05-12 20:33:07 · 1021 阅读 · 0 评论 -
web前端细节性问题(面试时可能遇到的问题)——div+css(2)
1.position定位属性四个定位方法，如下：a.绝对定位absolute h2{ top:100px; left:50px; position:absolute;} b.相对定位 relative .h2-pos-right{left:-20px; position:relative; //相对正常范围的向右移动；原创 2016-05-25 20:00:02 · 725 阅读 · 0 评论 -
CSS3阴影 box-shadow的使用和技巧总结
1.text-shadow是给文本添加阴影效果，2.box-shadow是给元素块添加周边阴影效果。 随着html5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量转载 2016-05-25 18:03:31 · 1002 阅读 · 0 评论