「已注销」-CSDN博客

原创 Android 4.4 及以下 TextView 使用矢量图报错！

项目在 Android 5.0 以上的机子运行正常，在 Android 4.4 及以下的机子上直接崩溃。异常显示找不到资源文件，具体到就是 TextView 中的 background 属性使用的矢量图，改为一般图片后项目又正常运行了。矢量图只能在 AppCompatImageView 和 AppCompatImageButton 控件上使用，但实际上，用 ImageView、ImageBut...

2018-12-10 11:56:50 1053 1

原创前端进阶-编写测试代码

Sublime Text 快捷键GulpGulp 是基于 node.js 的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。使用 gulp 你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量。安装 Gulp在安装 gulp 之前，需要先安装 Node.js 和 NPM。我们可以通过访问 Nodes官网并下载最新版的 NodeJS...

2018-12-04 18:52:28 1097

原创前端进阶-样式

创建聚焦样式:focus 伪类，表示获得焦点的元素（如表单输入）。当用户点击或触摸元素或通过键盘的 “tab” 键选择它时会被触发。outline CSS 属性，设置一个或多个单独的轮廓属性的简写属性，例如 outline-style, outline-width 和 outline-color。多数情况下，简写属性更加可取和便捷。:hover 伪类，可以创建复杂的层叠机制。触摸屏非...

2018-11-27 15:18:11 390

原创前端进阶-ES6内置功能

SymbolSymbol 简介Symbol 是 JS 原始数据类型列表中（numbers、strings、booleans、null、undefined）的最新补充。Symbol 是一个唯一标识符，常用于唯一标识对象中的属性。碗这个对象中有几个水果属性（水果也是对象），当有两个相同的水果在碗里时，会出现混乱，我们不知道什么时候拿哪一个，这就是问题。我们需要一种方式来唯一的标识这这些香蕉。...

2018-11-27 11:44:28 403

原创前端进阶-ES6函数

箭头函数将函数转换为箭头函数const upperizedNames = ['Farrin', 'Kagure', 'Asser'].map(function(name) { return name.toUpperCase();});将现有的"普通"函数转换为箭头函数只需几步：删掉关键字 function删掉圆括号删掉左右花括号删掉关键字 return删掉分号在参数列...

2018-11-23 14:46:23 447

原创原型继承：子类

当在任何对象上调用任何属性时，JavaScript 引擎将首先在该对象中查找该属性（即该对象自己的、非继承的属性）。如果没有找到该属性，JavaScript 将查看该对象的原型。如果在对象原型中仍然找不到该属性，则 JavaScript 将在原型链上继续搜索。JavaScript 中的继承重点就是建立原型链。如果只继承原型呢？假设我们希望一个 Child 对象从一个 Parent 对象继承。...

2018-11-16 20:24:36 383

原创前端进阶-类和对象

对象可以表示数据和功能。构造函数构造函数：结构和语法function SoftwareDeveloper() { this.favoriteLanguage = 'JavaScript';}首先，构造函数并不声明局部变量，而是使用 this 关键字来保存数据。以上函数将为所创建的任何对象添加一个 favoriteLanguage 属性，并为其分配一个默认值 'JavaScript'...

2018-11-16 19:20:23 1207

原创前端进阶-运行时函数

一级函数函数是一级函数在 JavaScript 中，函数是一级函数。这意味着，就像对象一样，你可以像处理其他元素（如数字、字符串、数组等）一样来处理函数。JavaScript 函数可以：存储在变量中从一个函数返回作为参数传递给另一个函数注意，虽然我们可以将函数当作对象来处理，但是函数和对象之间的一个主要区别是，函数可以被调用（即使用 () 执行），而常规对象则不能。在很多方面，J...

2018-11-15 19:28:54 555

原创前端进阶-深入了解对象

如何创建、访问和修改对象？JavaScript 函数为什么是一级函数？JavaScript 对传统类和继承的抽象？前端入门回顾数组数组是 JavaScript 中最有用的数据结构之一。在本质上，数组就是一个由方括号（即 [ ]）括起来的有序元素集合。数组可以存储许多不同类型的数据，而不仅仅是字符串！const mixedArray = [0, "hello", true, ['ap...

2018-11-13 20:26:29 297

原创高效输入

高效输入1开始有效输入，速度带来转化。<form class="date-and-time-picker> <label for="date"> <span>What day do you want to leave?</span> <input id="date" type="date"&g

2018-09-28 17:17:03 422

原创 jQuery事件监听

monitorEvents()浏览器事件监听控制或右键单击元素并选择“检查 (Inspect)”。在 javaScript 控制台标签中输入：monitorEvents($0)现在，将鼠标悬停在该元素上时，关注或单击它，将显示触发事件的名称及其数据。要停止获取该数据，只需在控制台中写入下行：unmonitorEvents($0)monitorEvents() Documentat...

2018-09-26 15:35:46 14175

原创 jQuery入门-DOM操作

jQuery API 文档切换toggleClass() ，该方法既可以添加/删除一个类名，这取决于与元素是否已经有了这个类名。let featured;featured = $('.featured');featured.toggleClass('featured');关于 .toggleClass() 的文档关于 .next() 的文档更改属性let navList, ...

2018-09-23 14:59:40 285

原创 jQuery入门-DOM/$/选择器

jQuery 就是一个 JS 库，它并不是一门独立的语言。jQuery 存在的原因是纯 JS 操作 DOM 并不方便。我们可以使用 script 标签向网页中引入 jQuery。在服务器上存储 js 代码并通过制定路径引入网页（使用托管的 CDN-内容分发网络上的特定版本 jQuery）。CDN 一般比服务器快很多，也能利用浏览器的缓存特性，在产品中使用 jQuery 的精简版本（min），该...

2018-09-19 16:41:05 286

原创性能

如何衡量代码速度？如何编写合理高效的代码？全面学习 JS 事件循环以及它会如何影响代码编写过程？高效添加页面内容使用循环添加内容for (let i = 1; i <= 200; i++) { const newElement = document.createElement('p'); newElement.textContent = 'This is pa...

2018-09-06 17:19:48 313

原创使用浏览器事件

上篇文章学习了如何添加、删除页面内容，以及为页面内容设置样式。我们需要在 JS 文件中编写 JS 代码。但是如果我们在 JS 文件中编写所有代码，当我们加载页面时，所有更改将立即执行。这篇文章将学习如何根据用户的操作，运行操纵 DOM 的 JS 代码。接下来我们将学习：事件，什么是事件回应事件，如何监听事件并在事件发生时做出回应事件数据，掌握事件中所包含的数据停止事件，防止事件触发...

2018-09-04 19:21:31 1326

原创使用JavaScript 创建内容

我们可以编写相应的 DOM 代码，如将返回的元素结果保存到变量中：const nanodegreeCard = document.querySelector('.card');更新现有页面内容元素的内部 HTML每个元素都从元素接口继承属性和方法。这意味着，每个元素都有一个 .innerHTML 属性。这个属性顾名思义，表示元素内容的标记。我们可以使用这个属性来：获取元素...

2018-09-03 18:18:03 450

原创 JavaScript和DOM

文档对象模型（DOM）使用 JavaScript 创建内容使用浏览器事件性能DOM我们将深入了解文档对象模型 (DOM) 是什么、如何创建 DOM，以及如何使用 JavaScript 来访问它。DOM 代表“文档对象模型”，是一种树状结构，是HTML 文档的表示，反映了元素之间的关系，并包含元素的内容和属性。DOM 不是：JavaScript 语言的一部分...

2018-09-02 17:46:42 301

原创与远程仓库保持同步

创建 Pull RequestPull Request（拉取请求）是向初始或源仓库的维护者发出的请求，以让其将你在他们项目的 fork 上所做的更改应用在他们的项目中。你请求他们拉取你做的更改。你需要完成一些操作：你必须 fork 源仓库将你的 fork 克隆到你的计算机进行一些 commit（最好是在特性分支上！）将 commit 推送回你的 fork创建一个新的 Pull R...

2018-08-30 17:49:27 1211

原创 Fork仓库

在版本控制术语中，如果你 “fork” 一个仓库，则是指复制它。特别是当你 fork 属于别人的仓库时，你将制作他们仓库的完全一样的副本，之后这个副本便变成你的。“fork” 的概念也不同于”克隆”。在克隆仓库时，你也会获得完全一样的仓库副本，但克隆发生在本地计算机上，并且克隆的是远程仓库。当你 fork 仓库时，会创建远程仓库的一份新副本。新副本也是一个远程仓库，但它现在属于你。fork...

2018-08-30 14:42:12 9832 1

原创 Git 使用远程仓库

远程仓库什么是远程仓库Git 是一个分布式版本控制系统，这意味着不存在一个主信息仓库。每位开发者使用的都是仓库的一个副本。因此，你可以拥有仓库的一个副本（它包含发布的 commit 和版本历史记录），并且你的朋友也可以拥有相同仓库的一个副本。每个仓库包含的信息与其他副本完全相同，没有哪一个是主要的。在此之前，你可能一直使用的都只是本地仓库。而远程仓库与你的本地 Git 仓库一样，只是它...

2018-08-29 19:12:59 295

原创 Git命令（撤销更改）

更改最后一个 commit你已经使用 git commit 命令提交了大量的 commit。现在，借助 –amend 选项，你可以更改最近的 commit。$ git commit --amendgit commit --amend 使你能够包含忘记包含的文件（或文件更改）。你可以执行新的 commit 并更新文件，但是这样就会出现两个 commit 执行完全相同的任务。相反，你可以运...

2018-08-29 14:25:04 1332

原创 Git（标签、分支和合并）2

合并分支git merge 命令用来在 git 中合并分支：$ git merge &lt;other-branch&gt;发生合并时，git 将：查看将合并的分支查看分支的历史记录并寻找两个分支的 commit 历史记录中都有的单个 commit将单个分支上更改的代码行合并到一起提交一个 commit 来记录合并操作合并有以下两种类型：快进合并 – 要合并的分...

2018-08-28 17:36:30 2876

原创 Mac上Git安装与配置

安装 GitMac OS 实际上已经安装了 Git，但是我们可以重新安装，以便使用最新的版本：https://git-scm.com/downloads下载 Mac 版软件安装 Git 并选择所有默认选项安装完毕后，你应该能够在命令行工具中运行 git。如果显示了使用信息，则一切正常！配置 Mac 的终端我们即将配置终端，以便当我们位于版本控制目录下时，可以显示有用的信...

2018-08-28 10:05:56 5479

原创 Git（标签、分支和合并）1

git tag 命令创建标签git tag 命令用来标记特定的 commit 。当添加新的 commit 时，标签不会移动。$ git tag -a beta此命令将：向最近的 commit 添加标签如果提供了 SHA，则向具体的 commit 添加标签注意，在上述命令 (git tag -a v1.0) 中，使用了 -a 选项。该选项告诉 git 创建一个带注释的标...

2018-08-27 19:14:35 2825

原创 Git命令（向仓库中添加 commit）

git addgit add 命令用于将文件从工作目录移到暂存区，可接受多个文件名（用空格分隔）。$ git add <file1> <file2> … <fileN>要将所有文件提交到仓库中，首先需要将这些文件从工作目录移到暂存区。我们将使用 git add 命令将这三个文件移到暂存区。运行 git add 命令没有任何输出（同样也没有...

2018-08-26 16:15:43 2840

原创 Git命令（查看仓库历史记录）

git log 命令// 终端显示 git log 命令的输出结果zhanghuabin-mac:course-git-blog-project zhanghuabin$ git logcommit a3dc99a197c66ccb87e3f4905502a6c6eddd15b1Author: Richard Kalehoff <richardkalehoff@gmail.com...

2018-08-22 19:38:51 24079

原创 Git命令（init/clone/status）

之前文章讲述了版本控制系统的一些常用术语，在计算机上安装Git，并为 Git 做了一些初始化配置（比如名字和电子邮件），接下来介绍使用 git init 创建 Git 仓库，使用 git clone 复制现有仓库并使用 git status 来确定仓库的状态。创建仓库在对 Git 仓库进行 commit 或执行任何其他操作之前，需要一个实际存在的仓库。要使用 Git 新建一个仓库，我们将...

2018-08-21 18:52:45 704

原创 Git 术语和初次配置

版本控制系统的主要目的是帮助你保留项目的详细历史记录，并且能够在不同的版本上进行工作。保留详细的项目历史记录很重要，因为这样可以看出一段时间内项目的进度。如果需要，你还可以回到项目的某个阶段，并恢复数据或文件。版本控制系统模型包括两大主要类型：集中式模型 - 所有用户都连接到一个中央的主仓库（master repository）分布式模型 - 每个用户都在自己的计算机上拥有完整的仓库...

2018-08-21 09:36:21 235

原创 Shell指令说明

一开始设计 Unix 系统时，计算机与终端之间的连接速度很慢，因此采用非常简短的命令使用起来速度更快。不仅 shell 是这样，Unix 系统的其他部分（例如 C 编程语言）也是这样。打印echo，打印指令，同 JS 的 console.log 和 Python 的 print。单词前面的 $ 符号表示它是一个 shell 变量。echo $COLUMNS x $LINES // 输...

2018-08-19 19:14:33 430

原创前端 ES6 语法-2

For 循环系列for...of 循环是最新添加到 JavaScript 循环系列中的循环。它结合了其兄弟循环形式 for 循环和 for...in 循环的优势，可以循环任何可迭代（也就是遵守可迭代协议）类型的数据。默认情况下，包含以下数据类型：String、Array、Map 和 Set，注意不包含 Object 数据类型（即 {}）。默认情况下，对象不可迭代。for 循环const...

2018-08-17 17:08:36 349

原创前端 ES6 语法-1

概述 JS 语法的变化和添加JS 函数的更新新的 ES6 内置功能如何将这些更新整合到 JS 项目中JavaScript 编程语言的全新变化，Harmony、ES6 和 ES2015 它们只是同一事物的不同名称，重要的是，这些名称代表 JavaScript 编程语言的更新，经历了一些大刀阔斧的必要改进，随着这些改进，产生了一批新的关键字、编写函数的方法和异步简便方法等等。接下来我们将...

2018-08-17 15:19:56 2437

原创前端JS入门-数组/对象

// 创建一个混合数据类型的 `mixedData` 数组var mixedData = [&quot;abcd&quot;, 1, true, undefined, null, &quot;all the things&quot;];但是，混合类型的数组通常作用不大。在大部分情况下，你需要在数组中使用相同类型的元素。你甚至可以在数组中存储数组，创建嵌套数组！// 用三个数组创建 `arraysInArrays` 数组v...

2018-08-15 18:48:50 790

原创前端JS入门-循环/函数

While 循环var start = 0; // 何时开始while (start &amp;lt; 10) { // 何时停止 console.log(start); start = start + 2; // 如何进入下一个项目}For 循环for 循环明确要求定义起始点、结束点和循环的每一个步骤。实际上，如果缺少这三个部分的任一部分，系统都会提示（Uncaught Synt...

2018-08-14 18:13:42 779

原创前端JS入门-数据类型/条件语句

概述HTML 和 CSS 是标记语言。标记语言用于描述和定义文档中的元素。JavaScript 是编程语言。编程语言用于向机器发出指令。编程语言可用于控制机器的行为和表达算法。所有主流浏览器都内置了 JavaScript 引擎，这使得浏览器可以运行和执行 JavaScript 代码。JavaScript 控制台允许在浏览器内部即时输出字符串和执行 JavaScript 代码行。...

2018-08-13 19:27:12 311

原创 Bootstrap 框架-按钮组组件

2018-08-11 17:38:29 1773

原创 Bootstrap 框架-下拉菜单

2018-08-11 15:22:09 2896

原创 Bootstrap 框架-网格系统

实现原理网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分 12 份(也有平分成 24 份或 32 份，但 12 份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap 框架中的网格系统就是将容器平分成 12 份。在使用的时候大家可以根据实际情况重新编译 LESS（或 Sass）源码来修改 12 这个数值（也就是换成 24 或 32，当然...

2018-08-11 11:53:59 328

原创 Bootstrap 框架-表单（按钮/图像）

Bootstrap 框架的按钮也是一个独立部分，我们同样在不同的版本之中能找到对应的代码：LESS版本：查看源文件 buttons.lessSass版本：查看源文件 _buttons.scss已编译版本：查看源文件 bootstrap.css 文件第1992行～第2353行基本按钮Bootstrap 框架中考虑了不同浏览器的解析差异，进行了比较安全的兼容性处理，使按钮效果在...

2018-08-10 17:27:22 1119

原创 Bootstrap 框架-表单

2018-08-10 15:17:49 1081 1

原创 Bootstrap 框架-排版

概述GitHub上这样介绍 bootstrap：简单灵活可用于架构流行的用户界面和交互接口的 html、css、javascript 工具集。基于 html5、css3 的 bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。自定义 JQuery 插件，完整的类库，基于 Less 等。https://getbootstra...

2018-08-09 19:38:34 1264

配置 Mac 的终端（git）

配置Mac终端显示（Git）

sql-sqlite-commands-cheat-sheet

空空如也