自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js我是精明的小卖家(二)

<!doctype html><html lang="zh-cmn-Hans"><head><title>faf</title><meta charset="utf-8"><style> thead tr{ text-align: center; color: #FF7F50; backgr...

2019-09-06 13:08:08 168

原创 js邮箱(给爱的人发个邮件吧)

需求:1、当用户没有任何输入时,提示框消失2、当用户输入字符后,显示提示框,并且把用户输入的内容自动拼上邮箱后缀进行显示3、暂时不用考虑示意图中的红色和蓝色背景色的逻辑4、注意用户输入中前后空格需要去除一、HTML部分<div class="wrapper"> <input id="email-input" type="text"> <ul...

2019-08-25 09:02:56 3041

原创 js计算日期的时间差(天、时、分、秒)

内容要求:(下面的HTML,有一堆Select用于选择日期和时间,在选择后,实时在 id 为 result-wrapper 的 p 标签中显示所选时间和当前时间的差值。)HTML代码:<select id="year-select"> <option value="2000">2000</option> <option value="2...

2019-08-23 17:51:06 1852

原创 js 时间(格式二)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { font-size: 100px; color: white; }...

2019-08-21 08:52:18 127

原创 前端小计:js日期(一个最简单的时钟)

今天的要求是:1、显示当前日期及时间,按秒更新;2、格式为 YYYY 年 MM 月 DD 日 星期 D HH:mm:ss;3、注意位数的补齐,比如:– 假设时间为2008年10月10日星期一的12点12分12秒,显示2008年10月10日星期一 12:12:12– 假设时间为2008年1月1日星期一的3点2分2秒,显示2008年01月01日星期一 03:02:02注意事项:1、尽量让...

2019-08-20 18:00:36 405

原创 前端小计(数组转为对象)——第二十二天到第二十四天:JavaScript里面的居民们

数组转为对象:1、数组如下: var menuArr = [ [1, "Area1", -1], [2, "Area2", -1], [3, "Area1-1", 1], [4, "Area1-2", 1], [5, "Area2-1", 2], [6, "Area2-2", 2], [7, "Area1-2-3", 4], [8...

2019-08-19 15:57:29 181

原创 对象转换数组

对象: var scoreObject = { "Tony": { "Math": 95, "English": 79, "Music": 68 }, "Simon": { "Math": 100, "English": 95, "Music": 98 }, ...

2019-08-19 09:34:03 94

原创 前序、中序、右序遍历tree(先存起来,不慎理解)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> var tree = { "id": 0, ...

2019-08-16 16:24:36 278

原创 删除重复的字符串

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> /*实现一个字符串头尾去除空格的函数注意需要去除的...

2019-08-15 16:37:06 141

原创 前端小计(有用的字符串方法)——第二十二天到第二十四天:JavaScript里面的居民们

要求:1、基于HTML,实现需求2、按照HTML中按钮的描述以此实现功能3、计算结果显示在 id 为 result 的 P 标签中这里放的是HTML<div> <label>String A: <input id="radio-a" type="radio" checked="true" name="str-obj" value="a...

2019-08-15 10:30:05 217

原创 前端小计(数字相关的一些操作)——第二十二天到第二十四天:JavaScript里面的居民们

**要求:**1:按照HTML中按钮的描述以此实现功能2:计算结果显示在 id 为 result 的 P 标签中3:除了第一个按钮,其它按钮操作时,都需要判断输入是否为数字,否则在 console 中输出错误信息1 先贴上html代码:<div> <label>Number A:<input id="radio-a" type="radio" name...

2019-08-14 10:40:36 231

原创 前端小计(Erik笑容的动画)——第二十到第二十一天:让你和页面对话

作业要求:做一个帧动画:1、看看最终的样子:Erik笑容的动画2、图片地址:http://ife.baidu.com/2016/static/img/erik_ce204002.jpg3、注意:不要使用 CSS animation,因为这里要学习的是使用 JS 来操作 CSS,而不是为了完成这个任务。不多说了,先上代码:<!DOCTYPE html><html lan...

2019-08-11 18:21:49 182

原创 前端小计(setInterval实现淡入淡出2)——百度学院第二十到第二十一天:让你和页面对话

这是用setInterval来实现的淡入淡出,感觉和上一篇没啥区别,2333。看看setTimeout实现淡入淡出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>&...

2019-08-10 17:54:36 154

原创 前端小计(setTimeout实现淡入淡出)——百度学院第二十到第二十一天:让你和页面对话

自己亲手做的,很基础吧!虽然很乱的样子,没办法,技术有限,只能做到这一步了。贴上代码:` Document 淡出 `在写的过程中,我发现了一个问题,没错。他就是精度的问题。在不透明度(opacity)0~1之间的淡入淡出过程中,我发现无法做到精确计算,所以只能这样做了。...

2019-08-10 16:36:26 291

原创 前端小计(查找元素的练习2)——百度前端技术学院第十九天:找到那个DOM

继上一篇我的内容,百度学院给了第二要求:再次晚上前面的几个查找元素的练习,但是使用querySelector及querySelectorAll。我发现简单了许多。。。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>IFE ECMAScrip...

2019-08-03 17:33:18 129

原创 前端小计(查找元素的练习)——百度前端技术学院第十九天:找到那个DOM

感觉有点困难,不过还是完成了要求。百度学院的页面` IFE ECMAScript Some title HTMLSome Link1 JSSome Lin...

2019-08-03 15:59:24 181

空空如也

空空如也

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

TA关注的人

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