Bootstrap可以这样学-曹领雄-专题视频课程 课程结构采用思维导图制作，分类清楚，逻辑清晰。可以很直观的了解到所有的Bootstrap的所有内容，相对于官方文档，更适合初学Bootstrap的程序员，推荐大家下载学习。...
SVN匿名访问的设置 目的：最近项目要开发微信公众号，为了前端开发方便，希望项目的所有成员提交代码后，能够使使用同一的服务器来浏览效果。需要将SVN Server设置匿名访问1.SVN Server默认需要提供身份验证的（很不方便）2.设置身份验证的方式-subversion authentication 3.修改配置文件- httpd.conf （64位默认位置 C:\Program Files
微信开发最重要的一步（服务器配置） 智学无忧的教学系统打算开发微信版本，目的是利用微信的方便，为智学无忧的同学提供更加的遍历服务。开发第一步遇到坑了，拿出来和大家分享，希望对网友有帮助1. 微信公众号要认证，我们的已经是认证的了2.进入服务器配置（这个地方有坑） 查了各种资料，才知道，这个地方是随意填的，核心的目的就是验证这个网站或服务器是有效的而已。微信根
BOM-浏览器对象模型(用OOP的思想来学习JavaScript){第8章}-曹领雄-专题视频课程 JavaScript已经成为当今流行的语言，是基于Java的一种非常松散的面向对象语言，是数亿网民受益的新动态语言，增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家，知识点深入浅出，详略得当。技能都来自实际开发的经验，在本课程中，也会将JavaScript开发的常见的“坑”让大家去填满，填满后你离JavaScript开发又进了一步。...
JavaScript常见的引用类型(用OOP的思想来学习JavaScript){第7章}-曹领雄-专题视频课程... JavaScript已经成为当今流行的语言，是基于Java的一种非常松散的面向对象语言，是数亿网民受益的新动态语言，增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家，知识点深入浅出，详略得当。技能都来自实际开发的经验，在本课程中，也会将JavaScript开发的常见的“坑”让大家去填满，填满后你离JavaScript开发又进了一步。...
（JS函数与作用域）[用OOP的思想来学习JavaScript]{第6章}-曹领雄-专题视频课程 JavaScript已经成为当今流行的语言，是基于Java的一种非常松散的面向对象语言，是数亿网民受益的新动态语言，增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家，知识点深入浅出，详略得当。技能都来自实际开发的经验，在本课程中，也会将JavaScript开发的常见的“坑”让大家去填满，填满后你离JavaScript开发又进了一步。...
JavaScript转义 下面这段代码那里错了？ document.write(" alert('') "); 错误原因：字符串的会被解释为与外面的标签匹配，所以需要对 转义\/ document.write(" alert('') ");
【用OOP的思想来学习JavaScript】（基本数据类型及类型转换）{第3章}-曹领雄-专题视频课程... JavaScript已经成为当今流行的语言，是基于Java的一种非常松散的面向对象语言，是数亿网民受益的新动态语言，增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家，知识点深入浅出，详略得当。技能都来自实际开发的经验，在本课程中，也会将JavaScript开发的常见的“坑”让大家去填满，填满后你离JavaScript开发又进了一步。...
【用OOP的思想来学习JavaScript】（JavaScript的运算符）{第4章}-曹领雄-专题视频课程... JavaScript已经成为当今流行的语言，是基于Java的一种非常松散的面向对象语言，是数亿网民受益的新动态语言，增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家，知识点深入浅出，详略得当。技能都来自实际开发的经验，在本课程中，也会将JavaScript开发的常见的“坑”让大家去填满，填满后你离JavaScript开发又进了一步。...
【用OOP的思想来学习JavaScript】（JavaScript的语句结构）{第5章}-曹领雄-专题视频课程... JavaScript已经成为当今流行的语言，是基于Java的一种非常松散的面向对象语言，是数亿网民受益的新动态语言，增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家，知识点深入浅出，详略得当。技能都来自实际开发的经验，在本课程中，也会将JavaScript开发的常见的“坑”让大家去填满，填满后你离JavaScript开发又进了一步。...
【用OOP的思想来学习JavaScript】（JavaScript的变量和数据类型）{第2章}-曹领雄-专题视频课程... JavaScript已经成为当今流行的语言，是基于Java的一种非常松散的面向对象语言，是数亿网民受益的新动态语言，增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家，知识点深入浅出，详略得当。技能都来自实际开发的经验，在本课程中，也会将JavaScript开发的常见的“坑”让大家去填满，填满后你离JavaScript开发又进了一步。...
用OOP的思想来学习JavaScript-编写第一个JavaScript程序（第1章）-曹领雄-专题视频课程... JavaScript已经成为当今流行的语言，是基于Java的一种非常松散的面向对象语言，是数亿网民受益的新动态语言，增强了与用户的交互性。 本课程将毫无保留的将作者积累的开发经验分享给大家，知识点深入浅出，详略得当。技能都来自实际开发的经验，在本课程中，也会将JavaScript开发的常见的“坑”让大家去填满，填满后你离JavaScript开发又进了一步。...
Vue2.0 transition | demo 实践填坑 Vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的，具体请自行详看文档介绍：https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候，虽然比1.0版本强大很多，但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已经很详细地介绍了各种应用场景，但是这里还是通过几个小demo案例来感受下vue2.0
mysql安装error：the security setting could not be applied 在安装MySQL时，出现“The security settings could not be applied to the database because the connection has failed with the following error. Error Nr. 1045 Access denied for user 'root'@'localhost' (using
深圳xiezuo软件面试题 一、单项选择题（20题，每题3分）1、我们想要将表格的文字放在靠上居中的位置，应该怎么办？（C）A）align=”middle” align=”top” B）align=”center” align=”top”C）valign=”middle” align=”top” D）valign=”top” align=”center” 2、
Web前端面试题-实现今年倒计时功能 在网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示”XX年还剩XX天XX时XX分XX秒” 倒计时 最终的效果如下实现代码如下：参考答案如下： //年还剩 var txt= document.getElementById("
关于HTML+CSS设计思想【不定期更新】 1.border-radius 可以用在行级元素上吗？大家可以试试，答案是可以的。比如用在标签上2.下面的这种设计你会怎么做了？不同的人有不同的设计思路 非激活状态 激活状态
自定义插件-让IE9以下的浏览器支持H5属性placeholder 自从有了H5让我们喜也让我们忧，新特性用起来很炫、很酷提高了不少工作效率，但有不得不考虑该死的IE浏览器（从此微软的形象一落千丈）。在H5总我们会使用placeholder属性来实现文本水印提示信息。出来的效果感觉很酷但是让人尴尬的事情来了，IE不支持怎么办了？老曹写了一个插件供大家学习和出考，也欢迎大家提供问题，不断地完善该插件！，插件的文件是《p
让IE9以下的浏览器支持圆角及CSS3新特性 在网上有同学问我：如何在IE9以下版本的浏览器支持圆角的特性。为了让大家在以后的工作中能够更快、更有效的解决这种问题，现在把一种最简单、最有效的解决方案总结给大家，希望能够帮助到你！【就两步搞定！】第一步：下载一个重要的文件 ie-css3.htc，这种类型的文件只要IE才能够识别。下载地址：http://download.csdn.net/detail/lxcao/9685089
响应式开发从原理到实战案例（十五）：响应式改版完整案例-完结 项目总结响应式开发工作的流程，先设计好静态页面，然后通过观察调成，编写相应的媒体查询来调整显示的风格。 个人认为这种做法是最佳的实践。不太建议使用bootstrap来实现一个改版的响应式页面，因为这样的速度更慢，更容易出错， 甚至要改变原来的布局结构。所以建议自定义媒体查询样式，思路更清晰，更不容易出错。如果一个新的响应式项目，整个团队对bootstrap比较熟悉，可以考虑使用boot
响应式开发从原理到实战案例（十四）：响应式改版完整案例-图片处理 首先来看，图片在屏幕放大和缩小是能够很好的适应的效果图缩小后图片的解决方案第一种：使用百分比缺点：放大后，图片会失真第二种：使用em原理分析em是一种数量单位，与父元素的font-size形成一种比例关系，这种关系可以由开发者来控制例如： 父元素font-size：100px 子元素
响应式开发从原理到实战案例（十三）：响应式改版完整案例-页脚 响应式前响应式后实现的关键过程第一步：整体布局媒体查询样式 ~~~~~~~~~~~~~~~~~下一节《响应式改版完整案例-图片处理》~~~~~~~~~~~~~~~~~
响应式开发从原理到实战案例（十二）：响应式改版完整案例-文章列表 响应式前响应式后实现的关键过程第一步：整体布局媒体查询样式底部填充40px第二步:文章模块媒体查询样式 宽度填充100%第三步:侧边栏媒体查询样式padding-left: 0px; 取消左填充的空间width: 100%;//宽度填满整个父容器 ~~~~~~~~~~~~~~~~~下一节《响应
响应式开发从原理到实战案例（十一）：响应式改版完整案例-头部菜单 效果图响应式后实现的关键过程第一步：菜单按钮媒体查询样式第二步:外层布局媒体查询样式padding: 0 20px;//左填充 20pxtext-align: left;//文本左对齐第三步：列表媒体查询样式第四步：编写显示与隐藏的脚本按钮点击事件，对菜单项进行显示和隐藏切换操作
响应式开发从原理到实战案例（十）：响应式改版完整案例-头部列表 效果图响应式后实现的关键过程第一步：ul媒体查询样式使用媒体查询屏幕低于760px后width：80%;marging:0 auto; //水平居中显示第二步：li标签媒体查询样式display:block;//显示块级元素margin-bottom:10px;//元素垂直间隔10px的
响应式开发从原理到实战案例（九）：响应式改版完整案例-静态页面制作 页面效果图页面不支持响应式，布局采用了H5语义化标签。建议 如果布局不是很熟练的建议自己布局一下这个网页 如果布局很熟练的网页，可以忽略这个步骤 ~~~~~~~~~~~~~~~~~下一节《支持响应式-头部列表》~~~~~~~~~~~~~~~~~
响应式开发从原理到实战案例（八）：使用bootstrap V3.3.7实现响应式页面 与V2.3.2的变化从V 3.x版本开始，丢弃了bootstrap-responsive.css文件，而是整合到bootstrap.css文件了。页面的布局和样式的名称也有些变化了具体实现的步骤1、引入相关的文件引入一个css文件 bootstrap.css使用meta设置移动设备自适应进入相关的脚本文件根据bootstrap
响应式开发从原理到实战案例（七）：使用bootstrap V2.3.2实现响应式页面 实现的主要步骤：1、去掉之前的样式文件，应用bootstrap的样式文件。index.css样式文件可以不用了，全部采用bootstrap框架的样式2、在body结束前，先后引入jquery和bootstrap.js在body之前引入js文件，防止页面内容呈现缓慢先引入jquery文件，bootstrap框架以来jquer
响应式开发从原理到实战案例（六）：bootstrap框架介绍 Bootstrap是Twitter推出的一个用于前端开发的开源工具包，Bootstrap推崇“移动优先”（Mobile First）的设计理念，支持动态调整网页布局、创建响应式网站。截止2016年11月，最新版本是 V3.3.7。下载地址V 2.3.2 http://getbootstrap.com/2.3.2/assets/bootstrap.zip
响应式开发从原理到实战案例（五）：使用媒体查询改进响应式页面 前面使用JS来实现响应式的页面，有了媒体查询可以这样改进了在link标签上使用媒体查询，不需要编写那么JS代码：在link标签上用media属性指定媒体查询的内容，条件符合的则引入样式文件。不需要写JS代码。 但也存在问题，能不能不使用两个样式文件，从性能上讲，发生两次请求没有发生一次请求好！合并两个样式文件的内容了？当然可以，在样式文件里使用@media媒体查询/*媒体查
响应式开发从原理到实战案例（四）：媒体查询语法介绍 什么是媒体查询是H5的新特性，为了移动端的使用而新增的特性，使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。它就是为响应式而来的！语法格式media_query>：[only| not]? media_type> [and]* | expression>[and expression>]*expression>：'('media_feature>[:]
响应式开发从原理到实战案例（三）：静态页面转响应式页面 上一节将静态页制作出来了，静态页要转响应式的页面如何实现了？如果在没有H5的新特性下，我们实现的思路会是这样的：为宽屏设计一套样式 index-large-screen.css.header-wrapper .nav-list li{ float: left;}.more-list button{ display: none;}为窄屏设计一套样式 index
响应式开发从原理到实战案例（二）：制作没有响应式的静态页面 为了让大家能够理解响应式开发的原理，案例将从点到面，从简单到复杂的方式来展开我们的任务，制作一个网页头部的导航菜单。案例效果如下：index.html 自定义响应式开发
响应式开发从原理到实战案例（一）：响应式基本概述 响应式基本概念响应式就是指同一个页面，在不同大小的屏幕上显示对应风格。如下图所示响应式的主要特点：页面的代码不变，根据屏幕的大小调整布局（什么样的布局是由前端人员来设计）什么地方用到响应式？网站的内容并不是很多，如：公司的官网、宣传页面、产品列表、图片列表使用响应式网页的特点：页面的内容比较少，布局也不复杂为了更加直观，我们对比一下。没有使用响应式的网站有
Web前端面试指导(完结) 首先感谢网友对我的关注，对智学无忧的关注！历经个多月，终于将web前端面试指导的课程全部更新完毕！希望对学习前端和面试前端的同学有帮助。智学无忧祝大家前程无忧！面试真题学习地址1. Web前端面试指导(五十二)：面试真题-深圳华强电子**有限公司 2. Web前端面试指导(五十三)：面试真题-深圳民**网络科技有限公司3. Web前端面试指导(五
Web前端面试指导(五十一)：javascript的编写规范有哪些？ 全局命名空间污染与 IIFE总是将代码包裹成一个 IIFE(Immediately-Invoked Function Expression)，用以创建独立隔绝的定义域。这一举措可防止全局命名空间被污染。IIFE 还可确保你的代码不会轻易被其它全局命名空间里的代码所修改（i.e. 第三方库，window 引用，被覆盖的未定义的关键字等等）。不推荐 var x = 10,
Web前端面试指导(五十)：CSS样式书写有哪些规范？ 一、CSS书写顺序1.位置属性(position, top, right,z-index, display, float等)2.大小(width, height, padding,margin)3.文字系列(font, line-height,letter-spacing, color- text-align等)4.背景(background, border等)5.其他
Web前端面试指导(四十九)：web前端项目的结构是怎样的？文件有哪些命名规范？ 项目结构规范页面文件：以项目名命名，例如：shopjs文件：命名为jscss文件：命名为css图片文件：命名为images数据文件：命名为data文件存储规范：按项目模块分类存储，例如：用户信息管理页面文件存放：shop/userinfo/userlist.htmljs文件：js/userinfo/userlist.jscss样式：css/useri
Web前端面试指导(四十八)：谈谈浏览器的兼容性 题目点评这个问题是非常抽象的，越是抽象的问题越能表现出我们的表达能力，而面试官就喜欢根据你的回答来追问，不断地打断你的思路，这个时候不要慌，一定要坚信自己。回答思路我们在开发的时候会明确项目要兼容哪些浏览器的最低版本，我之前的项目要求兼容IE8.0以上的版本，Chrome 48以上，FireFox 44以上。有了这些最基本的要求，在开发中就是要考虑到CSS样式和
Web前端面试指导(四十七)：页面优化有哪些方法 题目点评页面优化的方法非常多，最好能够对这些优化方案进行分类，这些方案最好能够结合实际开发遇到的问题来表述。优化的方案一、减少操作量尽量减少 HTTP 请求1) 合并文件，比如把多个 CSS 文件合成一个； 2) CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位； 不要在 HTML 中使用缩放图片缩放图片并没有减少图片的容
Web前端面试指导(四十六)：你了解跨域请求吗？ 题目点评主要考察对web安全是否有接触 ，关于安全方面的在面试时是经常被问到的。同一个意思可能问法也不同，比如说：“你对跨域了解吗？”“什么是跨域请求了？”其实都是同一个意思，回答思路可以先回答什么是跨域请求，有什么方式可以实现跨域请求基本上就可以了。什么是跨域请求基于JavaScript的安全，JavaScript同源策略要求一个网站不能调用其它网站的js对象。构成跨域的条件就是
Web前端面试指导(四十五)：页面渲染原理是什么？ 题目点评这是一道纯理论的题目，只要能够将浏览器的渲染过程很专业的表述出来，一定会得到面试官的青睐，作为一枚前端人员确实有必要了解一下浏览器的渲染过程是怎样的，对于页面性能的提升是有帮助的。解题思路渲染引擎是干什么的渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件可以显示PDF格式。渲染引擎不同的
浏览器工作原理（十）：CSS2可视模型（CSS2 visual module） 画布The Canvas 根据CSS2规范，术语canvas用来描述格式化的结构所渲染的空间——浏览器绘制内容的地方。画布对每个维度空间都是无限大的，但浏览器基于viewport的大小选择了一个初始宽度。 根据http://www.w3.org/TR/CSS2/zindex.html的定义，画布如果是包含在其他画布内则是透明的，否则浏览器会指定一个颜色。 CSS盒模型 CS
浏览器工作原理（九）：动态变化和渲染引擎的线程 动态变化 浏览器总是试着以最小的动作响应一个变化，所以一个元素颜色的变化将只导致该元素的重绘，元素位置的变化将大致元素的布局和重绘，添加一个Dom节点，也会大致这个元素的布局和重绘。一些主要的变化，比如增加html元素的字号，将会导致缓存失效，从而引起整数的布局和重绘。渲染引擎的线程 渲染引擎是单线程的，除了网络操作以外，几乎所有的事情都在单一的线程中处理，在Firefox
浏览器工作原理（八）：绘制（Painting） 绘制阶段，遍历渲染树并调用渲染对象的paint方法将它们的内容显示在屏幕上，绘制使用UI基础组件，这在UI的章节有更多的介绍。 全局和增量 和布局一样，绘制也可以是全局的——绘制完整的树——或增量的。在增量的绘制过程中，一些渲染对象以不影响整棵树的方式改变，改变的渲染对象使其在屏幕上的矩形区域失效，这将导致操作系统将其看作dirty区域，并产生一个paint事件，操作系统很巧妙的处理这
浏览器工作原理（七）：布局（Layout） 当渲染对象被创建并添加到树中，它们并没有位置和大小，计算这些值的过程称为layout或reflow。 Html使用基于流的布局模型，意味着大部分时间，可以以单一的途径进行几何计算。流中靠后的元素并不会影响前面元素的几何特性，所以布局可以在文档中从右向左、自上而下的进行。也存在一些例外，比如html tables。 坐标系统相对于根frame，使用top和left坐标。 布局是一个
浏览器工作原理（六）：渲染树构建 当Dom树构建完成时，浏览器开始构建另一棵树——渲染树。渲染树由元素显示序列中的可见元素组成，它是文档的可视化表示，构建这棵树是为了以正确的顺序绘制文档内容。Firefox将渲染树中的元素称为frames，WebKit则用renderer或渲染对象来描述这些元素。一个渲染对象知道怎么布局及绘制自己及它的children。RenderObject是Webkit的渲染对象基类，它的定义如下
浏览器工作原理（五）：CSS解析（CSS parsing） 还记得简介中提到的解析的概念吗，不同于html，css属于上下文无关文法，可以用前面所描述的解析器来解析。Css规范定义了css的词法及语法文法。看一些例子：每个符号都由正则表达式定义了词法文法（词汇表）：comment///*[^*]*/*+([^/*][^*]*/*+)*//num[0-9]+|[0-9]*"."[0-9]+nonascii[/200-/377]nmstart
浏览器工作原理（四）：HTML解析器 HTML Parser HTML解析器的工作是将html标识解析为解析树。HTML文法定义（The HTML grammar definition）W3C组织制定规范定义了HTML的词汇表和语法。非上下文无关文法（Not a context free grammar）正如在解析简介中提到的，上下文无关文法的语法可以用类似BNF的格式来定义。不幸的是，所有的传统解析方式都不适
浏览器工作原理（三）：关于解析的一些基本概念（理论性很强） 解析（Parsing－general）既然解析是渲染引擎中一个非常重要的过程，我们将稍微深入的研究它。首先简要介绍一下解析。解析一个文档即将其转换为具有一定意义的结构——编码可以理解和使用的东西。你想啊！HTML是一个纯文本的东西，计算机要怎么理解了？所以需要解析文档文档内容了嘛！所以HTML代码要遵守W3C的规范嘛！没有规则的东西是解析不了的，你说是不是！解析的结果通常是表达文档结构的节点树
浏览器工作原理（二）：渲染引擎的详细介绍 渲染引擎是干什么的渲染引擎的职责就是渲染，即在浏览器窗口中显示所请求的内容。默认情况下，渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件（所以想做浏览器插件的同学必须知道浏览器的工作原理），可以显示PDF格式，将由专门一章讲解插件及扩展，这里只讨论渲染引擎最主要的用途——显示应用了CSS之后的html及图片。渲染引
浏览器工作原理（一）：浏览器的整体工作流程介绍 掌握原理的必要性在浏览器上输入一个网址后，一个漂亮的页面就呈现在我们眼前，中间发生了什么了？对于一个普通用户来讲，也许不用思考这个问题，但要作为一个名前端开发人员或是想开发插件的同学来讲，掌握浏览器的工作原理是非常有必要的！浏览器主要功能今天讨论五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。浏览器的功能和目的都是一样的，但在解析的过程中会有些差别。那么
Web前端面试指导(四十四)：什么是响应式开发？ 题目点评响应式开发是前端开发工作比较常见的工作内容，随着移动端的发展，网页设计必须考虑到移动端的设计，同一个网站为了兼容PC端和移动端显示，响应式开发是前端开发人员必备的技术，所以响应式开发的技术必须掌握。什么是响应式顾名思义，同一个网站兼容不同的大小的设备。如PC端、移动端（平板、横屏、竖排）的显示风格。需要用到的技术1. Media Query（媒体
Web前端面试指导(四十三)：请描述一下 cookies，sessionStorage 和 localStorage 的区别？ 题目点评这是一种对比性比较强的问题，可以先说他们的相同点，然后就是要详细阐述他们的不同点，而不同点不要刻意去对比，只要说出各自的特点，自然他们的不同点就出来了。解决方法相同点：都存储在客户端不同点：1.存储大小cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，
Web前端面试指导(四十二)：如何在页面上实现一个圆形的可点击区域？ 题目点评这道题目是比较开放的题目，答案显然是不只一个的，考察你的应变能力，要能拿出多几个解决方案，获取面试官的芳心。以下给大家讲解三种解决方案。解决方法1. map+area 使用Dreamweaver制作热点会变得非常的容易，最终会形成上面的代码，具体的操作，可以参考视频，http://www.chuanke.com/3885380-190205
Web前端面试指导(四十一)：html5有哪些新特性、移除了那些元素？ 题目点评题目涉及到范围非常的大，如果要面面俱到显然半天都答不完，可以先罗列出H5的一些新特性，不要回答那么具体，等面试官提具体的问题，所以在面试之前也要把这里的技术过一遍，至少每个技术也要做个小程序出来体验一下。1.H5新特性增强了图形渲染、影音、数据存储、多任务处理等处理能力主要表现在1) 绘画 canvas;类似windows自带的画图板，可绘制线、框、路径、
Web前端面试指导(四十)：CSS3有哪些新特性？ 题目点评CSS3的特性那么多该从哪里说起了？很显然这道题目是有陷阱的，你不可能将所有的特性一个不漏的说出来，就算你说出来，别人还认为你是背的了！所以你主要讲一下在项目中经常用到的Css3的属性就可以，以第一人称来回答这个问题，例如：在我们的项目中经常用CSS3中的XX属性来实现XX特效。解题步骤在项目开发中我们采用的CSS3新特性有1.CSS3的选择器 1）E:las
Web前端面试指导(三十九)：new操作符具体干了什么呢? 题目点评考察对new关键的深刻认识，时候对前端知识有专研，如果没有专研的人，肯定说创建了一个对象，恭喜你面试面试官知道你是小菜鸟来的，这次面试基本上没有太大的希望了。一定要对new过程的4个步骤非常清楚，这样才能深深地抓住面试官的心！题目解析先看代码var Func=function(){};var func=new Func ();new共经过了4几个阶段1、创建一个
Web前端面试指导(三十八)：js延迟加载的方式有哪些？ 题目点评主要考察对程序的性能方面是否有研究，程序的性能是一个项目不断地追求的，通常也是项目完成后需要长期做的一件事情，像腾讯QQ依然对程序的性能不断地做优化，让用户的体验更好，性能优化的核心思想就是快，可以预先准备数据（如缓存的使用），可以按需获取，可以分段获取等都是常见的优化手段。解题思路1.defer 属性浏览器会并行下载 file.js和其它有 defer 属性的
Web前端面试指导(三十七)：eval是做什么的？ 题目点评这题目的看起来比较简单，但是总感觉有没有那么简单，确实是这样子。所以回答这个题目要从不同的角度去回答。首先回答清楚它是干什么的有什么用，然后在谈谈它对作用域的影响，然后就是执行效率的问题，最后谈谈eval()的其它作用。这样答下来自己都觉得满意了吧！eval()的作用把字符串参数解析成JS代码并运行，并返回执行的结果；例如：eval("2+3");//执行加运算，并返回
Web前端面试指导(三十六)：["1", "2", "3"].map(parseInt) 答案是多少？ 题目点评这道题目要求对ECMAScript5版本的函数比较熟悉才能够正确的解答出来，重点考察的就是map函数，这个函数就是ECMAScript5（最新版本）新增的，在加上parseInt这个函数本身也很难理解，该题目难易程度偏难！map方法的使用 语法array.map(callback[,thisArg]);对数组的重新映射。将数组的各个元素依次传入到回调
Web前端面试指导(三十五)：call() 和 apply() 的区别？ 题目点评本题属于比较一般性的问题，稍有接触的同学都是能够掌握的，先说清楚他们的相同点，方法的作用的，在把它们的差异讲清楚。 解题方法相同点：两个方法产生的作用是完全一样的，都用来改变当前函数调用的对象。不同点：调用的参数不同，不同点比较精辟的总结如下：foo.call(this,arg1,arg2,arg3) == foo.apply(this, arguments)==thi
Web前端面试指导(三十四)：如何实现浏览器内多个标签页之间的通信? 题目点评本题主要考察数据存储的知识，数据存储有本地和服务器存储两种方式，对于前端开发来讲，只需要讲解用本地存储的方式来解决就好。当然也能知道服务器端的方式更好。本题的难易程度一般，只要能够说出思路就可以，至少说两种解决方法。 解题方法 方法一：使用localStorage使用localStorage.setItem(key,value);添加内容使用storage事件监
Web前端面试指导(三十三)：谈谈你对模块化开发的理解？ 题目点评主要考察你是否有做过比较复杂、庞大的项目，是否具备一定的编程思想。随着前端技术的发展,前端编写的代码量也越来越大，就需要对代码有很好的管理。目前比较好的开发语言就是OOP（面向对象编程）编程语言，例如java语言、C#语言。从JavaScript新的版本来看，要求JavaScript具有封装、继承、多态这样的优点需求越来越明显。这道题属于编程思想上范畴。什么是模块化所谓的模块化
Web前端面试指导(三十二)：同步和异步有什么区别？ 题目点评这种问题也不是很复杂，建议在回答的时候最好结合自己的实际项目开发以及自己的理解来回答，这样的效果会比较好，面试上提的问题本来目的就是想考察你是否熟悉，是否有用到过，如果你是结合你的项目来回答问题的，很显然向面试官传递了一个信息就是你是有开发经验的。同步的概念同步，我的理解是一种线性执行的方式，执行的流程不能跨越。一般用于流程性比较强的程序，我们做的用户登录功能也是同步处理的，必
Web前端面试指导(三十一)：谈谈你对this的理解 题目点评主要考察你对面向对象编程的理解，特别是对象的指向问题，如果连对象的指向都搞不清楚，很难说明你是一个优秀的前端开发人员，所以回答this的知识点是体现你的身价的时候到来了！如果能够回答好这个问题，那么在面试上你是增值的。个人建议，可以先回答this在不同的场合指向的是什么，在来回答什么时候用到this，这样回答的逻辑会比较好。this的指向this表示当前对象，this的指向是根
Web前端面试指导(三十)：JavaScript有几种类型的值？你能画一下他们的内存图吗？ 题目点评数据类型是所有程序都会涉及到的，是计算机语言比较基础知识，这种问题被问到的可能性其实并不大，这样的题目只要花点时间把它记下来就好了，难易程度一般。 两大类：栈：原始数据类型（Undefined，Null，Boolean，Number、String）堆：引用数据类型（对象、数组和函数）区别：两种类型的区别是：存储位置不同；原始数据类型直接存储在栈(stack)
Web前端面试指导(二十九)：Ajax 是什么? 如何创建一个Ajax？ 题目点评Ajax 是在工作中是必用的技术，在面试中十有八九会问的，答题的思路最好先回答原生态Ajax使用的步骤，最后告诉面试官，我们在工作中是使用Jquery来实现Ajax请求和处理的。在回答的时候尽量详尽，包括方法的参数的个数，顺序和作用，以免被面试官抓住不放。不给面试官提问的机会，那你的回答就牛逼了！Ajax是什么我理解Ajax 是一种异步请求数据的一种技术，对于改善用户的体验和程
Web前端面试指导(二十八)：什么是闭包，为什么要用它？ 题目点评闭包这个概念也是JavaScript中比较抽象的概念，也是JavaScript中的一个难点，要求对理论知识理解的比较透彻，概念性的东西一两句就讲完了，所以这道题目可以死记硬背，如果实在不能理解的话。解题思路闭包是什么你可以这样回答：我个人理解，闭包是就是函数中的函数，里面的函数可以访问外面函数的变量，外面的变量的是这个内部函数的一部分。辅助理解 func
Web前端面试指导(二十七)：原型是什么？原型链是什么？ 题目点评这道题目是属于JavaScript比较难理解的知识点，涉及到的知识也非常抽象深奥，属于JavaScript面向对象思维范畴，如果没有一点面向对象的编程思维的同学，想必是难倒了，即使有一定OOP的同学要回答起来也是比较费劲，不是一时半会能说清楚。但面试官问到了，说明他是懂技术的，用比较专业的术语来回答就好，这样会比较言简意赅。解题思路原型是什么？在JavaScript中原型是
Web前端面试指导(二十六)：JSON 格式是什么？你了解吗？ 题目点评这道题目问得比较抽象，像这种比较抽象的提问，在面试的时候是非常常见的，面试官喜欢就抽象到具体，然后不断地追问，试图通过追问的方式打断你的思路，顺便观察你的应变能力和技术实力。建议在回答的时候尽量详尽，不要给面试官穷追猛打的机会。JSON是什么JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据
Web前端面试指导(二十五)：谈一下Jquery中的bind,live,delegate,on的区别？ 题目点评该题难度不是很大，主要考察我们的叙述能力，对这些事件是否能够全面、系统的理解，以及表达的思路是否清晰。解题思路bind：把事件绑定到每一个匹配的元素上，主要特点1.兼容性比较好2.绑定事件到所有选出来的元素上3.不会绑定事件到动态添加的那些元素上4.当元素很多时，会出现效率问题，特别是嵌套层次比较深的元素。
Web前端面试指导(二十四)：事件是什么？如何阻止事件冒泡？ 题目点评这题目的问题是一脉相承的，第一个问题和后面的问题有关联，所以回答第一个问题时一定要涉及到事件执行的原理和过程，必须引出事件冒泡，有了事件冒泡才有第二问题如何阻止冒泡。回答思路事件是什么？ 事件用于监听浏览器的操作行为，浏览器触发动作时被捕捉到而调用相应的函数。事件执行三个阶段① 事件捕获阶段 ② 处于目标阶段③ 事件冒泡阶段
Web前端面试指导(二十三)：怎样创建、添加、移除、移动、和查找节点? 创建元素 1.createDocumentFragment()创建一个虚拟节点对象,对于频繁操作DOM时推荐使用，减少对页面重绘频率从而提高页面响应的速度。例证 示例1 使用DOM频繁创建、添加节点console.time("纯DOM操作");for (var i = 0; i < 10000; i++) { vardiv = document.create
Web前端面试指导(二十二)：用js实现千位分隔符，怎么实现? 题目点评本题的难度偏高，涉及到的算法确实有一点的小复杂，这种题目一般出现在笔试题上，不会出现在面谈上。这道题目主要的目的应该是考察你是否有一题多解的能力，特别是正则表达式的使用，如果你能使用正则表达式做出来，面试官应该会被你深深地镇住！解题思路第一种：使用正则表达式function format (num) { var reg=/\d{1,3}(?=(\d{3})+$)/g
Web前端面试指导(二十一)：如何向数组中间插入或删除元素？ 题目点评目的是考察对字符串的API是否熟悉，很多课程都只是讲一些比较普通方法的使用，但对于比较生僻一点的方法就没有涉及到了。主要考察知识面是否宽广。解题思路比较独特的方法作为第一种解决方案进行简述，大家都能想到的方法放到后面。第一种方法 使用splice方法语法介绍splice(start, deleteCount, value, ...)参数说明
Web前端面试指导(二十)：JavaScript中如何翻转一个字符串？ 题目点评字符串作在程序中是非常常见的，因为程序中绝大部分的数据都可以当作字符串来处理。需要对字符的处理方法比较熟悉，在回答的时候尽量能够说出多种解决方法更好！字符串翻转的方法1）使用字符串函数 //str=hello function reverseString(str) { var array = str.split('');//['h','e','l
快速了解微信小程序的使用，一个根据小程序的框架开发的todos app 源码下载地址： ＱＱ群 Web前端高级工程师 386039008 微信官方已经开放微信小程序的官方文档和开发者工具。前两天都是在看相关的新闻来了解小程序该如何开发，这两天官方的文档出来之后，赶紧翻看了几眼，重点了解了一下文档中框架与组件这两个部分，然后根据简易教程，做了一个常规的todo app。这个app基于微信小程序的平台，实现了todo app的常规功能，同
Web前端面试指导(十九)：CSS样式-如何清除元素浮动？ 题目点评本题属于比较常问的题目，也是在网页设计中经常遇到的问题，面试官希望通过这样的面试题来了解你对网页设计的基本功底，如果这样的题目答不出来，必会让面试官大失所望，面试成功的概率是非常小的。答题思路可以先回答在工作上常用的清除方法，并说明为什么使用它，然后在讲一些其它的清除方法来说明你的思维广阔，知识丰富的一面。 1.使用clear:both清除浮动示例1：使
Web前端面试指导(十八)：用纯CSS创建一个三角形的原理是什么？ 题目点评三角形的图标在网页设计是很常见的，属于基本常识题，只要在练习做到过这个功能都能回答出来，可以把你做过的思路描述出来就可以了，本题的难易程度为简单答题要点1.采用的是均分原理 盒子都是一个矩形或正方形，从形状的中心，向4个角上下左右划分4个部2.代码的实现第一步 保证元素是块级元素第二步 设置元素的边框第三步 不需要显示的边框
Web前端面试指导(十七)：一个满屏 品 字布局 如何设计? 题目点评这道题目有可能是笔试题，有可能面谈的时候进行叙述，如果是笔试题要求对css样式代码非常熟练，如果是面谈叙述，就需要你的表达能力非常强，要抓住要点。解题思路1. 元素水平居中对齐1) 使用margin对齐(推荐)2) 使用left：50%3) 使用text-align
Web前端面试指导(十六)：为什么要初始化CSS样式？ 题目点评这个题目乍一看感觉怪怪的，什么叫初始化样式了？如果换一句话你可能就理解了，就是通用样式。这道题目主要涉及的是理论方面的知识，不用写代码，只要描述清楚就可以了初始化样式的原因 因为浏览器的兼容的问题，不同浏览器有些标签的默认值是不同的，如果没有CSS初始化往往会出现浏览器之间的页面显示差异。 标题1标签在不同浏览器的盒子模型 火狐
Web前端面试指导(十五)：CSS样式-display有哪些作用？ 题目点评其实就是要你说清楚该属性有哪些值，每个值都有什么作用，这个题目可以答得很简单，但要答全也并非是一件容易的事情。元素默认的display值的情况如下 block(块级元素) 、 …… inline（内联元素） …… list-item（项目列表） none(不显示)
Web前端面试指导(十四)：如何居中一个元素（正常、绝对定位、浮动元素）? 题目点评这道题目的提问比较多，连续问了三个问题，正常元素、绝对定位元素、互动元素如何居中，而且居中没有说清楚是垂直居中还是水平居中，要回答清楚这个问题，必须得有深厚的功底，而且要分类的来回答，条理要清楚。可以先把水平居中各种情况说清楚，然后在把垂直居中说清楚。元素水平居中的方式 1）行级元素居中 父元素设置 text-align:center
Web前端面试指导(十三)：css样式的优先级是怎么样的？ 题目点评CSS样式的优先级规则给人的感觉总是摸不透，更不用说怎么去表达了，在网络上流传着很多版本，描述的都很复杂也不全面，看了之后还是不满意。我来给大家介绍一个比较系统、全面有比较容易记住的规则吧！解答思路样式优先级规则 1.优先级顺序为：!important>style>权重值 2. 如果权重相同，则最后定义的样式的起作用，应该避免这种情况出现
Web前端面试指导(十二)：::before 和:before有什么区别？ 题目点评这个问题看来很简单，但如果之前没有琢磨这个问题，给人感觉也是门头一垂，听到这个题目就懵逼了，因为原来从来没有注意过这个问题，即便有注意这个问题也不能很好的回答清楚。回答的技巧就是从相同点和不同点，以及他们的作用，及注意事项上去回答。解答要点 相同点都可以用来表示伪类对象，用来设置对象前的内容:befor和::before写法是等效的 不同
Web前端面试指导(十一)：样式导入有哪些方式？ 样式导入方式linkimport使用方式link的使用 import的使用 @import "index.css"; 不同点link除了引用样式文件，还可以引用图片等资源文件，而import只引用样式文件兼容性不同，link不存在兼容性的问题，import在IE5以上支持，是css2.1新增的在样式表文件
Web前端面试指导(十)：元素定位有哪些？ 本题点评在web前端中，元素定位是必须掌握的，是网页制作的必备技能，也是衡量是否为一个合格的web前端开发的标准之一，在网页设计中，很多地方都需要使用定位，例如菜单弹出，提示信息层等都需要定位。所以本题的难易程度为简单。解题思路position为元素定位属性，包含以下属性值1. absolute 绝对定位 相对位置为父元素为非static的第一个父元素进行定位。
Web前端面试指导(九)：盒子模型你是怎么理解的？ 问题分析这道题问得比较宽泛，一定要找准切入点，如果切入点找不准，很容易乱答，甚至答偏，所以找准切入点是非常的重要的。解答思路1）盒子模型有两种，W3C和IE盒子模型① W3C定义的盒子模型包括margin、border、padding、content ，元素的width=content的宽度 ② IE盒子模型与W3C的盒子模型唯一区别就是元素的宽度，元素的width=c
Web前端面试指导(八)：iframe有那些缺点 本题的特点这道题目的特点就是不按照正常的套路来提问，一般都是问优点，这里比较反常问iframe的缺点，很多同学肯定很不习惯这种问答，因为平时只关注有点，这么一问就懵逼了！本题解答的思路及要点① iframe会阻塞主页面的Onload事件；② 搜索引擎的检索程序无法解读这种页面，不利于SEO;③ 会影响页面的并行加载。
549阅读
0评论
1点赞
549阅读 0评论 1点赞 549阅读 0评论 1点赞 