下载文档原格式
前端开发面试笔试题目前端开发面试和笔试题目可以涵盖多个领域，包括HTML、CSS、JavaScript、性能优化、框架和库、移动端开发等。
以下是一些可能的问题：一、基础问题1. 请解释一下什么是前端开发，并描述一下你的前端开发经验。
2. HTML、CSS 和JavaScript 的基础知识是什么？请谈谈你对它们的理解。
3. 什么是语义化 HTML，它的重要性是什么？4. CSS 盒模型是什么，以及如何使用它？5. 请解释一下 CSS 选择器的工作原理，并谈谈你使用过哪些选择器。
6. 你如何理解 CSS 优先级，以及你是如何处理它的？7. 请解释一下什么是 CSS 动画和转换，以及如何实现它们？8. JavaScript 中的事件循环是什么，以及它是如何工作的？9. 请解释一下什么是原型链，以及它是如何工作的？10. 请解释一下什么是闭包，以及它的用途是什么？二、性能优化1. 如何优化网页的加载速度，提高用户体验？2. 请解释一下什么是 CDN，以及它是如何工作的？3. 你如何理解 HTTP/2，以及它与 HTTP/ 的区别是什么？4. 请解释一下什么是 Gzip 压缩，以及它是如何工作的？5. 你如何理解域名预取（DNS 预取）和浏览器预取？6. 请解释一下什么是懒加载，以及它是如何工作的？7. 你如何理解 HTTP/2 的多路复用，以及它的重要性是什么？8. 你如何处理网页的资源优化，以提高性能？三、框架和库1. 你对 React 有多少了解，以及你使用过它的哪些功能？2. 你对 Vue 有多少了解，以及你使用过它的哪些功能？3. 你对 Angular 有多少了解，以及你使用过它的哪些功能？4. 请解释一下什么是 Redux，以及它是如何工作的？5. 请解释一下什么是 React Hooks，以及你使用过哪些 Hooks？6. 你对 webpack 有多少了解，以及你如何配置 webpack？7. 你对 Babel 有多少了解，以及你如何配置 Babel？8. 你对 ES6 有多少了解，以及你使用过它的哪些新特性？9. 你对 TypeScript 有多少了解，以及你使用过它的哪些功能？10. 你对模块打包工具有哪些了解，以及你使用过哪些工具？。
web前端笔试题及答案一、选择题1. 下列哪个不是JavaScript的数据类型？A. NumberB. StringC. UndefinedD. Array答案：D2. CSS中，以下哪个属性用于设置元素的宽度？A. widthB. heightC. marginD. padding答案：A3. HTML5中，用于定义文档的元数据的标签是：A. <html>B. <head>C. <meta>D. <title>答案：B二、简答题1. 请简述什么是BEM命名方法，并说明其优点。
答案：BEM是Block Element Modifier的缩写，是一种CSS类名命名方法。
它通过将CSS类名分为三个部分：块（Block）、元素（Element）和修饰符（Modifier），来提高CSS的可读性和可维护性。
优点包括：提高代码的可读性，方便团队协作；通过块和元素的命名，可以避免CSS选择器的冲突；修饰符的使用可以方便地覆盖或扩展样式。
2. 请解释什么是跨域资源共享（CORS）以及它是如何解决跨域请求问题的。
答案：跨域资源共享（CORS）是一种安全机制，允许Web页面上的脚本发起跨域HTTP请求。
它通过在HTTP响应头中添加特定的字段来告知浏览器，哪些源可以访问该资源。
CORS通过设置Access-Control-Allow-Origin等响应头，允许或限制来自不同源的请求，从而解决了由于浏览器同源策略导致的跨域请求问题。
三、编程题1. 编写一个JavaScript函数，实现数组中所有数字的累加。
示例代码：```javascriptfunction sumArray(numbers) {let sum = 0;for (let i = 0; i < numbers.length; i++) {sum += numbers[i];}return sum;}```2. 请使用HTML和CSS创建一个简单的登录表单，并包含用户名和密码输入框。
前端开发笔试题及答案一、选择题1. HTML5 中新增的语义化标签是以下哪一个？A. `<div>`B. `<section>`C. `<span>`D. `<img>`答案：B2. 以下哪个JavaScript方法可以用来获取元素的属性值？A. `getAttribute()`B. `setAttribute()`C. `removeAttribute()`D. `createElement()`答案：A3. CSS3 中，以下哪个属性用于设置元素的圆角？A. `border-radius`B. `border-color`C. `border-style`D. `border-width`答案：A二、简答题1. 请简述什么是响应式网页设计，并说明其重要性。
答案：响应式网页设计是一种使网站能够适应不同屏幕尺寸和设备的设计方法。
它通过使用流体网格布局、灵活的图片和媒体查询等技术，确保网页在各种设备上都能提供良好的用户体验。
响应式设计的重要性在于，随着移动设备的普及，用户越来越多地通过手机和平板电脑访问网站，因此，网站需要能够适应这些设备，以提供一致的用户体验。
2. 请解释什么是跨站脚本攻击（XSS）以及如何预防。
答案：跨站脚本攻击（XSS）是一种网络安全漏洞，攻击者通过在网页中注入恶意脚本，当其他用户浏览该页面时，恶意脚本会在用户的浏览器中执行，可能导致用户信息泄露、会话劫持等安全问题。
预防XSS的方法包括：对用户输入进行严格的验证和过滤，使用HTTP-only cookies，对输出进行编码，以及使用内容安全策略（CSP）等。
三、编程题1. 编写一个JavaScript函数，实现数组的去重功能。
```javascriptfunction uniqueArray(arr) {return [...new Set(arr)];}```2. 请使用CSS实现一个简单的响应式导航栏。
最新前端笔试题及答案一、单选题1. HTML5 中，用于绘制图形的元素是：A. `<canvas>`B. `<svg>`C. `<iframe>`D. `<video>`答案：A2. 下列哪个选项不是 CSS3 新增的特性？A. 圆角B. 多列布局C. 伪类 :hoverD. 渐变答案：C3. JavaScript 中，用于获取当前时间的函数是：A. `new Date()`B. `Date.now()`C. `getNow()`D. `getCurrentTime()`答案：A4. 下列哪个选项是 ES6 新增的字符串方法？A. `trim()`B. `includes()`C. `indexOf()`D. `replace()`答案：B5. 在 React 中，用于创建组件的函数是：A. `React.createClass()`B. `ponent`C. `createReactClass()`D. `React.createElement()`答案：B二、多选题1. 下列哪些是 CSS Flexbox 的属性？A. `flex-direction`B. `justify-content`C. `align-items`D. `float`答案：A, B, C2. 在 JavaScript 中，哪些方法可以用来实现深拷贝？A. `JSON.parse(JSON.stringify(object))`B. `Object.assign()`C. `Object.create()`D. `Object.clone()`答案：A三、判断题1. 在 HTML5 中，`<audio>` 和 `<video>` 标签只能在 Firefox 浏览器中播放。
答案：错误2. 使用 `const` 关键字声明的变量是不可修改的。
答案：错误3. 在 React 中，组件的生命周期方法 `componentDidMount()` 会在组件的更新阶段被调用。
前端应届生笔试题以下是一些前端应届生笔试题，共计20题：1. 请简述HTML、CSS、JavaScript的作用和区别。
2. 请解释什么是盒模型（Box Model），并说明其组成部分。
3. 请解释什么是CSS优先级，并介绍如何计算CSS优先级。
4. 请简述Flex布局的概念及其特点。
5. 请使用JavaScript编写一个函数，将一个字符串中的每个单词的首字母转换为大写字母。
6. 请描述你对响应式设计的理解，并介绍如何实现响应式设计。
7. 请列举至少两种常见的HTTP请求方法，并简述它们的作用。
8. 请解释什么是跨域请求，以及如何解决跨域请求问题。
9. 请介绍你对Vue.js框架的理解，并简述其中常用的指令和组件。
10. 请使用HTML和CSS实现一个三栏布局，左右两栏固定宽度，中间自适应宽度。
11. 请简述JavaScript中的原型链（Prototype Chain）机制。
12. 请介绍你对React框架的理解，并简述其中常用的组件和生命周期函数。
13. 请解释什么是闭包（Closure），并说明闭包的作用和优缺点。
14. 请使用CSS实现一个动画效果，使一个div元素在鼠标悬浮时变为红色。
15. 请介绍你对Webpack打包工具的理解，并简述其中常用的配置项和插件。
16. 请解释什么是RESTful API，并介绍其设计原则和优点。
17. 请使用JavaScript编写一个函数，判断一个字符串是否为回文字符串。
18. 请描述你对前端性能优化的理解，并介绍一些常见的优化方法。
19. 请介绍你对Angular框架的理解，并简述其中常用的指令和服务。
20. 请使用HTML、CSS和JavaScript实现一个图片轮播效果。
以上是前端应届生笔试题，希望能对你有所帮助。
当然，在实际应聘过程中，还需要针对不同公司和职位的要求进行针对性准备。
招聘前端或移动开发岗位笔试题及解答(某大型集团公司)(答案在后面)一、单项选择题（本大题有10小题，每小题2分，共20分）1、以下哪种编程语言是专门为前端开发设计的？A. JavaB. CC. JavaScriptD. Python2、以下哪个不是HTML5引入的新特性？A. canvasB. SVGC. videoD. Flash3、以下哪种技术不属于前端开发中的客户端脚本语言？A. JavaScriptB. JavaC. PythonD. TypeScript4、在HTML5中，以下哪个元素用于创建可拖动的区域？A. <div>B. <canvas>C. <draggable>D. <area>5、以下哪种技术不是前端开发中常用的JavaScript库或框架？A. jQueryB. ReactC. AngularD. PHP6、在移动开发中，以下哪个不是原生应用开发的常见编程语言？A. SwiftB. JavaC. KotlinD. HTML57、以下哪个技术栈通常用于开发原生Android应用？A. React NativeB. FlutterC. AngularD. Vue.js8、在HTML5中，以下哪个标签用于创建视频播放器？A.B.C.D.9、题干：在HTML5中，哪个属性可以用来控制页面是否在加载时显示滚动条？A. scrollbarsB. scrollbar-widthC. scrollD. autoScroll 10、题干：以下哪个技术不是React.js中的核心概念？A. JSXB. Virtual DOMC. HooksD. jQuery二、多项选择题（本大题有10小题，每小题4分，共40分）1、以下哪些技术或框架是前端开发中常用的？（）A、HTML5B、CSS3C、JavaScriptD、ReactE、Vue.jsF、jQueryG、AngularH、Swift（用于移动开发）2、以下哪些特性是移动开发中Android和iOS平台共有的？（）A、触摸屏操作B、多点触控C、应用生命周期管理D、文件存储访问E、网络通信F、图形渲染G、传感器数据访问H、应用权限管理3、以下哪些技术栈通常用于移动端开发？（）A. HTML5, CSS3, JavaScriptB. Android原生开发（Java/Kotlin）C. iOS原生开发（Objective-C/Swift）D. React NativeE. Flutter4、以下哪些是前端性能优化的常见方法？（）A. 压缩图片和资源文件B. 使用CDN加速内容分发C. 减少DOM操作，使用DocumentFragmentD. 利用缓存机制，如Service WorkerE. 使用CSS3的硬件加速5、以下哪些技术或框架是前端开发中常用的？（）A. HTML5B. CSS3C. JavaScriptD. ReactE. Vue.jsF. AngularG. Node.js6、在移动开发中，以下哪些平台支持原生应用开发？（）A. iOSB. AndroidC. Windows PhoneD. HTML5E. FlutterF. React NativeG. Xamarin7、以下哪些技术或框架是前端开发中常用的？（）A. HTML5B. CSS3C. JavaScriptD. ReactE. AngularF. Node.jsG. BootstrapH. jQuery8、以下哪些是移动开发中常见的平台和工具？（）A. Android StudioB. XcodeC. FlutterD. React NativeE. SwiftF. KotlinG. IntelliJ IDEAH. Visual Studio9、以下哪些技术或框架常用于前端开发？（）A. ReactB. AngularC. Vue.jsD. BootstrapE. JavaF. Kotlin 10、在移动应用开发中，以下哪些平台或技术是必须掌握的？（）A. iOS SDKB. Android SDKC. FlutterD. SwiftE. KotlinF. Web技术三、判断题（本大题有10小题，每小题2分，共20分）1、HTML5的本地存储方式中，WebSQL已经被弃用，目前主流的是localStorage和sessionStorage。
前端测试题及答案一、选择题（每题2分，共20分）1. 在HTML中，以下哪个标签用于定义最重要的标题？A. `<h1>`B. `<p>`C. `<strong>`D. `<em>`答案：A2. CSS中，以下哪个属性用于设置元素的内边距？A. `margin`B. `padding`C. `border`D. `background`答案：B3. JavaScript中，以下哪个方法用于获取页面中元素的值？A. `getElementById()`B. `getValue()`C. `getElementsByClassName()`D. `getAttributeValue()`答案：A4. 在JavaScript中，以下哪个对象用于处理浏览器和文档之间的交互？A. `Date`B. `Math`C. `Document`D. `Array`答案：C5. 以下哪个不是HTML5的新特性？A. 语义化标签B. 表单控件C. 画布（Canvas）D. 表格（Table）答案：D6. 在CSS3中，以下哪个属性用于创建圆角边框？A. `border-radius`B. `border-style`C. `border-width`D. `border-color`答案：A7. 以下哪个JavaScript方法用于将字符串转换为数组？A. `split()`B. `join()`C. `slice()`D. `splice()`答案：A8. 在HTML中，以下哪个标签用于定义一个段落？A. `<p>`B. `<div>`C. `<span>`D. `<h1>`答案：A9. CSS中，以下哪个属性用于设置元素的外边距？A. `margin`B. `padding`C. `border`D. `background`答案：A10. 在JavaScript中，以下哪个方法用于判断一个值是否为数组？A. `Array.isArray()`B. `typeof`C. `instanceof`D. `Array.valueOf()`答案：A二、填空题（每空2分，共20分）1. HTML文档的根元素是________。
web前端开发笔试题及答案一、选择题（每题2分，共10分）1. HTML5新增的表单元素不包括以下哪个选项？A. emailB. urlC. datetimeD. password答案：C2. 下列哪个选项不是CSS3的新特性？A. 多列布局B. 圆角C. 透明度D. 表格边框合并答案：D3. JavaScript中，以下哪个方法用于获取元素的属性值？A. getAttribute()B. getElementsByTagName()C. getElementsByClassName()D. getElementById()答案：A4. 在JavaScript中，下列哪个不是合法的变量名称？A. _nameB. $nameC. 2nameD. name5. 下列哪个选项不是JavaScript中的保留关键字？A. varB. functionC. classD. return答案：C二、填空题（每题2分，共10分）1. 在HTML中，用于定义最重要的标题的标签是________。
答案：h12. CSS中，用于设置文本颜色的属性是________。
答案：color3. JavaScript中，用于获取当前日期的函数是________。
答案：new Date()4. 在JavaScript中，用于获取页面URL的属性是________。
答案：window.location.href5. 在HTML5中，用于定义导航链接的语义标签是________。
答案：nav三、简答题（每题5分，共20分）1. 请简述HTML5相对于HTML4的新特性。
答案：HTML5相对于HTML4的新特性包括但不限于：语义化标签（如header、footer、section、article等）、表单控件（如email、url、date等）、新的API（如Web Storage、Web Workers、Geolocation 等）、多媒体支持（如audio、video标签）和图形绘制（如canvas2. 请列举至少三种CSS选择器。
1.CSS中，box-sizing属性的默认值是什么？
A.content-box（答案）
B.border-box
C.padding-box
D.margin-box
2.JavaScript中，typeof运算符用于检测变量的什么？
A.长度
B.数据类型（答案）
C.是否存在
D.引用类型还是基本类型
3.Vue.js中，用于创建Vue实例的方法是？
A.Vue.create()
B.new Vue()（答案）
C.Vue.init()
D.Vue.start()
4.在React中，哪个生命周期方法用于组件挂载到DOM之后立即调用？
ponentDidMount（答案）
ponentWillMount
ponentDidUpdate
ponentWillUnmount
5.CSS3中，实现元素过渡效果的属性是？
A.transition（答案）
B.transform
C.animation
D.keyframes
6.以下哪个不是前端性能优化的常见手段？
A.图片懒加载
B.使用CDN加速资源加载
C.频繁进行DOM操作（答案）
D.代码压缩与合并
7.在前端开发中，CORS（跨源资源共享）策略主要由什么来控制？
A.浏览器（答案）
B.服务器
C.代理服务器
D.开发者工具。
web前端开发初级试题及答案1. 单选题：以下哪个不是HTML5的新特性？A. 语义化标签B. 表单验证C. 内联框架D. 本地存储答案：C2. 填空题：在HTML中，用来定义最重要的标题的标签是____。
答案：<h1>3. 判断题：CSS选择器`ul li a`表示选择所有无序列表中的链接。
答案：错误。
它表示选择所有无序列表中列表项的链接。
4. 多选题：以下哪些是JavaScript中常用的数据类型？A. StringB. NumberC. BooleanD. Undefined答案：A, B, C, D5. 简答题：请解释JavaScript中的闭包是什么？答案：闭包是一个函数和声明该函数的词法环境的组合。
闭包允许函数访问其词法作用域之外的变量。
6. 编程题：使用JavaScript编写一个函数，计算两个数的和。
```javascriptfunction sum(a, b) {return a + b;}```答案：函数`sum`接受两个参数`a`和`b`，返回它们的和。
7. 单选题：以下哪个CSS属性用于设置文本的行间距？A. `line-height`B. `font-size`C. `letter-spacing`D. `word-spacing`答案：A8. 填空题：在CSS中，选择所有`<p>`标签的写法是____。
答案：p9. 判断题：HTML5中，`<canvas>`元素用于在网页上绘制图形。
答案：正确。
10. 多选题：以下哪些是Web前端开发中常用的版本控制系统？A. GitB. SVNC. FTPD. Mercurial答案：A, B, D11. 简答题：请简述HTML和CSS的区别。
答案：HTML是用于创建网页内容的标准标记语言，而CSS是用于描述HTML文档的样式（如字体、颜色、布局等）的语言。
12. 编程题：使用HTML和CSS创建一个简单的表格，包含标题行和两列数据。
计算机笔试真题汇总：前端篇一、基础知识专项练习（一） JavaScript1、AngularJS1中指定控制器的是哪个指令( )（点击查察答案 >>>>>>>>）A、ng-routeB、ng-templateC、ng-modelD、ng-controller2、要在 10 秒后调用checkState，以下哪个是正确的（）（点击查察答案>>）A、(checkState, 10);B、(checkState, 10000);C、(checkState(), 10);D、(checkState(), 10000);3、在 jquery 中指定一个类，假如存在就履行删除功能，假如不存在就履行增添功能，下边哪一个是能够直接达成该功能的（点击查察答案 >>>>>>>>）A、removeClass()B、deleteClass()C、toggleClass(class)D、addClass()4、下边对于块内申明函数的做法哪些是正确的（点击查察答案>>>>>>>>）A、if (x) {function foo() {}}B、if (x) { var foo = function() {}}C、if (x) { foo = function() {}}D、ECMAScript明确的规范了块内函数，javascript 实现了这个规范5、angularjs1 中的服务本质上是（）（点击查察答案>>>>>>>>）A、网络服务B、单例对象C、接口对象D、函数调用6、假如需要般配包含文本的元素，用下边哪一种来实现（）（点击查察答案 >>>>>>>>）A、text（）B、contains（）C、input （）D、attr （ name）7、在 jquery 中，假如想要获得目前窗口的宽度值，下边哪个是实现该功能的（）（点击查察答案 >>>>>>>>）A、width （）B、width （ val）C、widthD、innerWidth （）8、angularjs1 中使用指令，绑定监听是在什么时候（）（点击查察答案 >>>>>>>>）A、compiles 时B、link 时C、require 时D、生成 DOM 时9、下边切合一个有效的javascript 变量定义规则的是（）（点击查察答案 >>>>>>>>）A、_$te$t2B、withC、a bcD、2a10、下边对于promise的说法中，错误的选项）（点击查察答案>>>>>>>>）是（A、resolve（）和reject都是直接生成一个进入相应状态的promise 对象，其参数就是进入相应状态时传达过去的参数，能够在达成回调的参数中获得B、（value），（ reason）是 Promise 结构器上还直接供给了一组静态方法C、在调用 then 方法或许 catch 方法时都是异步进行的，但是履行速度比较快D、Promise 结构器的 prototype 上还有两个方法，分别是 then 和 catch。
这两个方法的参数也是回调函数，这些函数会在 Promise 实例进入不一样状态后被调用。
Then 对应到 resolve， catch 对应到 reject（二） HTML/CSS1、CSS 款式，边距：10px 20px 40px 30px ；（）是底边距（点击查察答案 >>>>>>>>）A、10pxB、20pxC、40pxD、30px2、以下哪个款式定义后 ,内联 (非块状 )元素能够定义宽度和高度（）（点击查察答案 >>>>>>>>）A、display:inlineB、display:noneC、display:blockD、display:inherit3、<svg> 标签的目的是什么（）（点击查察答案>>>>>>>>）A、用来结构化网页B、用可伸缩矢量图来绘图或文本C、用 css来预格式化图片或文本D、用来插入 JavaScript4、以下定义的 css 中，哪个权重是最低的（）（点击查察答案 >>>>>>>>）A、#gameB、#game .nameC、#game divD、#game .name span5、网页开发中，一般需判断阅读器种类，需经过userAgent 中获得阅读器内核来判断，以下说法错误的选项是（）（点击查察答案 >>>>>>>>）A、向来到 IE9，都是 Trident 内核B、firefox 是 Gecko内核C、chrome 是 webkit 内核D、IE 是目前最快的阅读器6、以下标签，错误的选项是（）（点击查察答案 >>>>>>>>）A、text-left 用于左对齐B、text-center 水平居中对齐C、text-vertical 垂直居中对齐D、text-uppercase 能够将字母所有大写7、依据栅格系统的标准用法，错误的选项是（）（点击查察答案 >>>>>>>>）A、<div class="container"><br><div class="row">B、<div class="row"><br><div class="col-md-1">C、<div class="row"><br><div class="container">D、<div class="col-md-1"><br><div class= "row">8、在 HTML 中，（）能够在网页上经过链接直接翻开邮件客户端发送邮件。
（点击查察答案 >>>>>>>>）A、<a”>发送邮件 </a>B、<a”>发送邮件 </a>C、<a”>发送邮件 </a>D、<a”>发送邮件 </a>9、下边标签嵌套正确的选项是（）（点击查察答案>>>>>>>>）A、<ul><p>牛客网 </p></ul>B、<a href="#"><a href="#">牛客网 </a></a>C、<dl><li>牛客网 </li></dl>D、<ol><li>牛客网 </li></ol>10、对于 HTTP协议，下边哪个说法是正确的（）（点击查察答案>>>>>>>>）A、HTTP协议是有状态协议。
B、以下是一个 Http 链接的 response 的响应头： GET /xxx/xxx/js/lib/ HTTP/ Host: Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Accept: */* C、RESTful 接口中，利用HTTP协议的method 字段来描绘要对资源操作的方式，比方 GET表示获得资源， POST表示新增一个资源， PUT 表示更新资源 ,DELETE 表示删除资源等等。
D、一个 HTTP恳求返回的 HTTP状态码中， 304 表示暂时重定向。
更多专项练习题目二、经典编程试题汇总1、树的子结构（点击实战练习 >>>>>>>>>>>>）题目描绘：输入两棵二叉树 A，B，判断 B 能否是 A 的子结构。
（ ps：我们商定空树不是随意一个树的子结构）/* function TreeNode(x) {=x;=null;=null;} */function HasSubtree(pRoot1, pRoot2){// write code here}= {HasSubtree : HasSubtree};2、二叉树中和为某一值的路径（点击实战练习>>>>>>>>>>>>）题目描绘：输入一颗二叉树和一个整数，打印出二叉树中结点值的和为输入整数的所有路径。
路径定义为从树的根结点开始往下向来到叶结点所经过的结点形成一条路径。
/* function TreeNode(x) {=x;=null;=null;} */function FindPath(root, expectNumber){// write code here}= {FindPath : FindPath};3、机器人的运动范围（点击实战练习 >>>>>>>>>>>>）题目描绘：地上有一个 m 行和 n 列的方格。
一个机器人从坐标 0,0 的格子开始挪动，每一次只好向左，右，上，下四个方向挪动一格，但是不可以进入行坐标和列坐标的数位之和大于 k 的格子。
比如，当 k 为 18 时，机器人能够进入方格（35,37），因为 3+5+3+7 = 18。
但是，它不可以进入方格（ 35,38），因为 3+5+3+8 = 19。
请问该机器人能够达到多少个格子function movingCount(threshold, rows, cols){// write code here}= {movingCount : movingCount};4、第一个只出现一次的字符地点（点击实战练习>>>>>>>>>>>>）题目描绘：在一个字符串 (1<=字符串长度 <=10000，所有由字母构成 )中找到第一个只出现一次的字符 ,并返回它的地点。
