自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

转载 LeetCode 35.Search Insert Position

题目:Given a sorted array and a target value, return the index if the target is found. If not, return the index where it would be if it were inserted in order.You may assume no duplicates in th...

2017-03-31 17:54:00 100

转载 LeetCode 34.Search for a Range

题目:Given an array of integers sorted in ascending order, find the starting and ending position of a given target value.Your algorithm's runtime complexity must be in the order ofO(logn).I...

2017-03-31 17:19:00 93

转载 LeetCode 33.Search in Rotated Sorted Array(M)

题目:Suppose an array sorted in ascending order is rotated at some pivot unknown to you beforehand.(i.e.,0 1 2 4 5 6 7might become4 5 6 7 0 1 2).You are given a target value to search. If ...

2017-03-31 16:28:00 112

转载 LeetCode 81.Search in Rotated Sorted Array II(M)

题目:Suppose an array sorted in ascending order is rotated at some pivot unknown to you beforehand.(i.e.,0 1 2 4 5 6 7might become4 5 6 7 0 1 2).Write a function to determine if a given ta...

2017-03-31 15:44:00 83

转载 LeetCode 278.First Bad Version(E)(P)

题目:You are a product manager and currently leading a team to develop a new product. Unfortunately, the latest version of your product fails the quality check. Since each version is developed ba...

2017-03-30 17:15:00 77

转载 LeetCode 162.Find Peak Element(M)(P)

题目:A peak element is an element that is greater than its neighbors.Given an input array wherenum[i] ≠ num[i+1], find a peak element and return its index.The array may contain multiple peak...

2017-03-30 17:05:00 76

转载 LeetCode 153.Find Minimum in Rotated Sorted Array(M)(P)

题目:Suppose an array sorted in ascending order is rotated at some pivot unknown to you beforehand.(i.e.,0 1 2 4 5 6 7might become4 5 6 7 0 1 2).Find the minimum element.You may assume n...

2017-03-30 16:18:00 85

转载 LeetCode 154.Find Minimum in Rotated Sorted Array II(H)(P)

题目:Suppose an array sorted in ascending order is rotated at some pivot unknown to you beforehand.(i.e.,0 1 2 4 5 6 7might become4 5 6 7 0 1 2).Find the minimum element.The array may co...

2017-03-30 16:05:00 62

转载 正则表达式之入门总结

任务目的掌握JavaScript正则表达式编写规则了解JavaScript中的正则表达式的特殊字符了解JavaScript提供的正则表达式相关方法能用正则表达式做一些简单文本或者数字校验任务描述编写一个判断给定数字是否为手机号码的正则表达式,测试用例参照但不限于:18812011232 // 测试结果应该为 true18812312 ...

2017-03-24 10:50:00 75

转载 使用CSS实现折叠面板总结

任务目的深入理解html中radio的特性深入理解CSS选择器以及伪元素的使用任务描述使用input的radio单选框特性结合CSS中的伪元素实现bootstrap中折叠面板(点击查看样例),要求样式一致。任务注意事项当其中一个面对折叠时,其他面板需要隐藏只能使用HTML,CSS,不允许使用JavaScript注意测试不同情况,尤其是极...

2017-03-23 15:20:00 1479

转载 自定义网页右键菜单总结

任务目的了解js中的oncontextmenu事件了解如何获取鼠标位置了解如何实现页面屏蔽右键菜单任务描述实现鼠标右击时,出现自定义菜单。点击非自定义菜单区域时,隐藏自定义菜单。参考样例(点击查看),实现页面开发,要求实现效果基本一致。点击自定义菜单条目时,弹出菜单条目名称。任务注意事项自定义菜单出现在鼠标指针右下方,当右边区域不够...

2017-03-22 15:21:00 122

转载 自定义checkbox, radio样式总结

任务目的深入了解html label标签了解CSS边框、背景、伪元素、伪类(注意和伪元素区分)等属性的设置了解CSS中常见的雪碧图,并能自己制作使用雪碧图任务描述参考 样例(点击查看),实现页面开发,要求实现效果基本一致任务注意事项尝试背景图和伪元素两种不同方式实现,对比两种方式各自的优缺点。注意测试不同情况,尤其是极端情况下的效果...

2017-03-21 09:00:00 71

转载 有趣的鼠标悬浮模糊效果总结

任务目的针对设计稿样式进行合理的HTML架构,包括以下但不限于:掌握常用HTML标签的含义、用法能够基于设计稿来合理规划HTML文档结构理解语义化,合理地使用HTML标签来构建页面掌握基本的CSS编码,包括以下但不限于:了解CSS的定义、概念、发展简史掌握CSS选择器的含义和用法实践并掌握CSS的颜色、字体、背景、边框、盒模型、简单布局等样式的定义方式...

2017-03-20 10:04:00 172

转载 听指令的小方块(二)总结

任务目的练习JavaScript在DOM、字符串处理相关知识练习对于复杂UI,如何进行数据机构建模任务描述对于正方形的移动增加相应动画,包括移动和旋转每个指令的执行时间是1s(可以自己调整)增加新的指令如下:TRA LEF:向屏幕的左侧移动一格,方向不变TRA TOP:向屏幕的上面移动一格,方向不变TRA RIG:向屏幕的右侧移动一格,...

2017-03-16 11:37:00 103

转载 听指令的小方块(一)总结

任务目的练习JavaScript在DOM、字符串处理相关知识练习对于复杂UI,如何进行数据机构建模任务描述如图,实现一个类似棋盘的格子空间,每个格子用两个数字可以定位,一个红正方形的DOM在这个空间内,正方形中的蓝色边表示这是他的正面,有一个input输入框在输入框中允许输入如下指令,按下按钮后,使得正方形做相应动作GO:向蓝色边所面向的方向前进一...

2017-03-15 09:52:00 90

转载 表单(三)联动总结

任务目的加强对JavaScript的掌握熟悉常用表单处理逻辑任务描述如示例图中所示,在页面中完成两个单选框,切换单选框的不同选项时下方显示的表单随之切换。当选择在校生时,出现两个select下拉菜单,一个选择城市,一个选择学校,当选择非在校生时,出一个文本输入框学校下拉菜单里的学校名单均为城市下拉菜单中所选的城市中的大学,当城市发生变化时,学校一起发生...

2017-03-14 09:58:00 178

转载 表单(二)多个表单项的动态校验总结

任务目的加强对JavaScript的掌握熟悉常用表单处理逻辑任务描述如示例图中所示,基于上一个任务,在页面中添加多个表单要求:表单获得焦点时,下方显示表单填写规则表单失去焦点时校验表单内容校验结果正确时,表单边框显示绿色,并在下方显示验证通过的描述文字校验结果错误时,表单边框显示红色,并在下方显示验证错误的描述文字点击提交按钮时,对...

2017-03-13 21:05:00 212

转载 表单(一)单个表单项的检验总结

任务目的加强对JavaScript的掌握熟悉常用表单处理逻辑任务描述如示例图中所示,在页面中实现一个输入框与按钮,要求点击验证按钮后,对输入框中内容进行格式校验,并在其下方显示校验结果校验规则:1.字符数为4~16位2.每个英文字母、数字、英文符号长度为13.每个汉字,中文符号长度为2任务注意事项要求功能实现与任务描...

2017-03-13 20:34:00 183

转载 基础JavaScript练习(三)总结

任务目的实践JavaScript数组、字符串相关操作任务描述基于任务四进行升级将新元素输入框从input改为textarea允许一次批量输入多个内容,格式可以为数字、中文、英文等,可以通过用回车,逗号(全角半角均可),顿号,空格(全角半角、Tab等均可)等符号作为不同内容的间隔增加一个查询文本输入框,和一个查询按钮,当点击查询时,将查询词在各个元素内容...

2017-03-09 09:57:00 147

转载 基础JavaScript练习(二)总结

任务目的学习与实践JavaScript的基本语法、语言特性练习使用JavaScript实现简单的排序算法任务描述基于上一任务限制输入的数字在10-100队列元素数量最多限制为60个,当超过60个时,添加元素时alert出提示队列展现方式变化如图,直接用高度表示数字大小实现一个简单的排序功能,如冒泡排序(不限制具体算法),用可视化的方法表达出来,...

2017-03-08 21:16:00 211

转载 基础JavaScript练习(一)总结

任务目的在上一任务基础上继续JavaScript的体验接触一下JavaScript中的高级选择器学习JavaScript中的数组对象遍历、读写、排序等操作学习简单的字符串处理操作任务描述参考以下示例代码,读取页面上已有的source列表,从中提取出城市以及对应的空气质量将数据按照某种顺序排序后,在resort列表中按照顺序显示出来&lt...

2017-03-07 19:16:00 96

转载 零基础JavaScript编码(三)总结

任务目的在上一任务基础上继续JavaScript的体验接触一下JavaScript中的高级选择器学习JavaScript中的数组对象遍历、读写、排序等操作学习简单的字符串处理操作任务描述参考以下示例代码,读取页面上已有的source列表,从中提取出城市以及对应的空气质量将数据按照某种顺序排序后,在resort列表中按照顺序显示出来&lt...

2017-03-07 19:11:00 67

转载 零基础JavaScript编码(二)

任务目的在上一任务基础上继续JavaScript的体验学习JavaScript中的if判断语法,for循环语法学习JavaScript中的数组对象学习如何读取、处理数据,并动态创建、修改DOM中的内容任务描述参考以下示例代码,页面加载后,将提供的空气质量数据数组,按照某种逻辑(比如空气质量大于60)进行过滤筛选,最后将符合条件的数据按照一定的格式要求显...

2017-03-07 18:01:00 92

转载 零基础JavaScript编码(一)

任务目的JavaScript初体验初步明白JavaScript的简单基本语法,如变量、函数初步了解JavaScript的事件是什么初步了解JavaScript中的DOM是什么任务描述参考以下示例代码,补充其中的JavaScript功能,完成一个JavaScript代码的编写本任务完成的功能为:用户可以在输入框中输入任何内容,点击“确认填写”按钮后,...

2017-03-07 11:14:00 78

转载 响应式网格(栅格化)布局总结

任务目的使用 HTML 与 CSS 实现类似BootStrap 的响应式 12 栏网格布局,根据屏幕宽度,元素占的栏数不同。任务描述需要实现如效果图所示,调整浏览器宽度查看响应式效果,效果图中的红色的文字是说明,不需要写在 HTML 中。任务注意事项网格布局的作用在于更有效地控制元素在网页中所占比例的大小。比如,博客中有一个留言板模块,在...

2017-03-05 13:39:00 624

转载 实现常见的技术产品官网的页面架构及样式布局总结

任务目的通过实现一个常见的技术产品官网,加深对于HTML,CSS的实战能力学习掌握如何在没有标注的情况下实现设计稿到页面的精确转变任务描述通过HTML及CSS实现设计稿设计稿PSD文件(点击下载),效果如效果图(点击打开)设计稿是有一定宽度的,这个宽度为页面的最小宽度,也就是说,当浏览器窗口宽度小于设计稿宽度时,允许出现横向滚动条,页面内容宽度保持不变...

2017-03-05 11:22:00 328

转载 通过HTML及CSS模拟报纸排版总结

任务目的深入掌握CSS中的字体、背景、颜色等属性的设置进一步练习CSS布局任务描述参考PDS设计稿(点击下载),实现页面开发,要求实现效果与样例(点击查看)基本一致页面中的各字体大小,内外边距等可参看标注图(点击查看)页面宽度固定(定宽)任务注意事项只需要完成HTML,CSS代码编写,不需要写JavaScript设计稿中...

2017-03-02 12:15:00 1034

转载 任务四:定位和居中问题总结

任务目标实践HTML/CSS布局方式深入了解position等CSS属性任务描述实现示例图的效果灰色元素水平垂直居中,有两个四分之一圆位于其左上角和右下角。任务注意事项思考不同情况下(如灰色高度是根据内容动态变化的)水平垂直居中的解决方案。动手试一试各种情况的组合,父元素和子元素分别取不同的 position 值。思考 posi...

2017-02-28 10:43:00 98

转载 1. Two Sum

Description:Given an array of integers, returnindicesof the two numbers such that they add up to a specific target.You may assume that each input would haveexactlyone solution, and you ma...

2017-02-27 20:58:00 45

转载 任务三:三栏式布局总结

任务目标掌握HTML/CSS布局的概念掌握盒模型的概念掌握position与float的概念以及在布局时的用法任务描述使用 HTML 与 CSS 按照示例图(点击查看)实现三栏式布局。左右两栏宽度固定,中间一栏根据父元素宽度填充满,最外面的框应理解为浏览器。背景色为 #eee 区域的高度取决于三个子元素中最高的高度。任务注意事项尝试...

2017-02-27 20:30:00 158

转载 零基础HTML及CSS编码总结

任务目的针对设计稿样式进行合理的HTML架构,包括以下但不限于:* 掌握常用HTML标签的含义、用法能够基于设计稿来合理规划HTML文档结构理解语义化,合理地使用HTML标签来构建页面掌握基本的CSS编码,包括以下但不限于:* 了解CSS的定义、概念、发展简史掌握CSS选择器的含义和用法实践并掌握CSS的颜色、字...

2017-02-26 11:49:00 178

转载 零基础HTML编码学习笔记

任务目的了解HTML的定义、概念、发展简史掌握常用HTML标签的含义、用法能够基于设计稿来合理规划HTML文档结构理解语义化,合理地使用HTML标签来构建页面任务描述:完成一个HTML页面代码编写(不写CSS,不需要关注样式,只关注文档结构)任务注意事项只需要完成HTML代码编写,不需要写CSS示例图仅为参考,不需要完全实现一致,其中的图片、文...

2017-02-25 11:35:00 80

转载 HTML5与HTML4的区别

1. HTML5推出的理由解决Web上存在的问题:Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript,在另一个浏览器中不能运行。原因:各浏览器规范不统一,没有被标准化。解决方案:使各浏览器的功能符合通用标准。文档结构不够明确:HTML4中元素不能把文档结构表示清楚。解决方案:增加与结构相关的元素。Web应用程序的功能...

2017-02-02 16:29:00 385

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除