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

前端面试那些坑

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

2.1K60

前端工程师面试题汇总

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

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

手把手教你用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 框架将页眉和页脚工具栏设置为全屏 My Page Title

8K20

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如下: <script...通过设置external然后引入cdnjs时候个坑,打包后老报错: image.png 索性通过npm uninstall element-ui,将这个组件删除掉,直接通过cdn引入。...比较赞同知乎网友对其评价: webpack充斥着大量名字类似 what-the-fuck-is-this-plugin 插件,以及这个插件附带一千种配置和一万种副作用,以至于每次出现打包问题都会产生哲学三问...我配置有错误?     这个插件真的没有bug

4K50

前端开发面试题

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

5K52

我所理解前端

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

826110

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

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

14K30

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

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

9.6K10

HTML中拖放介绍

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

3.1K100

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.8K30

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

96980

手动实现jQuery Tools里面tab功能

平时开发中用Javascript类库都是jQuery,用到插件或者第三方类库能从jQuery Tools里面找到,基本不用其他。当然有时同事喜欢使用jQuery UI里面的插件。...并且jQuery Tools里面的插件和jQuery UI里面的插件还会出现冲突。这个事情就不舒服了。不过基本开发之前就确定好用哪个类库,免得后期开发中因为冲突增加,增加项目的开发周期和开发成本。...大家可以去它下载地址看一下:http://jquerytools.org/download/ 。先说明一下,我之前也没有解决过一个项目中用到不同版本jQuery问题,然后我就在网上搜索解决方法。...在开发过程2个问题,第一需要知道当前点击了那个tab,也就是最上面的a标签。第二个如何去指定内容div显示。$(this)就是表明当前点击哪个元素,所以此时就是当前点击哪个a标签。...f=jquery_dom_element_methods_index 获得第一个匹配元素相对于同胞元素index位置,从0开始计数。在这里就反映为当前点击a父级li元素在三个li位置

1.4K90

jQuery基础(五)一Ajax应用与常用插件-imooc

UI型插件 本章介绍包括拖曳、放置、排序在内各类UI插件使用过程,介绍各类微型插件使用方法和注意事项,以及最新版UI中菜单工具、微调按钮、工具提示插件效果和使用方法。  ...——menu  3-8 微调按钮插件——spinner  3-9 工具提示插件——tooltip  3-10 练习题 第4章 jQuery 工具类函数 本章先介绍浏览器检测函数,然后,介绍jQuery各类测试类型函数使用方法...例如,当点击“提交”按钮时,如果文本框中内容为空,则通过dialog插件弹出提示框,提示输入内容不能为空,如下图所示: 在浏览器中显示效果: 3-7菜单工具插件——menu 菜单工具插件可以通过...3-9提示插件——tooltip 工具提示插件可以定制元素提示外观,提示内容支持变量、Ajax远程获取,还可以自定义提示内容显示位置,它调用格式如下: $(selector).tooltip({options...}); 其中selector为需要显示提示信息元素,可选项参数options为tooltip()方法配置对象,在该对象中,可以设置提示信息弹出、隐藏时效果和所在位置

16.5K20
领券