自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 第二十一8位不重复的随机字符

// 作业第三题: // 1 截取字符,每次输出字符长度为8,且8个字符不重复出现 // 2 刷新页面时候都随机出现8个字符 var str = “abcdefghijklmnopqrstuvwxyz0123456789”; var a = []; var b = ‘’; // console.log(str[x]) for (var i = 0; i < 8; i++) { random...

2019-11-29 11:28:01 303

原创 第二十预编译

// 1: new gp --> go{} // 2: 分析变量 go{b:un,c:un,d:un}; // 3: 分析函数 go{b:un,c:un,d:f d(){}}//d 值由 undefined —>function d(){} // 4: 执行一行进行一次赋值 // console.log(a); //语言分析; a is not define console.log(d...

2019-11-29 11:23:34 116

原创 第十九if else for 循环题目训练.

Document

2019-11-23 11:33:24 213

原创 第十八JavaScript 和 Java 的区别

JavaScript和Java在语法上很类似,但其本质有着根本的区别。Java是一种比JavaScript更加复杂的程序语言,而JavaScript相对于Java来说,则是容易上手得多。 二者完全没有关系,网景(Netscape)公司只是为了借着Java语言比较火的东风,将LiveScript语言更名成为了JavaScript语言。 ...

2019-11-22 19:11:20 182

原创 第十七js的优点和缺陷

优点: 1.使用JavaScript可以在客户端进行数据验证,节省服务器端的资源。 例:https://login.sina.com.cn/signup/signup?entry=homepage 2.可以方便地操纵各种页面中的对象,使网页更加友好。 3.使多种任务仅在客户端就可以完成而不需要网络和服务器的参与,从而支持分布式的运算和处理。 局限: 1.兼容性。互联网上有很多浏览器,如FireFo...

2019-11-22 19:10:49 251

原创 第十六js的特点

1.JavaScript是一种脚本编程语言,也是一种解释性语言。 2.JavaScript的语法基本结构形式与C++、Java十分类似 3.JavaScript是一种基于对象的语言。 4.JavaScript具有跨平台性。JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。 5.安全性与简单性。 ...

2019-11-22 19:10:01 131

原创 第十五关于什么是js这件事

人们通常所说的JavaScript,其正式名称为ECMAScript。这个标准由ECMA组织发展和维护。ECMA-262是正式的JavaScript标准。这个标准基于网景(Netscape)公司提出的JavaScript语言和微软提出的JScript语言。 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用这种语言的目的是:与We...

2019-11-22 19:09:15 123

原创 第十四关于js的基本数据类型

基本类型 string 字符串 number 数值型 boolean 布尔类型 undefined 未定义 null 空 引用类型: 数组 [] 对相 {} 函数 function

2019-11-22 19:07:07 94

原创 第十三关于js的运算符

算术运算符 ++ - - 比较(关系)运算符 > < == === >= <= 逻辑运算符 && || ! 赋值运算符 = 连接运算符 +

2019-11-22 19:05:48 142

原创 第十二天 页面结构(复习)

Document <div class="wraper"> <div class="red"> <div class="green"></div> <div class="green"></div> </d...

2019-11-11 22:20:21 94

原创 第十一天 关于样式库

常见的样式库,bootstrap是一个能学到很多东西的网站外加样式库 Bootstrap中文网 – www.bootcss.com 创建于2012年。起因是国内没有较好的关于Bootstrap的中文教程和交流渠道,因此,我们对Bootstrap的文档进行了翻译整理,并且建立了QQ群和微博(@bootcss),方便更多热爱这个CSS框架的攻城师们分享、交流自己在前端设计、开发方面的心得。 从里面可以...

2019-11-11 22:05:39 102

原创 第十天 关于前端遇见的难点

学习前端已经十天了,对于前端的认识持续在HTML和css之间徘徊大概遇见难点都是在排版上,有时候会忘记清除浮动导致自己排版乱掉,还有时候是父元素设置了绝对定位而子元素没有设置相对定位,会照成把父元素挤下去这种情况。 前端的重点学习应该在js上,函数的处理和应用,这个比较难一些,前面的HTML和css侧重于熟悉和认识,使用起来也很便捷。 作为一个新人小白,我努力让自己每天都有所提升,大多时候都为了一...

2019-11-11 22:01:34 107

原创 第九天 表面看是圆,其实正是方

~~css div { width: 300px; height: 300px; background-color: aqua; /* display: inline-block; */ float: left; shape-outside: circle(); } p { display: inline-block; width: 400px; ...

2019-11-11 21:52:40 168

原创 第八天 div的神隐之术

.veiw{ width: 130px; height: 40px; line-height: 40px; text-align: center; color: #25c3ff; background-color:#303242 ; position: relative; ...

2019-11-11 21:45:02 126

原创 第七天 部分转义字符

ISO Latin-1字符集: — 制表符Horizontal tab — 换行Line feed — 回车Carriage Return — Space ! ! — 惊叹号Exclamation mark ” " " 双引号Quotation mark # — 数字标志Number sign $ $ — 美元标志Dollar sign % % — 百分号Percent sign ...

2019-11-11 21:38:44 142

原创 第六天 input

<!-- <input type="text" maxlength="11" placeholder="手机号码"> --> <form> <label for="username">用户名:</label> <input type="text" id="username" placeholder="用户...

2019-11-11 21:37:27 116

原创 第五天 响应式

/* max-width:1200px 当前设备宽度小于等于1200px满足条件 / / m-width:1200px 当前设备宽度大于等于1200px满足条件 */ @media screen and (max-width:800px ) { .item{ background-color: red; } } @media screen and (min-width:1200px ) { ....

2019-11-11 21:27:28 104

原创 第四天 过渡动画

/* transition-property: ;过渡样式 / / transition-duration: ;过渡时间 / / transition-delay: ;设置过渡效果开始延时多少秒执行 / / transition-timing-function: ;设置过渡的速度曲线 / transition-delay: 1s; / 开始慢,中间块,结束慢 / transition-timing...

2019-11-11 21:26:10 100

原创 第三天 浮动的三种清理方式

/* 清理浮动one / / 通过清理浮动让父元素自动获取高度 / / 优点:代码少,好理解 / / 缺点:增加了页面多余的空标签 / / 建议:可以少量使用,不适合大量使用 / / .clear{ clear:both; } / / 清理浮动方式二 / / 通过给父元素设置高度,来清理浮动 / / 优点:简单直接 / / 缺点:父元素高度固定死了,如果浮动元素高度不统一会影响下面的布局 / / ...

2019-11-11 21:24:12 97

原创 第二天 伪类

/* 未访问过的链接的伪类 / #baidu:link{ color: yellow; } / 用于已访问过的元素触发的伪类 / #baidu:visited{ color: pink; } / 鼠标悬停在元素上面的时候触发的伪类 */ #baidu:hover{ color: red; cursor: pointer; } /*鼠标按下时触发,松开时消失的伪类 */ #baidu:active...

2019-11-11 21:23:15 105

原创 第一天 class命名规范

Class 命名规范 Class 应该遵守以下命名规范: class 名称中只能出现小写字符和破折号(不是下划线,也不是驼峰命名法)。 破折号应当用于相关 class 的命名(类似于命名空间)(如,.btn 和 .btn-danger)。 避免过度任意的简写。 .btn 代表 button,但是 .s 不能表达任何意思。 class 名称应当尽可能短,并且意义明确。 使用有意义的名称。 使用有组织...

2019-11-11 21:16:35 320

空空如也

空空如也

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

TA关注的人

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