js基础
流浪的宇滴
这个作者很懒,什么都没留下…
展开
-
前端小计(查找元素的练习)——百度前端技术学院第十九天:找到那个DOM
感觉有点困难,不过还是完成了要求。百度学院的页面` IFE ECMAScript Some title HTMLSome Link1 JSSome Lin...原创 2019-08-03 15:59:24 · 212 阅读 · 0 评论 -
前序、中序、右序遍历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 · 304 阅读 · 0 评论 -
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 · 143 阅读 · 0 评论 -
js邮箱(给爱的人发个邮件吧)
需求:1、当用户没有任何输入时,提示框消失2、当用户输入字符后,显示提示框,并且把用户输入的内容自动拼上邮箱后缀进行显示3、暂时不用考虑示意图中的红色和蓝色背景色的逻辑4、注意用户输入中前后空格需要去除一、HTML部分<div class="wrapper"> <input id="email-input" type="text"> <ul...原创 2019-08-25 09:02:56 · 3456 阅读 · 0 评论 -
删除重复的字符串
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> /*实现一个字符串头尾去除空格的函数注意需要去除的...原创 2019-08-15 16:37:06 · 151 阅读 · 0 评论 -
前端小计: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 · 417 阅读 · 0 评论 -
前端小计(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 · 204 阅读 · 0 评论 -
前端小计(有用的字符串方法)——第二十二天到第二十四天: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 · 229 阅读 · 0 评论 -
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 · 1909 阅读 · 0 评论 -
前端小计(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 · 165 阅读 · 0 评论 -
前端小计(setTimeout实现淡入淡出)——百度学院第二十到第二十一天:让你和页面对话
自己亲手做的,很基础吧!虽然很乱的样子,没办法,技术有限,只能做到这一步了。贴上代码:` Document 淡出 `在写的过程中,我发现了一个问题,没错。他就是精度的问题。在不透明度(opacity)0~1之间的淡入淡出过程中,我发现无法做到精确计算,所以只能这样做了。...原创 2019-08-10 16:36:26 · 304 阅读 · 0 评论 -
前端小计(数组转为对象)——第二十二天到第二十四天: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 · 193 阅读 · 0 评论 -
前端小计(数字相关的一些操作)——第二十二天到第二十四天: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 · 261 阅读 · 0 评论 -
前端小计(查找元素的练习2)——百度前端技术学院第十九天:找到那个DOM
继上一篇我的内容,百度学院给了第二要求:再次晚上前面的几个查找元素的练习,但是使用querySelector及querySelectorAll。我发现简单了许多。。。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>IFE ECMAScrip...原创 2019-08-03 17:33:18 · 145 阅读 · 0 评论 -
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 · 195 阅读 · 0 评论