首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端面试那些坑

position的值relative和absolute定位原点是? CSS3有哪些新特性? 请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?...(jQuery.fn.find()进入Sizzle) 针对 jQuery性能的优化方法? Jquery与jQuery UI有啥区别? JQuery的源码看过吗?能不能简单说一下它的实现原理?...简述一下 Handlerbars 的对模板的基本处理流程, 如何编译的?如何缓存的? 用js实现千位分隔符?(来源:前端农民工,提示:正则+replace) 检测浏览器版本版本有哪些方式?...你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy, decrator么? 常使用的库有哪些?常用的前端开发工具?...项目中遇到国哪些印象深刻的技术难题,具体是什么问题,怎么解决?。 最近在学什么东西? 你的优点是什么?缺点是什么? 如何管理前端团队? 最近在学什么?能谈谈你未来3,5年给自己的规划吗?

2.2K60

前端工程师面试题汇总

JQuery的源码看过吗?能不能简单概况一下它的实现原理? jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this?...(jQuery.fn.find()进入Sizzle) 针对 jQuery性能的优化方法? Jquery与jQuery UI有啥区别? JQuery的源码看过吗?能不能简单说一下它的实现原理?...简述一下 Handlerbars 的对模板的基本处理流程, 如何编译的?如何缓存的? 用js实现千位分隔符?(来源:前端农民工,提示:正则+replace) 检测浏览器版本版本有哪些方式?...你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy, decrator么? 常使用的库有哪些?常用的前端开发工具?...项目中遇到国哪些印象深刻的技术难题,具体是什么问题,怎么解决?。 最近在学什么东西? 你的优点是什么?缺点是什么? 如何管理前端团队? 最近在学什么?能谈谈你未来3,5年给自己的规划吗?

2.1K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    手把手教你用jQuery Mobile做相册

    【一、项目背景】 jQuery是当前很流行的一个JavaScript框架,使用类似于CSS的选择器,可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少jQuery插件,也可对个方面进行插件开发。...在你的网页中添加 jQuery Mobile 你可以通过以下几种方式将jQuery Mobile添加到你的网页中: 从 CDN 中加载 jQuery Mobile (推荐)。...data-rel="popup" 设置当前元素具有弹出窗的功能 data-position-to="window" 设置弹出窗出现在窗口中间位置 2. 给图片添图标。... 属性 含义 data-iconpos="notext" 只显示图标 data-icon="delete" 删除按钮 data-role="button" 表示这是一个按钮 提示...欢迎大家积极尝试,有时候看到别人实现起来很简单,但是到自己动手实现的时候,总会有各种各样的问题,切勿眼高手低,勤动手,才可以理解的更加深刻。

    2.4K10

    在 jQuery Mobile 中使用 UI 组件

    对话框和弹出窗口 对话框是一个重要的 UI 元素,提示用户作出响应,或者只是显示信息。对话框最常用于向用户提供选项,根据用户的响应执行某些命令。...与对话框有关的最常用转换是 pop,但肯定也有可以应用其他转换的场景。 工具栏 jQuery Mobile 框架包括页眉和页脚作为其标准工具栏;然而,由于有 navbar,工具栏也可以用来显示导航。...- 属性,如 data-position,它可以设置工具栏的位置行为。...该属性的默认值是 inline,但您也可以将它的值设置为 fixed,以便将工具栏(如,页眉)保持在一个特定的位置,即使在 Web 页面滚动时,工具栏的位置也不变。...利用 jQuery Mobile 框架将页眉和页脚工具栏设置为全屏 position="fullscreen"> My Page Title

    8.1K20

    2021大厂(阿里、百度、字体跳动、腾讯)前端面试题库

    2.与webpack类似的工具还有哪些?谈谈你为什么最终选择(或放弃)使用webpack? 3.有哪些常见的Loader?他们是解决什么问题的? 4.有哪些常见的Plugin?他们是解决什么问题的?...14.webpack是解决什么问题而生的? 15.如何配置多入口文件?...2.提交时发生冲突,你能解释冲突是如何产生的吗?你是如何解决的? 3.如果本次提交误操作,如何撤销? 4.如果我想修改提交的历史信息,应该用什么命令? 5.你使用过git stash命令吗?...37.params 和 query 的区别 38.vue 初始化页面闪动问题 39.vue 更新数组时触发视图更新的方法 40.vue 常用的 UI 组件库 41.Vue的生命周期?...9.jquery中的选择器和CSS中的选择器有区别吗? 10.jQuery的特点都有什么? React 1.什么是React? 2.React有什么特点? 3.列出React的一些主要优点。

    1.8K20

    webpack构建优化:bundle体积从3M到400k之路

    作为一个为韩国头部厂商提供优质服务的网站,接到这种反馈,这不是啪啪打脸吗。 代码是在以前的老框架上写的(必须坚定把锅甩出去,手动捂脸)。喝杯咖啡镇定下,找找什么问题。...', 'jquery': 'jQuery.noConflict()' }}; 在index.html中添加jquery.all.js和element-ui,引入的js如下: 的js的时候有个坑,打包后老报错: image.png 索性通过npm uninstall element-ui,将这个组件删除掉,直接通过cdn引入。...比较赞同知乎网友对其的评价: webpack充斥着大量名字类似 what-the-fuck-is-this-plugin 的插件,以及这个插件附带的一千种配置和一万种副作用,以至于每次出现打包的问题都会产生哲学三问...我的配置有错误吗?     这个插件真的没有bug吗?

    4.1K50

    前端开发面试题

    怎么使用它们、它们有什么问题以及怎么解决这些问题。...(jQuery.fn.find()进入Sizzle) 针对 jQuery性能的优化方法? Jquery与jQuery UI 有啥区别?...*jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。...React能够相对精确地找出哪些位置发生了改变以及如何发生了什么变化, 并且知道如何只通过必要的更新来最小化重渲染。 为什么循环产生的组件中要利用上key这个特殊的prop?...是否了解Web注入攻击,说下原理,最常见的两种攻击(XSS 和 CSRF)了解到什么程度? 项目中遇到国哪些印象深刻的技术难题,具体是什么问题,怎么解决?。 最近在学什么东西? 你的优点是什么?

    5.1K52

    我所理解的前端

    上面只是一套笼统的流程,至少在前端这方面我们需要做的有梳理业务逻辑并理解业务逻辑,这对你后面的开发很有用处,同时根据需求进行应用技术的选择,项目结构的划分,需求模块的划分,完整项目的搭建,当然现在有很多可以自动化构建工具可以节省你很多时间...产品追求的是什么?说实话,我自己没有深刻去思考过这个问题。站在一个惯性的角度思考可以想到:一个产品为什么存在,他的存在能解决什么问题,他的用户体验好不好。这些才是决定一个产品的核心价值。...因为一个细节的逻辑往往决定了整个大方向。举个例子:有一个需求,用户的作品需要提交审核,经过审核才可以让所有人看到。当产品经理交这个需求给你的时候,你能察觉到什么问题了吗?...说另外一个故事,有家智能家居的公司,要实现厨房水龙头,根据人声说水温几度,就可以达到几度。换个角度想,你会感觉出40度和45度水的温差吗?而且根据人声判断,这又涉及到声音识别系统,你要兼容多少种语言?...(ps:虽然我还在坑里),也算对自己工作的一个总结吧,写的比较絮叨,不喜勿喷,最后祝大家2018升职加薪,找到女朋友!!!

    854110

    jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

    如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar。...,它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持,并且在滚动的过程中,还可以缓冲滚动使得滚动更加的平滑,还可以自动调整滚动条的位置和定义滚动到的位置等...这里使用了 Google 的 CDN 加速服务来加载 jQuery 和 jQuery UI,当然你也可以把这两个库上传到自己的服务器上。...scrollTo 用法:$(selector).mCustomScrollbar("scrollTo",position); 你可以使用这个方法自动的滚动到你想要滚动到的位置。...当然,有问题就肯定有解决方法。面对这个问题,解决方法很简单,就是虚拟出来一个浏览器窗口。

    14.2K30

    【第1篇】TypeScript在Eclipse在线安装和使用教程

    Microsoft 的语言开发者们说内部以及外部的客户都表示他们构建 JavaScript 代码的问题。...在 Microsoft 内部,它导致了自定义工具以简化 JavaScript 组件的编写的需求。 3特性 TypeScript 是一种给 JavaScript 添加特性的语言扩展。...声明文件 当一个 TypeScript 脚本被编译时,有一个产生作为编译后的 JavaScript 的组件的一个接口而起作用的声明文件 (具有扩展名 .d.ts) 的选项。...当第三方开发者从 TypeScript 中使用它时,由此产生的声明文件就可以被用于描述一个 JavaScript 库或模块导出的虚拟的 TypeScript 类型。...4工具 TypeScript 编译器,名称叫 tsc, 是用可以被编译为可以被执行在任何 JavaScript 引擎中,在任何宿主 - 如浏览器 - 中的常规 JavaScript 的 TypeScript

    9.8K10

    HTML中拖放介绍

    1.在jQuery UI里面会经常使用Draggable和Droppable,实现Web开发中拖放效果,当然这不是原生条的拖放,所以在处理复杂的拖放上还是需要自己动手写很多代码,最近开发中就遇到这个问题...没有具体开发过mobile web应用,不知道jQuery UI的draggable和droppable是否支持手机上的触摸操作。...mouseover 鼠标移动到了每个元素上 放置在哪个元素上面 mouseout 鼠标移除了某个元素,此元素不再是 可放置的元素 需要为用户给出提示吗?...mouseup 释放鼠标按键,可能会触发放置操作 基于鼠标起始位置,是否放置在此位置 弊端: 1.需要考虑边界,而已需要提示哪里位置可以放置元素 2.不能将自己的页面的元素与其他页面,或者窗口、浏览器中其他内容合并或者交互...所以可以看到很多拖放文件上传工具使用了flash去上传,业务逻辑上又复杂的拖放操作也都交给了flash去完成。毕竟flash在动画交互方面还是很有优势的。

    3.1K100

    jquery第一次课的案例教程

    为什么要学jquery 使用javascript开发过程中,有许多的缺点: 查找元素的方法单一,麻烦。 遍历数组很麻烦,通常要嵌套一大堆的for循环。 有兼容性问题。...jquery的版本问题 官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 1.x和2.x版本jquery都不再更新版本了,现在只更新...position方法 offset方法获取元素距离document的位置,position方法获取的是元素距离有定位的父元素的位置。...//获取元素距离document的位置,返回值为对象:{left:100, top:100} $(selector).offset(); //获取相对于其最近的有定位的父元素的位置。...使用插件 jquery.lazyload.js 懒加载插件 jquery.ui.js插件 jQueryUI专指由jQuery官方维护的UI方向的插件。

    6910

    JavaScript图表的数据可视化:比较D3和Kendo UI

    Kendo UI是由Telerik公司开发,Kendo UI是一个商业库,有一些版本支持Angular、React和Vue框架以及基本的jQuery环境。...我们只告诉D3我们想把它放在平移的位置,然后告诉它添加坐标轴并给它数据。 在Kendo UI方面,我们已经有了Y轴和X轴的线,我们只需要标签。...有一些小细节我可以调整使他们完全一样,但这是足够接近。 ? Tool Tips 最后一件事,我将添加到两个图表是一组工具提示给我们数据细节,当我们悬停在任何条。这将突出显示我们如何添加动画。...这段代码表示,当我们鼠标滑过一个列时,我们会在一个特定的位置显示工具提示。该部分的最后一行与Kendo UI端上的一行类似,在那里,我们有机会提供一个模板来显示工具提示中的内容。...如果你需要完成一项工作并按时交付一个web应用程序,并且你需要在遇到问题或出现问题时得到支持,那么像Kendo UI这样的商业库就是你最好的选择。

    11.9K30

    为什么要学jquery

    为什么要学jquery 使用javascript开发过程中,有许多的缺点: 查找元素的方法单一,麻烦。 遍历数组很麻烦,通常要嵌套一大堆的for循环。 有兼容性问题。...jquery的版本问题 官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 1.x和2.x版本jquery都不再更新版本了,现在只更新...方法 offset方法获取元素距离document的位置,position方法获取的是元素距离有定位的父元素的位置。...//获取元素距离document的位置,返回值为对象:{left:100, top:100} $(selector).offset(); //获取相对于其最近的有定位的父元素的位置。...使用插件 jquery.lazyload.js 懒加载插件 jquery.ui.js插件 jQueryUI专指由jQuery官方维护的UI方向的插件。

    7710

    Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges

    Wijmo 的巨大优势之一就是,它们是非常流行的jQuery UI部件。这将意味着它们的基础类库具有很多支持者。具有众多的支持者同时也意味着更多好用的工具。...第一步:选择框架 打开jsFiddle.net,在左侧的下拉列表中选择jQuery 1.7.1。稍等片刻等待关联的框架出现,之后勾选上jQuery UI 1.8.16。...jQuery 以及 jQuery UI已经被处理过了,所以我们只需要添加主题,Wijmo样式表以及到Wijmo库的引用。所有我们需要知道的是库的URL。jsFiddle将会处理关系和类型。...只需要将URL粘贴到文本框,之后点击巨大的加号按钮。添加的顺序很重要,链接将按照你添加的顺序自上而下的添加。依照Wijmo CDN文档中显示的顺序就不会出什么问题。 最终的结果应当是这个样子的: ?...将现有的JavaScript代码替换成以下代码片断(提示:在粘贴之后,在顶部菜单中找到TidyUp按钮并且单击,可以解决缩进问题): $("#gauge").wijradialgauge({ value

    1K80

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券