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

2000块英语听读应用长这样?!

(1)如果该userid字段不存在,或者该userid在后端不存在,则整个页面提示:您输入访问地址无效,请重新输入。  ...2、页面的UI设计为单页面,无跳转,具体设计如下: 整个页面分为两个区域,一个区域为通过单词搜索(完整单词),一个区域为通过音素搜索(字母或字母组合),互不干扰,相互独立。未搜索前,下方显示为空。...4、音素搜索搜索出来单词,颜色显示同单词搜索搜索出来单词,除此之外,还需要额外在搜索音素下方画横线标出。 5、点击搜索按钮时,不整体刷新,后台返回数据后,仅刷新显示区域。...6、点击喇叭图片可以播放声音,播放声音时,喇叭图片有动效。 7、单词图片点击可以放大,放大后右上角有叉号点击可以关闭放大图片。...2、通过单词搜索(大概有3000个单词)和通过音素(大概有100个音素)搜索,设计两个独立数据源文件,数据源在启动后加载到内存,无需每次搜索时重新加载,如修改数据源文件,需要重启后台服务才能生效。

54330

移动端Web页面常见问题解决

* IOSinput键盘事件keyup、keydown、keypress支持不是很好* 问题是这样,用input search做模糊搜索时候,在键盘里面输入关键词,会通过ajax后台查询,然后返回数据...用input监听键盘keyup事件,在安卓手机浏览器是可以,但是在ios手机浏览器变红很慢,用输入输入之后,并未立刻相应keyup事件,只有在通过删除之后才能相应!...,input type=number,一般会自动生成一个上下箭头,点击上箭头默认增加一个step,点击下箭头默认会减少一个step。...number默认step是1。也就是step=0.01,可以允许输入2位小数,并且点击上下箭头分别增加0.01和减少0.01。 假如step和min一起使用,那么数值必须在min和max之间。...有些机型搜索input控件会自带close按钮(一个伪元素),而通常为了兼容所有浏览器,我们会自己实现一个,此时去掉原生close按钮方法为 #Search::-webkit-search-cancel-button

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

基于SSM校园二手交易平台设计与实现「建议收藏」

类别侧边栏实现后,需要为每一个类别的元素都添加一个id,通过id获取数据库数据,用Ajax获取数据并且刷新页面的信息。...2.1.4 站内搜索引擎 每一个页面顶部都存在一个搜索输入框,用户通过输入模糊商品信息,后台数据库通过查询过滤相关商品信息,并且显示出来给用户查看,显示出来商品点击之后可以显示商品详细信息。...类别侧边栏实现后,需要为每一个类别的元素都添加一个id,通过id获取数据库数据,用Ajax获取数据并且刷新页面的信息。...留言 3.2.4 站内搜索引擎实现 每一个页面顶部都存在一个搜索输入框,用户通过输入模糊商品信息,后台数据库通过查询过滤相关商品信息,并且显示出来给用户查看,显示出来商品点击之后可以显示商品详细信息...6.5 模糊查询 如果想要模糊查询商品,最顶部有一个输入框,输入商品信息,点击搜索按钮,系统会自动过滤合适商品呈现给用户。

1.3K20

前端快速入门之概述

前言:从百度说起 案例 点击百度搜索框显示出搜索结果 涉及前端三大要素,从初级到高级应用都可以由其完成,三者即: HTML(5) // 页面所有呈现元素(按钮输入框、图片…)“附着点”,所有页面可见元素都有对应...html标签,而动态交互事件(JS完成)实际就是绑定在某些html标签上,例如按钮点击。...,例如,table标签具有width属性,所以可以通过CSS对width进行赋值,达到控制table宽度目的。...分析上述例子词语: 点击:由JavaScript完成,会触发一个request请求 百度搜索框:本质是input标签,通过CSS样式修饰为用户所见样子 显示搜索结果:先前请求到达后台后,经过处理返回查询结果...应用场景(刷新率高) //前端仪表盘、实时折线等、图形连续变化等 待补充… 相关资料 引导资源 【W3Cschool前端路线图】>>LINK<< 非常全面的知识汇总,基础弱可以详细看下这个 【菜鸟教程

1.4K20

表单常用控件有哪些_html表单控件样式修改

如果需要提醒用户,则必须编写javascript代码 提醒:输入限制并非万无一失。javascript提供了很多方法增加非法输入。如必须同时对限制进行检查。...button 定义可点击按钮(一般用于通过javascript启动脚本) checkbox 定义复选框 file 定义输入字段和“浏览”按钮,供文件上传。...hidden 定义隐藏输入字段。 image 定义图像形式提交按钮。 password 定义密码字段,该字段字符被掩码 radio 定义单选按钮 reset 定义重置按钮。...重置按钮会清除表单所有数据 submit 定义提交按钮。提交按钮会把表单数据发送到服务器 text 定义单行输入字段,用户可在其中输入文本,默认宽度为20个字符。...网页url search搜索引擎 ——chrome下输入文字后,会多出一个关闭x range 特定范围数值选择器 min,max,step(步数) 例如:用js显示当前数值

3.9K20

掌握这些浏览器开发者技巧,绝对能提升你level

Elements(元素面板):使用“元素”面板可以通过自由操纵DOM和CSS重演您网站布局和设计。...Sources(源代码面板):在源代码面板设置断点来调试 JavaScript ,或者通过Workspaces(工作区)连接本地文件来使用开发者工具实时编辑器。...1.记录请求按钮和清空请求按钮。 2.全局过滤: 对所有请求资源和响应内容(包括请求 url、请求体、响应体 等)进行全量搜索。 ?...网络面板过滤器,主要就是起过滤功能,一个页面的请求包含各种资源文件和接口数据请求,可以通过过滤器 模块筛选你想要文件类型,常用是XHR和js。 ? ? 请求列表 ?...Watefall显示所有网络请求可视化瀑布流(时间状态轴),点击时间轴,可以查看该请求详细信息,点击列头则可以根据指定字段可以排序。 ? ?

54230

App项目实战之路(三):原型篇

首先,原型图只能通过其他方式完成。其次,交互非常有限,只能实现页面间跳转,其他交互比如同一页面交互就别想了。最后,它只适用于App原型。...墨刀吸引第一个优点就是提供了很多方便组件库。有一些单独组件如文字、按钮、图片、图标、输入框、单选框、多选框、开关、标题栏、搜索栏、标签等等,一拖即用,很方便。...就拿按钮来说吧,可以设置背景色、前景色、边框、阴影、透明度、位置、宽高、旋转角度、圆角半径、圆形或正方形,还可以设置按钮文字属性,包括文字背景色、文本颜色、字体大小、字体样式、阴影、对齐方式,最后,...墨刀吸引第三个优点就是对交互支持非常好。墨刀除了支持页面间交互,还支持页面交互。而且,页面交互不是通过复制页面实现,而是通过为同个页面添加多个不同状态,实现状态切换。...例如,点击主页右下角加号按钮,会在加号按钮上方滑动出两个子按钮,并且加号按钮自己会旋转变成关闭叉号;再点击,两个子按钮会滑动收回下方,叉号再旋转变回加号。

1.7K30

JavaScriptJavaScript 简介 ③ ( JavaScript 单行多行注释 | 输入输出语句 | prompt 函数 | alert 函数 | console.log 函数 )

一、JavaScript 注释 1、单行注释 JavaScript 脚本语言中 , 使用 // 符号 进行 单行注释 , 在 该符号之后任何内容 , 直到行尾 , 都不会被 JavaScript 解释器执行...二、JavaScript 输入输出语句 1、浏览器输入框 - prompt() JavaScript prompt() 函数 作用是 弹出一个对话框 , 该对话框带有输入字段 , 用户可以在该对话框输入文本...; defaultText : 可选字符串 , 指定输入字段默认文本 ; 返回值解析 : 函数 返回值 可以存储在变量 , 后续 JavaScript 脚本可以使用该变量 ; 除了输入字段外 ,...prompt() 对话框 包含 用户输入文本框 , " 确定 " 按钮 , " 取消 " 按钮 ; 点击 " 确定 " 按钮 时 , 函数 返回 用户输入文本 ; 点击 " 取消 " 按钮 或 关闭对话框..., 该对话框 包含 指定文本 和 " 确定 " 按钮 ; 用户 点击 " 确定 " 按钮 或 关闭对话框 时 , 对话框 消失 , JavaScript 代码 继续执行下一行 ; alert() 函数

9310

快速入门ElasticSearch

、可扩展、实时搜索与数据分析引擎,它能从项目一开始就赋予你数据以搜索、分析和探索能力,在日常工作和学习扮演着非常重要角色,鉴于此本篇将从ElasticSearch安装、基础概念、基本用法、高级查询等角度进行介绍...其实上面这种是非结构化创建,其实还有结构化创建。那么如何确定某个索引是结构化还是非结构化呢?可以借助于Head插件完成,点击索引信息按钮,然后点击索引信息按钮,如下所示: ?...之后刷新首页,可以看到右侧多出了一个book索引,然后查看该索引信息可以发现该索引"mappings"关键字信息就是之前我们通过Postman创建: ?...其实删除索引还可以借助于Head插件完成,点击movie索引“动作”按钮,然后选择“删除”,之后弹出输入框,开发者输入“删除”后,点击确定即可完成删除: ? ?..." } } } 然后点击查询,可以发现居然只查询到两条,而title包含JavaScript却没有查询到: ?

1.8K20

iOS-UITextField 全面解析iOSUITextField 使用全面解析UITextField代理方法通知UITextField 在storyboard 设置属性

,你还可以定制化UITextField对象,为他添加许多不同重写方法,改变文本字段显示行为。...//开始编辑时触发,文本字段将成为first responder } - (BOOL)textFieldShouldReturn:(UITextField *)textField { // 当点击键盘返回键...//这对于想要加入撤销选项应用程序特别有用 //可以跟踪字段所做最后一次修改,也可以对所有编辑做日志记录,用作审计用途。...2、Placeholder : 可以在文本显示灰色字,用于提示用户应该在这个文本输入什么内容。当这个文本输入了数据时,用于提示灰色字将会自动消失。...11、Min Font Size : 设置文本框可以显示最小字体(不过感觉没什么用) 12、Adjust To Fit : 指定当文本框尺寸减小时,文本文本是否也要缩小。

7K60

【面经】2022年软件测试面试题大全(持续更新)附答案

原因六:网页资源过多 解决:使用 CDN 部署网络以提高下载速度,可以先通过免费 CDN 供应商分发网页资源。...Q:登录按钮不能点击如何排查问题? 登录按钮不能点击,大概率前端会有问题: 前端没有响应用户点击事件,导致请求发不出去。...点击界面上所有的链接, 是否可以跳转到相应界面 点击"换一换", 是否可以刷新百度热榜词条 百度搜索框 什么都不输入, 刷新百度界面 是否可以输入汉字, 英文, 特殊符号(空格, “%”, “#”...输入;会出现什么问题呢? 邮箱输入字段校验测试 1. 输入合理英文及数字字符组成正确格式 2. 格式正确前提下输入第一部分异常字段校验 3....牵扯到验证码,还要考虑文字是否扭曲过度导致辨认难度大,考虑颜色(色盲使用者),刷新或换- -个按钮是否好用 登录页面注册、忘记密码,登出用另-帐 号登陆等链接是否正确 输入密码时候,大写键盘开启时候要有提示信息

4.7K31

分享5个关于 Vue 小知识,希望对你有所帮助(五)

我们可以通过JavaScriptmaps和sets重新赋值为新值,在Vue.js中将它们作为响应式属性使用。...有时候,我们想要使用Vue.js来过滤文本输入,只接受数字和小数点。 我们可以通过检查不是数字键码并阻止默认操作来使用Vue.js过滤文本输入,只接受数字和小数点。 默认操作将是接受输入。...3、如何在某个元素上触发另一个元素事件 我们可以通过给我们想要触发事件元素分配一个 ref 在 Vue.js 上触发事件。 然后我们可以调用分配给ref元素上方法触发事件。...我们想要触发第二个按钮点击事件。 为了做到这一点,我们添加了 myClickEvent 方法,该方法获取分配给 myBtn 引用按钮。 然后我们对其进行调用。...在第二个按钮,我们将 @click 指令设置为 myClickEvent2 以记录点击。 现在当我们点击第一个按钮时,我们会看到 'clicked' 已输出。

14910

2020年你应该关注这50款前端热门工具:CSS & HTML 工具篇(二)

大家好,在一篇文章里 2020年让人难以置信50款前端新工具:JavaScript插件篇(一),分享了 11 款 JS 插件,本篇文章将会和大家分享七款 CSS、HTML 相关新工具。...,我们在做导航侧滑菜单会经常看到它,点击图标变成叉号菜单打开,然后再次点击叉号菜单关闭,恢复成三条横线。...DropCSS将HTML和CSS作为输入,仅返回使用CSS作为输出。它自定义HTML和CSS解析器针对99%用例进行了高度优化,从而避免了处理格式错误标记或样式表开销。...16、cssfx 官方网站地址:https://cssfx.netlify.com/ cssfx网站,汇集了许多常用漂亮动画小组件,比如按钮点、链接点击滑动效果,还有一些常用loading动画小组件...在方框拖动创建 div 放置在网格。 虽然这个项目可以为您提供一个基本布局, 但是本项目不是对 CSS 网格功能全面介绍。这只是一种快速使用 CSS Grid 网格布局功能方法。

1.6K00

iOS UITextField详解

,标有Return UIReturnKeyGo, 标有Go蓝色按钮 UIReturnKeyGoogle,标有Google蓝色按钮,用语搜索 UIReturnKeyJoin...return YES; } 重写绘制行为 除了UITextField对象风格选项,你还可以定制化UITextField对象,为他添加许多不同重写方法,改变文本字段显示行为。...//这对于想要加入撤销选项应用程序特别有用 //可以跟踪字段所做最后一次修改,也可以对所有编辑做日志记录,用作审计用途。...return YES; } ``` ### 通知 UITextField派生自UIControl,所以UIControl类通知系统在文本字段也可以使用。...,请注意这个\n,如果不写这个,Done按键将不会触发,如果用在SearchBar,将会不触发Search事件,因为你自己限制不让输入\n,好惨,在项目中才发现。)

1.7K30

python+Selenium自动化测试——输入,点击操作

这是第一个真正意思上自动化脚本。...(百度一下)://*[@id=”su”] 5)在搜索输入“胡歌”,点击百度一下按钮 6)在搜索结果列表判断是否存在“胡歌新浪微博”这个链接 7)退出浏览器,结束测试 【注】chrome获取XPath...2)点击左上角箭头按钮(或Ctrl + Shift + C),此时可以在页面上移动光标,查看对应代码,如移动到百度搜索框,显示如下: ? 点击一下,对应代码就会选中 ?...百度一下)://*[@id="su"] 5)在搜索输入“胡歌”,点击百度一下按钮 6)在搜索结果列表判断是否存在“胡歌新浪微博”这个链接 7)退出浏览器,结束测试 ''' driver = webdriver.Chrome...('//*[@id="su"]').click() # 点击百度一下按钮 time.sleep(2) # 等待2秒 # 通过元素XPath确定该元素是否显示在结果列表,从而判断“壁纸”这个链接是否显示在结果列表

3.4K20

2020年你应该关注这50款前端热门工具:CSS & HTML 工具篇(二)

大家好,在一篇文章里 2020年让人难以置信50款前端新工具:JavaScript插件篇(一),分享了 11 款 JS 插件,本篇文章将会和大家分享七款 CSS、HTML 相关新工具。...,点击图标变成叉号菜单打开,然后再次点击叉号菜单关闭,恢复成三条横线。...DropCSS将HTML和CSS作为输入,仅返回使用CSS作为输出。它自定义HTML和CSS解析器针对99%用例进行了高度优化,从而避免了处理格式错误标记或样式表开销。...官方网站地址:https://cssfx.netlify.com/ cssfx网站,汇集了许多常用漂亮动画小组件,比如按钮点、链接点击滑动效果,还有一些常用loading动画小组件,这些小组件代码十分简洁...在方框拖动创建 div 放置在网格。 虽然这个项目可以为您提供一个基本布局, 但是本项目不是对 CSS 网格功能全面介绍。这只是一种快速使用 CSS Grid 网格布局功能方法。

1.2K40

Ajax技术全解(3)

Ajax技术全解 之三 Ajax适用场景 1.表单驱动交互 传统表单提交,在文本输入内容后,点击按钮,后台处理完毕后,页面刷新,再回头检查是否刷新结果正确。...使用Ajax,在点击sunmit按钮后,立刻进行异步处理,并在页面上快速显示了更新后结果,这里没有整个页面刷新问题。...6.普通文本输入提示和自动完成场景 在文本框等输入表单给予输入提示,或者自动完成,可以有效改善用户体验,尤其是那些自动完成数据可能来自于服务器端场合,Ajax是很好选择。...2.搜索 有些使用了Ajax搜索引擎如Start.com和Live.com不允许使用浏览器后退按钮查看前一次搜索结果,这对已经养成搜索习惯用户来说是不可原谅。...现在Dojo通过iframe解决这个问题。 3.基本导航 使用Ajax做站点导航是一个坏主意,为什么不把时间放在让系统程序作更好上呢?

1.7K30

你还在用命令看日志?用这款可视化工具简直太方便了!

搜索数据 你可以在搜索输入查询条件查询当前索引模式匹配索引。...命中(匹配到文档)总数会显示在工具栏。文档表格显示了前500个命中。默认情况下,按时间倒序排列,首先显示最新文档。你可以通过点击“Time”列逆转排序顺序。 5.2.1.  ...下面是一些提示,可能会帮到你: 为了执行一个文本搜索,可以简单输入一个文本字符串。...例如,message:"Quick brown fox" 将在message字段搜索"quick brown fox"这个短语。如果没有引号,将会匹配到包含这些词所有文档,而不管它们顺序如何。...创建一个可视化 为了创建一个可视化视图: 第1步:点击左侧导航条“Visualize”按钮 第2步:点击“Create new visualization”按钮或者加号(+)按钮 第3步:选择一个可视化类型

8.7K00

HTML基础

使用 组合行内元素,以便通过样式格式化它们。...字段字符会被遮蔽 radio 定义单选按钮 checkbox 定义复选框按钮 range 定义带有 slider 控件数字字段 reset 定义重置按钮。...重置按钮会将所有表单字段重置为初始值 search 定义用于搜索文本字段 submit 定义提交按钮。提交按钮向服务器发送数据 text 默认。...定义单行输入字段,用户可在其中输入文本。默认是 20 个字符 url 定义用于 URL 文本字段 name:为文本框命名,以备后台程序ASP 、PHP使用。...如果你在 label 标签点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关表单控件上(就自动选中和该label标签相关连表单控件上)。

3.8K41

零基础打造一款属于自己网页搜索引擎

前言 在说这个之前,想必大家应该都比较了解搜索引擎了,它就是通过用户在浏览器输入输入文本,从而显示一些结果,你觉得哪项符合你要搜索内容,你就点击哪项。...2.编写Html输入框,搜索按钮 看过之前写Html系列文章,你将不再对此感到困惑。...从这个元素父元素删除这个元素 2).生成选项下拉菜单 我们在浏览器可以看到,只要一输入文本,它就会弹出对应选项让我们选择,那么这是如何办到了?...4).搜索刷新 看到这里相信大家应该都知道这个功能已经算是完成了,我们只需要随便点击哪个li标签都可以访问到相应页面。...于是,决定添加一个刷新功能,属于重连服务器那种刷新: search 点击后立即刷新 【三、项目总结

2.1K10
领券