anqijava的博客

原创 HTML CSS学习笔记

1.在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入 。 2. 标签，添加水平横线 语法： html4.01版本  xhtml1.0版本 <hr /> 注意： 1. 标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. 标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉

转载 -strong em标签 span q

3. 3. 4.长文本引用

转载 网页更容易被搜索引擎收录--善用标签

转载 title标签,head部分

原创 Caesars Cipher 重点：charCodeAt(), fromCharCode(); CharAt函数的理解与使用，

参考文章： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String

原创 Where do I belong 重点：arr.sort(compareFunction)

参考文章： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

原创 seek and Destroy 重点：arguments,indexOf,fliter 的理解与应用

1.实现想法： 首先将后面要摧毁的元素方巾一个args的数组，由于元素数量不确定，所以用arguments的length方法，以下是参考文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments 2.测试arr数组里的a在args这个数组里能不能找到，将不能找到的值返回

原创 FCC找出多个数组中最大数

原创 js 实现字符串首字母大写

原创 检查回文字符串重难点:去除多余标点和空格

参考网站：http://www.w3cplus.com/javascript/palindrome-check-in-javascript.html function palindrome(str) {      var s=str.replace(/[\W_]/gi,"");//去除多余标点符号和空格   var t=s.split("");// 转化成数组   t=t.r

转载 js 学习心得2

1.SORT方法 2.reverse 翻转方法 3.连接两个数组  concat方法 4.split方法 5.join 方法 自由连接 我们还可以使用 join 方法来把数组转换成字符串，里面的每一个元素可以用你指定的连接符来连接起来，这个连接符就是你要传入的参数。 下面展示了使用 jo

转载 js 对象私有属性

转载 javascript实现老虎机功能

原创 Profile Lookup错误原因-学习笔记

我们有一个对象数组，里面存储着通讯录。 函数 lookUp 有两个预定义参数：firstName值和prop属性 。 函数将会检查通讯录中是否存在一个与传入的 firstName相同的联系人。如果存在，那么还需要检查对应的联系人中是否存在 prop属性。 如果它们都存在，函数返回prop属性对应的值。 如果firstName 值不存在，返回 "No s

原创 JavaScript学习心得

1.注释的代码块在JavaScript之中是不会运行的。注释是一个非常好的方式让你自己以及其他人明白这段代码是怎么运行的。 JavaScript中的注释方式有以下两种： 使用 // 来告诉JavaScript来忽略当前行的代码 // This is an in-line comment. 你也可以使用多行注释来注释你的代码，以/*开始，用*/来结束，就像下面这样：

原创 Bootstrap学习心得

1.添加Bootstrap class属性时 无需加响应链接  2.需要将内容变为 响应时时需要链接以及将元素放置于一个class属性为 container-fluid的 div 元素中。 3.Bootstrap 有一个 class 属性叫做 well，它的作用是为设定的列创造出一种视觉上的深度感（一种视觉上的效果，动手写代码体会一下）。            

原创 增加点赞手势图及提交按钮图标

Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父HTML元素的字体大小。 你可以将 Font Awesome 图标库增添至任何一个应用中，方法很简单，只需要在你的 HTML 头部增加下列代码即可： 不过，我们已经事先在幕后为此页面添加了该功能。（

原创 导航制作

让我们来为Cat Photo 应用做一个导航吧，把标题和惬意的猫图片放在同一行。 记住，Bootstrap使用响应式栅格系统，这使得把元素放入行内并为每个元素指定宽度变得很容易。大部分的 Bootstrap的 class 都可以被用在 div 元素上。 这张图展示了 Bootstrap 的12栏栅格布局是如何工作的： 注意，在此图示中，我们使用了 co

原创 span创建行内元素

通过使用 span 元素，你可以把几个元素放在一起。你甚至可以用此为一个元素的不同部分指定样式。 把 "Things cats love" 中的 "love" 放到 span 标签下。然后为其添加 text-danger class 来使文字变成红色。 举例，"Top 3 things cats hate" 元素的写法如下： Top 3 things cats h

原创 Bootstrap 响应式网格布局

Bootstrap 使用一种响应式网格布局——可轻松实现将多个元素放入一行并指定各个元素的相对宽度的需求。Bootstrap 中大多数的class属性都可以设置于 div 元素中。 下面这张图表显示了 Bootstraps 的12列网格布局是如何起作用的： 在这张图表中，class属性 col-md-* 正被使用。在这里，md 表示 medium (中等的

原创 居中文字，Bootstrap按钮

我们所要做的只是把text-center class属性添加给 需要居中的文字 元素。  CatPhotoApp Bootstrap有它自己的 button 按钮风格， 看起来要比默认的按钮好看得多。   Like 通常情况下，你的 button 元素仅与它所包含的文本一样宽。通过使其成为块级元素，你的按钮将会伸展并填满页面整个水平空间，任何在它之

原创 Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调 响应式设计的概念

Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调 响应式设计的概念。 通过响应式设计，你无需再为你的网站设计一个手机版的。它在任何尺寸的屏幕上看起来都会不错。 你仅需要通过添加下列代码到你的HTML开头来将Bootstrap添加到任意应用中：   .red-text {     color: red;

原创 用哈希code 和RGB值代表颜色

Use Hex Code to Color Elements White 0 是 hex code（十六进制编码）中最小的一个，它代表颜色的完全缺失。 F 是 hex code（十六进制编码）中最大的一个，它代表最大可能的亮度。 让我们通过把 background-color 的 hex code 修改为 #FFFFFF，以把 body 元素的背景改为白色。

原创 前端学习のbody元素

Inherit Styles from the Body Element 现在我们证明了每一个 HTML 页面都有一个 body 元素，并且其 body 元素同样能够应用样式。 记住，你可以像对其他 HTML 元素一样对你的 body 元素应用样式，并且所有其他元素将继承你的 body 元素的样式。 首先，创建一个文字为 Hello World 的

原创 前端学习のhtml元素布局

Adjusting the Padding of an Element 现在让我们把 Cat Photo App 暂时搁置，以学习更多的 HTML 样式。 你可能早已经注意到了这点，所有的 HTML 元素本质上是小的矩形块，代表着某一小块区域。 有三个影响HTML元素布局的重要属性：padding(内边距)、margin(外边距)、border(边框)。 元素的