Web前端
关注
分享
扫一扫
智学无忧-老曹
老曹的教学风格以深入浅出，通俗易懂，以现场敲代码演示案例而著称。智学无忧是由老曹全心打造的IT职业教育机构，智学无忧做全国最有态度、最有责任、最有良心的IT教育。开设了Java大数据开发、Web前端高级开发课程，课程的内容是老曹根据自己十多年的经验编写而成，含金量非常高。通过系统学习课程后，具有同行业的两年以上的工作经验，很多同学学完后进入华为、中国平安、腾讯这样的大公司工作，薪资在10K以上是非常轻松的事。来智学无忧是你人生正确的选择，智学无忧，助你前程无忧！
展开
-
响应式开发从原理到实战案例（十五）：响应式改版完整案例-完结
项目总结响应式开发工作的流程，先设计好静态页面，然后通过观察调成，编写相应的媒体查询来调整显示的风格。 个人认为这种做法是最佳的实践。不太建议使用bootstrap来实现一个改版的响应式页面，因为这样的速度更慢，更容易出错， 甚至要改变原来的布局结构。所以建议自定义媒体查询样式，思路更清晰，更不容易出错。如果一个新的响应式项目，整个团队对bootstrap比较熟悉，可以考虑使用boot原创 2016-11-09 20:54:16 · 1830 阅读 · 0 评论 -
让IE9以下的浏览器支持圆角及CSS3新特性
在网上有同学问我：如何在IE9以下版本的浏览器支持圆角的特性。为了让大家在以后的工作中能够更快、更有效的解决这种问题，现在把一种最简单、最有效的解决方案总结给大家，希望能够帮助到你！【就两步搞定！】第一步：下载一个重要的文件 ie-css3.htc，这种类型的文件只要IE才能够识别。下载地址：http://download.youkuaiyun.com/detail/lxcao/9685089原创 2016-11-16 22:01:47 · 4291 阅读 · 0 评论 -
SVN匿名访问的设置
目的：最近项目要开发微信公众号，为了前端开发方便，希望项目的所有成员提交代码后，能够使使用同一的服务器来浏览效果。需要将SVN Server设置匿名访问1.SVN Server默认需要提供身份验证的（很不方便）2.设置身份验证的方式-subversion authentication 3.修改配置文件- httpd.conf （64位默认位置 C:\Program Files原创 2017-10-09 12:00:43 · 3710 阅读 · 0 评论 -
Web前端面试指导(三十三)：谈谈你对模块化开发的理解？
题目点评主要考察你是否有做过比较复杂、庞大的项目，是否具备一定的编程思想。随着前端技术的发展,前端编写的代码量也越来越大，就需要对代码有很好的管理。目前比较好的开发语言就是OOP（面向对象编程）编程语言，例如java语言、C#语言。从JavaScript新的版本来看，要求JavaScript具有封装、继承、多态这样的优点需求越来越明显。这道题属于编程思想上范畴。什么是模块化所谓的模块化原创 2016-10-10 09:56:32 · 17937 阅读 · 1 评论 -
Web前端面试指导(四)：面试前准备-有备而去百战百胜
4.1 步了解公司情况，准备三个问题向对方提问ü 公司产品介绍ü 营利模式ü 发展方向4.2 项目准备和可能会问到的技术点复习ü 盒子模型ü 异步处理ü 跨域请求ü JSON格式4.3 准备几个可能会问到的问题ü 你在项目中遇到哪些难以解决的问题，你是如何处理的？ü 你是如何带领团队的？原创 2016-09-21 15:05:19 · 3732 阅读 · 0 评论 -
Web前端面试指导(五)：掌握面试技巧，让面试变得轻松
5.1 面试形式1) 一般而言，小公司做笔试题；大公司面谈项目经验；做地图的一定考算法2) 面试官喜欢什么样的人ü 技术好、自信、谦虚、善于沟通、表达。ü 喜欢追究原理5.2 面试内容 1.2.1简历上的项目ü 介绍下你的项目吧？1) 第一步：介绍你项目是干嘛的2)原创 2016-09-21 15:06:53 · 12236 阅读 · 0 评论 -
Web前端面试指导(六)：面试后需要总结和交流
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~提示：面试后请将题目上传到QQ群 【490916635(Web前端面试权威指导)】 将有专业老师作答，解答你们面试上遇到的疑惑。~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~原创 2016-09-21 15:07:41 · 3252 阅读 · 0 评论 -
Web前端面试指导(八)：iframe有那些缺点
本题的特点这道题目的特点就是不按照正常的套路来提问，一般都是问优点，这里比较反常问iframe的缺点，很多同学肯定很不习惯这种问答，因为平时只关注有点，这么一问就懵逼了！本题解答的思路及要点① iframe会阻塞主页面的Onload事件；② 搜索引擎的检索程序无法解读这种页面，不利于SEO;③ 会影响页面的并行加载。原创 2016-09-22 09:33:27 · 8471 阅读 · 4 评论 -
Web前端面试指导(九)：盒子模型你是怎么理解的？
问题分析这道题问得比较宽泛，一定要找准切入点，如果切入点找不准，很容易乱答，甚至答偏，所以找准切入点是非常的重要的。解答思路1）盒子模型有两种，W3C和IE盒子模型① W3C定义的盒子模型包括margin、border、padding、content ，元素的width=content的宽度 ② IE盒子模型与W3C的盒子模型唯一区别就是元素的宽度，元素的width=c原创 2016-09-22 11:45:17 · 18359 阅读 · 6 评论 -
Web前端面试指导(十)：元素定位有哪些？
本题点评在web前端中，元素定位是必须掌握的，是网页制作的必备技能，也是衡量是否为一个合格的web前端开发的标准之一，在网页设计中，很多地方都需要使用定位，例如菜单弹出，提示信息层等都需要定位。所以本题的难易程度为简单。解题思路position为元素定位属性，包含以下属性值1. absolute 绝对定位 相对位置为父元素为非static的第一个父元素进行定位。原创 2016-09-23 11:30:58 · 4069 阅读 · 2 评论 -
Web前端面试指导(十一)：样式导入有哪些方式？
样式导入方式linkimport使用方式link的使用 import的使用 @import "index.css"; 不同点link除了引用样式文件，还可以引用图片等资源文件，而import只引用样式文件兼容性不同，link不存在兼容性的问题，import在IE5以上支持，是css2.1新增的在样式表文件原创 2016-09-23 16:19:53 · 4246 阅读 · 3 评论 -
Web前端面试指导(十二)：::before 和:before有什么区别？
题目点评这个问题看来很简单，但如果之前没有琢磨这个问题，给人感觉也是门头一垂，听到这个题目就懵逼了，因为原来从来没有注意过这个问题，即便有注意这个问题也不能很好的回答清楚。回答的技巧就是从相同点和不同点，以及他们的作用，及注意事项上去回答。解答要点 相同点都可以用来表示伪类对象，用来设置对象前的内容:befor和::before写法是等效的 不同原创 2016-09-23 17:40:08 · 8302 阅读 · 2 评论 -
Web前端面试指导(三)：简历投递诀窍
3.1 建议招聘会不要去，工资一般开不高，浪费时间3.2在智联、51job、猎聘、拉勾、中国人才热线上完善简历ü 猎聘网 https://www.liepin.com/ü boss直聘 https://www.bosszhipin.comü 拉勾网 http://www.lagou.com/ü 前程无忧 http://www.51job.com/原创 2016-09-21 09:55:45 · 7331 阅读 · 0 评论 -
Web前端面试指导(二)：编写简历，吃透简历内容
2.1 简历模板（仅供参考，不得千篇一律）~~~~~~温馨提示~~~~~~简历模板文件在QQ群 490916635 2.2 吃透简历内容2.2.1 吃透自己的简历Ø 简历出现的名词术语要非常熟悉Ø 简历出现的技术要熟练应用，不能熟练的死记硬背也要记下Ø 对于项目要非常熟悉，非常清楚自己所负责的模块Ø 对自己的学历、原创 2016-09-20 09:21:57 · 37176 阅读 · 2 评论 -
Web前端面试指导(一)：写好简历是面试成功的第一步
1.1 简历的作用Ø 简历是求职找工作的敲门砖，优秀的简历更能获取面试的机会Ø 简历是用人单位获取你个人信息的最直接的一种方式Ø 如果没有简历，我们的工作不知从何早起。1.2 初次写简历存在的困境Ø 以前从来没有写过简历，不知道从哪里写起。Ø 简历的内容不知道写什么，本来语文就不好。Ø 简历写好了不知道可不可以，自己也拿捏不准。原创 2016-09-19 16:04:05 · 7126 阅读 · 0 评论 -
Web前端面试指导(三十四)：如何实现浏览器内多个标签页之间的通信?
题目点评本题主要考察数据存储的知识，数据存储有本地和服务器存储两种方式，对于前端开发来讲，只需要讲解用本地存储的方式来解决就好。当然也能知道服务器端的方式更好。本题的难易程度一般，只要能够说出思路就可以，至少说两种解决方法。 解题方法 方法一：使用localStorage使用localStorage.setItem(key,value);添加内容使用storage事件监原创 2016-10-10 13:48:31 · 24352 阅读 · 0 评论 -
Web前端面试指导(三十五)：call() 和 apply() 的区别？
题目点评本题属于比较一般性的问题，稍有接触的同学都是能够掌握的，先说清楚他们的相同点，方法的作用的，在把它们的差异讲清楚。 解题方法相同点：两个方法产生的作用是完全一样的，都用来改变当前函数调用的对象。不同点：调用的参数不同，不同点比较精辟的总结如下：foo.call(this,arg1,arg2,arg3) == foo.apply(this, arguments)==thi原创 2016-10-10 15:18:03 · 5807 阅读 · 0 评论 -
Web前端面试指导(三十六)：["1", "2", "3"].map(parseInt) 答案是多少？
题目点评这道题目要求对ECMAScript5版本的函数比较熟悉才能够正确的解答出来，重点考察的就是map函数，这个函数就是ECMAScript5（最新版本）新增的，在加上parseInt这个函数本身也很难理解，该题目难易程度偏难！map方法的使用 语法array.map(callback[,thisArg]);对数组的重新映射。将数组的各个元素依次传入到回调原创 2016-10-10 20:44:56 · 5415 阅读 · 4 评论 -
Web前端面试指导(三十七)：eval是做什么的？
题目点评这题目的看起来比较简单，但是总感觉有没有那么简单，确实是这样子。所以回答这个题目要从不同的角度去回答。首先回答清楚它是干什么的有什么用，然后在谈谈它对作用域的影响，然后就是执行效率的问题，最后谈谈eval()的其它作用。这样答下来自己都觉得满意了吧！eval()的作用把字符串参数解析成JS代码并运行，并返回执行的结果；例如：eval("2+3");//执行加运算，并返回原创 2016-10-10 22:54:32 · 13074 阅读 · 0 评论 -
Web前端面试指导(三十八)：js延迟加载的方式有哪些？
题目点评主要考察对程序的性能方面是否有研究，程序的性能是一个项目不断地追求的，通常也是项目完成后需要长期做的一件事情，像腾讯QQ依然对程序的性能不断地做优化，让用户的体验更好，性能优化的核心思想就是快，可以预先准备数据（如缓存的使用），可以按需获取，可以分段获取等都是常见的优化手段。解题思路1.defer 属性浏览器会并行下载 file.js和其它有 defer 属性的原创 2016-10-11 20:32:06 · 5846 阅读 · 0 评论 -
Web前端面试指导(三十九)：new操作符具体干了什么呢?
题目点评考察对new关键的深刻认识，时候对前端知识有专研，如果没有专研的人，肯定说创建了一个对象，恭喜你面试面试官知道你是小菜鸟来的，这次面试基本上没有太大的希望了。一定要对new过程的4个步骤非常清楚，这样才能深深地抓住面试官的心！题目解析先看代码var Func=function(){};var func=new Func ();new共经过了4几个阶段1、创建一个原创 2016-10-11 22:28:28 · 27226 阅读 · 9 评论 -
Web前端面试指导(四十)：CSS3有哪些新特性？
题目点评CSS3的特性那么多该从哪里说起了？很显然这道题目是有陷阱的，你不可能将所有的特性一个不漏的说出来，就算你说出来，别人还认为你是背的了！所以你主要讲一下在项目中经常用到的Css3的属性就可以，以第一人称来回答这个问题，例如：在我们的项目中经常用CSS3中的XX属性来实现XX特效。解题步骤在项目开发中我们采用的CSS3新特性有1.CSS3的选择器 1）E:las原创 2016-10-12 15:58:20 · 40158 阅读 · 0 评论 -
Web前端面试指导(四十一)：html5有哪些新特性、移除了那些元素？
题目点评题目涉及到范围非常的大，如果要面面俱到显然半天都答不完，可以先罗列出H5的一些新特性，不要回答那么具体，等面试官提具体的问题，所以在面试之前也要把这里的技术过一遍，至少每个技术也要做个小程序出来体验一下。1.H5新特性增强了图形渲染、影音、数据存储、多任务处理等处理能力主要表现在1) 绘画 canvas;类似windows自带的画图板，可绘制线、框、路径、原创 2016-10-12 22:53:48 · 11967 阅读 · 0 评论 -
Web前端面试指导(十三)：css样式的优先级是怎么样的？
题目点评CSS样式的优先级规则给人的感觉总是摸不透，更不用说怎么去表达了，在网络上流传着很多版本，描述的都很复杂也不全面，看了之后还是不满意。我来给大家介绍一个比较系统、全面有比较容易记住的规则吧！解答思路样式优先级规则 1.优先级顺序为：!important>style>权重值 2. 如果权重相同，则最后定义的样式的起作用，应该避免这种情况出现原创 2016-09-23 18:37:07 · 4186 阅读 · 1 评论 -
Web前端面试指导(十五)：CSS样式-display有哪些作用？
题目点评其实就是要你说清楚该属性有哪些值，每个值都有什么作用，这个题目可以答得很简单，但要答全也并非是一件容易的事情。元素默认的display值的情况如下 block(块级元素) 、 …… inline（内联元素） …… list-item（项目列表） none(不显示)原创 2016-09-26 19:51:52 · 3419 阅读 · 0 评论 -
Web前端面试指导(十六)：为什么要初始化CSS样式？
题目点评这个题目乍一看感觉怪怪的，什么叫初始化样式了？如果换一句话你可能就理解了，就是通用样式。这道题目主要涉及的是理论方面的知识，不用写代码，只要描述清楚就可以了初始化样式的原因 因为浏览器的兼容的问题，不同浏览器有些标签的默认值是不同的，如果没有CSS初始化往往会出现浏览器之间的页面显示差异。 标题1标签在不同浏览器的盒子模型 火狐原创 2016-09-27 11:26:09 · 7422 阅读 · 0 评论 -
Web前端面试指导(二十四)：事件是什么？如何阻止事件冒泡？
题目点评这题目的问题是一脉相承的，第一个问题和后面的问题有关联，所以回答第一个问题时一定要涉及到事件执行的原理和过程，必须引出事件冒泡，有了事件冒泡才有第二问题如何阻止冒泡。回答思路事件是什么？ 事件用于监听浏览器的操作行为，浏览器触发动作时被捕捉到而调用相应的函数。事件执行三个阶段① 事件捕获阶段 ② 处于目标阶段③ 事件冒泡阶段原创 2016-10-04 14:08:35 · 3944 阅读 · 1 评论 -
Web前端面试指导(二十五)：谈一下Jquery中的bind,live,delegate,on的区别？
题目点评该题难度不是很大，主要考察我们的叙述能力，对这些事件是否能够全面、系统的理解，以及表达的思路是否清晰。解题思路bind：把事件绑定到每一个匹配的元素上，主要特点1.兼容性比较好2.绑定事件到所有选出来的元素上3.不会绑定事件到动态添加的那些元素上4.当元素很多时，会出现效率问题，特别是嵌套层次比较深的元素。原创 2016-10-04 19:35:29 · 4031 阅读 · 0 评论 -
Web前端面试指导(二十六)：JSON 格式是什么？你了解吗？
题目点评这道题目问得比较抽象，像这种比较抽象的提问，在面试的时候是非常常见的，面试官喜欢就抽象到具体，然后不断地追问，试图通过追问的方式打断你的思路，顺便观察你的应变能力和技术实力。建议在回答的时候尽量详尽，不要给面试官穷追猛打的机会。JSON是什么JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据原创 2016-10-04 21:57:05 · 3636 阅读 · 0 评论 -
Web前端面试指导(十八)：用纯CSS创建一个三角形的原理是什么？
题目点评三角形的图标在网页设计是很常见的，属于基本常识题，只要在练习做到过这个功能都能回答出来，可以把你做过的思路描述出来就可以了，本题的难易程度为简单答题要点1.采用的是均分原理 盒子都是一个矩形或正方形，从形状的中心，向4个角上下左右划分4个部2.代码的实现第一步 保证元素是块级元素第二步 设置元素的边框第三步 不需要显示的边框原创 2016-09-28 12:13:12 · 11262 阅读 · 6 评论 -
Web前端面试指导(四十四)：什么是响应式开发？
题目点评响应式开发是前端开发工作比较常见的工作内容，随着移动端的发展，网页设计必须考虑到移动端的设计，同一个网站为了兼容PC端和移动端显示，响应式开发是前端开发人员必备的技术，所以响应式开发的技术必须掌握。什么是响应式顾名思义，同一个网站兼容不同的大小的设备。如PC端、移动端（平板、横屏、竖排）的显示风格。需要用到的技术1. Media Query（媒体原创 2016-10-18 21:48:43 · 7424 阅读 · 1 评论 -
Web前端面试指导(二十七)：原型是什么？原型链是什么？
题目点评这道题目是属于JavaScript比较难理解的知识点，涉及到的知识也非常抽象深奥，属于JavaScript面向对象思维范畴，如果没有一点面向对象的编程思维的同学，想必是难倒了，即使有一定OOP的同学要回答起来也是比较费劲，不是一时半会能说清楚。但面试官问到了，说明他是懂技术的，用比较专业的术语来回答就好，这样会比较言简意赅。解题思路原型是什么？在JavaScript中原型是原创 2016-10-06 12:32:37 · 18081 阅读 · 0 评论 -
响应式开发从原理到实战案例（一）：响应式基本概述
响应式基本概念响应式就是指同一个页面，在不同大小的屏幕上显示对应风格。如下图所示响应式的主要特点：页面的代码不变，根据屏幕的大小调整布局（什么样的布局是由前端人员来设计）什么地方用到响应式？网站的内容并不是很多，如：公司的官网、宣传页面、产品列表、图片列表使用响应式网页的特点：页面的内容比较少，布局也不复杂为了更加直观，我们对比一下。没有使用响应式的网站有原创 2016-11-09 15:31:56 · 3317 阅读 · 0 评论 -
响应式开发从原理到实战案例（二）：制作没有响应式的静态页面
为了让大家能够理解响应式开发的原理，案例将从点到面，从简单到复杂的方式来展开我们的任务，制作一个网页头部的导航菜单。案例效果如下：index.html 自定义响应式开发原创 2016-11-09 16:00:54 · 1683 阅读 · 0 评论 -
Web前端面试指导(四十七)：页面优化有哪些方法
题目点评页面优化的方法非常多，最好能够对这些优化方案进行分类，这些方案最好能够结合实际开发遇到的问题来表述。优化的方案一、减少操作量尽量减少 HTTP 请求1) 合并文件，比如把多个 CSS 文件合成一个； 2) CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位； 不要在 HTML 中使用缩放图片缩放图片并没有减少图片的容原创 2016-10-27 19:05:13 · 6217 阅读 · 0 评论 -
Web前端面试指导(四十六)：你了解跨域请求吗？
题目点评主要考察对web安全是否有接触 ，关于安全方面的在面试时是经常被问到的。同一个意思可能问法也不同，比如说：“你对跨域了解吗？”“什么是跨域请求了？”其实都是同一个意思，回答思路可以先回答什么是跨域请求，有什么方式可以实现跨域请求基本上就可以了。什么是跨域请求基于JavaScript的安全，JavaScript同源策略要求一个网站不能调用其它网站的js对象。构成跨域的条件就是原创 2016-10-27 17:05:04 · 6126 阅读 · 0 评论 -
Web前端面试指导(二十二)：用js实现千位分隔符，怎么实现?
题目点评本题的难度偏高，涉及到的算法确实有一点的小复杂，这种题目一般出现在笔试题上，不会出现在面谈上。这道题目主要的目的应该是考察你是否有一题多解的能力，特别是正则表达式的使用，如果你能使用正则表达式做出来，面试官应该会被你深深地镇住！解题思路第一种：使用正则表达式function format (num) { var reg=/\d{1,3}(?=(\d{3})+$)/g原创 2016-10-03 16:30:15 · 13124 阅读 · 2 评论 -
Web前端面试指导(十四)：如何居中一个元素（正常、绝对定位、浮动元素）?
题目点评这道题目的提问比较多，连续问了三个问题，正常元素、绝对定位元素、互动元素如何居中，而且居中没有说清楚是垂直居中还是水平居中，要回答清楚这个问题，必须得有深厚的功底，而且要分类的来回答，条理要清楚。可以先把水平居中各种情况说清楚，然后在把垂直居中说清楚。元素水平居中的方式 1）行级元素居中 父元素设置 text-align:center原创 2016-09-26 16:34:07 · 18509 阅读 · 6 评论 -
Web前端面试指导(四十二)：如何在页面上实现一个圆形的可点击区域？
题目点评这道题目是比较开放的题目，答案显然是不只一个的，考察你的应变能力，要能拿出多几个解决方案，获取面试官的芳心。以下给大家讲解三种解决方案。解决方法1. map+area 使用Dreamweaver制作热点会变得非常的容易，最终会形成上面的代码，具体的操作，可以参考视频，http://www.chuanke.com/3885380-190205原创 2016-10-13 19:05:50 · 13988 阅读 · 2 评论 -
Web前端面试指导(四十三)：请描述一下 cookies，sessionStorage 和 localStorage 的区别？
题目点评这是一种对比性比较强的问题，可以先说他们的相同点，然后就是要详细阐述他们的不同点，而不同点不要刻意去对比，只要说出各自的特点，自然他们的不同点就出来了。解决方法相同点：都存储在客户端不同点：1.存储大小cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，原创 2016-10-13 20:55:52 · 7988 阅读 · 4 评论