- 博客(25)
- 收藏
- 关注
原创 HTML CSS学习笔记
1.在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入 。2.标签,添加水平横线语法:html4.01版本 xhtml1.0版本 <hr />注意:1. 标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。2. 标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉
2017-11-07 20:29:24 255
原创 Caesars Cipher 重点:charCodeAt(), fromCharCode(); CharAt函数的理解与使用,
参考文章:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAthttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String
2017-11-03 17:19:33 213
原创 Where do I belong 重点:arr.sort(compareFunction)
参考文章:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
2017-11-03 16:46:41 218
原创 seek and Destroy 重点:arguments,indexOf,fliter 的理解与应用
1.实现想法:首先将后面要摧毁的元素方巾一个args的数组,由于元素数量不确定,所以用arguments的length方法,以下是参考文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments2.测试arr数组里的a在args这个数组里能不能找到,将不能找到的值返回
2017-11-03 16:21:42 193
原创 检查回文字符串重难点:去除多余标点和空格
参考网站:http://www.w3cplus.com/javascript/palindrome-check-in-javascript.htmlfunction palindrome(str) { var s=str.replace(/[\W_]/gi,"");//去除多余标点符号和空格 var t=s.split("");// 转化成数组 t=t.r
2017-11-01 20:05:18 923
转载 js 学习心得2
1.SORT方法2.reverse 翻转方法3.连接两个数组 concat方法4.split方法5.join 方法 自由连接我们还可以使用 join 方法来把数组转换成字符串,里面的每一个元素可以用你指定的连接符来连接起来,这个连接符就是你要传入的参数。下面展示了使用 jo
2017-11-01 16:01:31 332
原创 Profile Lookup错误原因-学习笔记
我们有一个对象数组,里面存储着通讯录。函数 lookUp 有两个预定义参数:firstName值和prop属性 。函数将会检查通讯录中是否存在一个与传入的 firstName相同的联系人。如果存在,那么还需要检查对应的联系人中是否存在 prop属性。如果它们都存在,函数返回prop属性对应的值。如果firstName 值不存在,返回"No s
2017-10-31 10:29:33 611
原创 JavaScript学习心得
1.注释的代码块在JavaScript之中是不会运行的。注释是一个非常好的方式让你自己以及其他人明白这段代码是怎么运行的。JavaScript中的注释方式有以下两种:使用 // 来告诉JavaScript来忽略当前行的代码// This is an in-line comment.你也可以使用多行注释来注释你的代码,以/*开始,用*/来结束,就像下面这样:
2017-10-25 10:07:36 6321
原创 Bootstrap学习心得
1.添加Bootstrap class属性时 无需加响应链接 2.需要将内容变为 响应时时需要链接以及将元素放置于一个class属性为container-fluid的div 元素中。3.Bootstrap 有一个 class 属性叫做well,它的作用是为设定的列创造出一种视觉上的深度感(一种视觉上的效果,动手写代码体会一下)。
2017-10-22 03:39:00 844
原创 增加点赞手势图及提交按钮图标
Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形,被保存在 .svg 的文件格式中。这些图标就和字体一样,你可以通过像素单位指定它们的大小,它们将会继承其父HTML元素的字体大小。你可以将 Font Awesome 图标库增添至任何一个应用中,方法很简单,只需要在你的 HTML 头部增加下列代码即可:不过,我们已经事先在幕后为此页面添加了该功能。(
2017-10-22 03:17:55 4624
原创 导航制作
让我们来为Cat Photo 应用做一个导航吧,把标题和惬意的猫图片放在同一行。记住,Bootstrap使用响应式栅格系统,这使得把元素放入行内并为每个元素指定宽度变得很容易。大部分的 Bootstrap的 class 都可以被用在 div 元素上。这张图展示了 Bootstrap 的12栏栅格布局是如何工作的:注意,在此图示中,我们使用了 co
2017-10-22 03:10:59 993
原创 span创建行内元素
通过使用 span 元素,你可以把几个元素放在一起。你甚至可以用此为一个元素的不同部分指定样式。把 "Things cats love" 中的 "love" 放到 span 标签下。然后为其添加 text-danger class 来使文字变成红色。举例,"Top 3 things cats hate" 元素的写法如下:Top 3 things cats h
2017-10-22 03:08:28 467
原创 Bootstrap 响应式网格布局
Bootstrap 使用一种响应式网格布局——可轻松实现将多个元素放入一行并指定各个元素的相对宽度的需求。Bootstrap 中大多数的class属性都可以设置于div 元素中。下面这张图表显示了 Bootstraps 的12列网格布局是如何起作用的:在这张图表中,class属性 col-md-* 正被使用。在这里,md 表示 medium (中等的
2017-10-22 03:00:43 1048
原创 居中文字,Bootstrap按钮
我们所要做的只是把text-center class属性添加给 需要居中的文字 元素。 CatPhotoAppBootstrap有它自己的button 按钮风格, 看起来要比默认的按钮好看得多。 Like通常情况下,你的 button 元素仅与它所包含的文本一样宽。通过使其成为块级元素,你的按钮将会伸展并填满页面整个水平空间,任何在它之
2017-10-22 02:48:16 3931
原创 Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调 响应式设计的概念
Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调 响应式设计的概念。通过响应式设计,你无需再为你的网站设计一个手机版的。它在任何尺寸的屏幕上看起来都会不错。你仅需要通过添加下列代码到你的HTML开头来将Bootstrap添加到任意应用中: .red-text { color: red;
2017-10-21 17:09:27 3472
原创 用哈希code 和RGB值代表颜色
Use Hex Code to Color Elements White0 是 hex code(十六进制编码)中最小的一个,它代表颜色的完全缺失。F 是 hex code(十六进制编码)中最大的一个,它代表最大可能的亮度。让我们通过把 background-color 的 hex code 修改为 #FFFFFF,以把 body 元素的背景改为白色。
2017-10-21 16:57:55 3740
原创 前端学习のbody元素
Inherit Styles from the Body Element现在我们证明了每一个 HTML 页面都有一个 body 元素,并且其 body 元素同样能够应用样式。记住,你可以像对其他 HTML 元素一样对你的 body 元素应用样式,并且所有其他元素将继承你的 body 元素的样式。首先,创建一个文字为 Hello World 的
2017-10-21 16:47:20 574
原创 前端学习のhtml元素布局
Adjusting the Padding of an Element现在让我们把 Cat Photo App 暂时搁置,以学习更多的 HTML 样式。你可能早已经注意到了这点,所有的 HTML 元素本质上是小的矩形块,代表着某一小块区域。有三个影响HTML元素布局的重要属性:padding(内边距)、margin(外边距)、border(边框)。元素的
2017-10-21 16:26:38 233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人