IMOOC
IMOOC copied to clipboard
CruxF
IMOCC辛勤的搬运工:fire:
# 前言 该份资料的来源为慕课网教程[《JavaScript深入浅出》](https://www.imooc.com/learn/277)，内容几乎是全文摘抄下来，不喜勿喷啊。 ## 数据类型 JavaScript被称为是一种弱类型的语言，原因就是数据类型居然能够随意转换而不报错，而且在定义变量的时候不用指定其类型，示例代码如下： ``` var num = 32; num = "this is a string"; ``` 面试题常问的：**JavaScript中原始类型有哪几种？** 答：number、string、boolean、null、undefined。 ### 隐式转换 1、加号（+）和减号（-） 在数字与字符串做运算的时候，加号做拼接，减号就做减法 ``` "37" - 7 //30 "37"+7...
## 前言 该篇博文是根据慕课网教程——[《css定位position》](https://www.imooc.com/learn/931)整理而来，内容虽然简单基础，但是整理记录一下，帮助新手的同时也务实一下自己的基础知识。 ## HTML中三种布局方式 1、标准流：这是默认的布局方式。特点就是块级元素独占一行，意思就是两个块级或者多个块级元素不能在同一行显示，块级元素能设置宽高；内联元素能够在同一行显示，内联元素不能设置宽高。 ``` div, p { height: 50px; line-height: 50px; background-color: green; } span, a { height: 50px; line-height: 50px; background-color: green; } 我是div 我是p 我是span...
# 前言 这篇文章是根据慕课网的课程——[《hello，移动web》](https://www.imooc.com/learn/494)，虽然课程已经很久远了，但是细细读来还是能够get到很多的知识，下面进入正文。 ## 移动开发中的像素（px） 首先，抛出一个问题：640x1136的图片，能不能在iPhone5上完全显示？毕竟iPhone5的分辨率是为640x1136的。空想无用，现在我们用下面一段代码进行测试一下 ``` Test #app { width: 640px; height: 1136px; background-color: green; color: #fff; font-size: 150px; text-align: center; font-family: "微软雅黑"; } hello Mobile ``` 打开Chrome浏览器，模拟iPhone5手机进行查看，看到结果了吗？是不是很惊讶，盒子居然没有铺满全屏，而且在浏览器上显示的iPhone5尺寸是320px*568px，这到底是怎么回事？不用太惊讶，我们先捋一捋各种像素之间的关联马上就能明白。 ##...
# 前言 本篇博文是记录jQuery的基础知识，根据慕课网的教程整理而成。还有，为了优化大家的阅读体验，强烈建议先安装Chrome浏览器的插件——GayHub。[下载安装地址](https://github.com/jawil/GayHub) # jQuery样式篇 ### 第一个例子 不多说，这是我们踏入编程界输出的第一句话，下面贴上代码（默认导入jQuery源文件）： ``` $(document).ready(function () { $("div").html("hello world"); }) ``` 【代码解析】 $(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。 ### jQuery对象与DOM对象 jQuery对象与DOM对象是不一样的，大概就是：jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。具体有以下区别： （1）通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 （2）通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。 ### jQuery对象与DOM对象之间的转换 （1）jQuery => DOM ```...
# 前言 这篇文章的内容几乎全部来源于慕课网教程——[《JavaScript实现二叉树》](https://www.imooc.com/learn/888)，教程内容值得一看，虽然最终的游戏代码那块讲述的并不完整，然而让人基本的认知到什么是二叉树这是讲的挺不错的，下面就来看看我的一些摘抄。 ## 为什么是JavaScript和数据结构？ JavaScript自从诞生以来，经过多年的发展，目前已经成为几乎是最流行的语言，俗称为“互联网编程语言”。他的发展越来越快，并且将触角延伸到了各个领域，几乎有一统江湖之势。 从客户端而言，特使是web应用开发上，它是当之无愧的首选，结合各种强大的开发框架，运用JavaScript可以开发出功能相当强大的web桌面应用，例如像Gmail这种完全能媲美于原生桌面程序的web应用，就是通过JavaScript开发的。 从服务器而言，原本被C++，java等老牌语言占据着不可动摇的地位，当以JavaScript为开发语言的Node.js平台诞生后，老牌语言在服务器领域的地位在不断消亡，Node.js就像野火一样，在服务器开发领域熊熊燃烧。 最后，在移动开发领域，由于React Native，或lonic等移动开发框架的出现，使得运用JavaScript就能开发出同时运行在IOS和Android平台上的移动App。由此可见，学习和使用JavaScript这门编程语言是性价比最高的。 ## 为什么要学习数据结构？ 程序=算法+数据结构，计算机程序设计的本质是将业务逻辑转换为数理逻辑，通过逻辑推理以及数理运算解决客观世界存在的困难，而算法和数据结构就是数理逻辑的推演模式和展现方法。如果把编程语言比作文字，那么算法和数据结构就相当于语法，没有合理的语法，文字就无法准确的传达意义。 数据结构就相当于：我塞牙了，那么就要用到牙签这“数据结构”，当然你用指甲也行，只不过“性能”没那么好；我要拧螺母，肯定用扳手这个“数据结构”，当然你用钳子也行，只不过也没那么好用。学习数据结构，就是为了了解以后在IT行业里搬砖需要用到什么工具，这些工具有什么利弊，应用于什么场景。以后用的过程中，你会发现这些基础的“工具”也存在着一些缺陷，你不满足于此工具，此时，你就开始自己在这些数据结构的基础上加以改造，这就叫做自定义数据结构。而且，你以后还会造出很多其他应用于实际场景的数据结构。。你用这些数据结构去造轮子，不知不觉，你成了又一个轮子哥。 ## 单步调试 **概念：** 单步调试是指程序开发中，为了找到程序的bug，通常采用的一种调试手段，一步一步跟踪程序执行的流程，根据变量的值，找到错误的原因。 **Chrome浏览器单步调试步骤：** 打开开发工具 —>点击sources—>点击要调试的文件—>点击某一条要调试的代码(左侧行数)—>刷新页面—>点击页面上的下一步来查看显示的结果是否和预期的一样。 ## 排序二叉树 排序二叉树最大的功能就是能够快速有效的对很多数据进行排序。它的特点是左孩子的数值要小于根节点，右孩子的数值要大于根节点，详情请看下图。 ## 什么是二叉树？ 二叉树是一种具有层级特性的数据结构，一棵树包含多个节点（下图中的每一个圆圈），节点自身含有一个属性，就是它所代表的数值（圆圈中的数值）。节点与节点间有对应关系，一种叫做父子关系，例如图中，节点8引出一个箭头指向节点3，于是我们说，节点8是节点3的父亲，节点3是节点8的儿子；另外一种叫做兄弟关系，比如节点3和节点10，因为他们都有同一个父节点。  ## 二叉树创建代码实现...
Removes [xmldom](https://github.com/xmldom/xmldom). It's no longer used after updating ancestor dependency [epubjs](https://github.com/futurepress/epub.js). These dependencies need to be updated together. Removes `xmldom` Updates `epubjs` from 0.3.70 to 0.3.93 Release notes Sourced from...
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot] avatar"){kind=avatar}
Bumps [css-what](https://github.com/fb55/css-what) from 2.1.2 to 3.4.2. Release notes Sourced from css-what's releases. v3.4.2 feat(lint): Add eslint-plugin-node de90133 Use Object.keys as Object.values is not supported in node<7 (#295 by @klapec) 98a0489...
Bumps [css-what](https://github.com/fb55/css-what) from 2.1.2 to 3.4.2. Release notes Sourced from css-what's releases. v3.4.2 feat(lint): Add eslint-plugin-node de90133 Use Object.keys as Object.values is not supported in node<7 (#295 by @klapec) 98a0489...
Bumps [css-what](https://github.com/fb55/css-what) from 2.1.2 to 3.4.2. Release notes Sourced from css-what's releases. v3.4.2 feat(lint): Add eslint-plugin-node de90133 Use Object.keys as Object.values is not supported in node<7 (#295 by @klapec) 98a0489...
Bumps [css-what](https://github.com/fb55/css-what) from 2.1.0 to 6.1.0. Release notes Sourced from css-what's releases. v6.1.0 feat: Support pseudo elements with data (#762) 3be227a https://github.com/fb55/css-what/compare/v6.0.1...v6.1.0 v6.0.1 Fix parsing column combinators after tag names...