子.星语-CSDN博客

原创 Vue-跟着李南江学编程

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>28-Vue-过渡动画</title> <script src="js/vue.js"></script> <style> *{ margin: 0; padding:

2020-09-29 15:28:05 161

原创 Vue-跟着李南江学编程

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>18-常用指令-自定义指令</title> <script src="js/vue.js"></script></head><body><!--1.自定义全局指令在Vue中除了可以使用Vue内置的一些指令以外,

2020-09-29 15:23:49 166

原创 Vue-跟着李南江学编程

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>12-常用指令-绑定类名</title> <script src="js/vue.js"></script> <style> *{ margin: 0; padding

2020-09-29 15:19:38 119

原创 Vue-跟着李南江学编程

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>08-常用指令v-if</title> <script src="js/vue.js"></script></head><body><!--1.什么是v-if指令条件渲染: 如果v-if取值是true就渲染元素,

2020-09-29 15:15:53 873

原创 Vue-跟着李南江学编程

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02-Vue基本模板</title>  <script src="js/vue.js"></script></head><body><div id="app"

2020-09-29 15:11:58 325 1

Node.js GET/POST请求在很多场景中，我们的服务器都需要跟用户的浏览器打交道，如表单提交。表单提交到服务器一般都使用 GET/POST 请求。本章节我们将为大家介绍 Node.js GET/POST请求。获取GET请求内容由于GET请求直接被嵌入在路径中，URL是完整的请求路径，包括了?后面的部分，因此你可以手动解析后面的内容作为GET请求的参数。node.js 中 url 模块中的 parse 函数提供了这个功能。实例var http = require('http');va

2020-05-30 14:49:55 408

原创 Node-跟着李南江学编程

Node.js 路由我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数，随后路由需要根据这些数据来执行相应的代码。因此，我们需要查看 HTTP 请求，从中提取出请求的 URL 以及 GET/POST 参数。这一功能应当属于路由还是服务器（甚至作为一个模块自身的功能）确实值得探讨，但这里暂定其为我们的HTTP服务器的功能。我们需要的所有数据都会包含在 request 对象中，该对象作为 onRequest() 回调函数的第一个参数传递。但是为了解析这些数据，我们需要额外的 Node

2020-05-29 14:45:25 229 1

原创 Node-跟着李南江学编程

Node.js模块系统为了让Node.js的文件可以相互调用，Node.js提供了一个简单的模块系统。模块是Node.js 应用程序的基本组成部分，文件和模块是一一对应的。换言之，一个 Node.js 文件就是一个模块，这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。创建模块在 Node.js 中，创建一个模块非常简单，如下我们创建一个 main.js 文件，代码如下:var hello = require('./hello');hello.world();

2020-05-29 14:42:34 155

原创 Node-跟着李南江学编程

Node.js REPL(交互式解释器)Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境，类似 Window 系统的终端或 Unix/Linux shell，我们可以在终端中输入命令，并接收系统的响应。Node 自带了交互式解释器，可以执行以下任务：读取 - 读取用户输入，解析输入了Javascript 数据结构并存储在内存中。执行 - 执行输入的数据结构打印 - 输出结果循环 - 循环操作以上步骤直到用户两次按下 ctrl-c 按钮退出。

2020-05-29 12:55:14 144

原创 Node-跟着李南江学编程

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。谁适合阅读本教程？如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择。Node.js 是运行在服务端的 Ja

2020-05-29 11:07:09 378 1

原创 Bootstrap. - 跟着李南江学编程

警报通过少量可用和灵活的警报消息，为典型的用户操作提供上下文反馈消息<div class="alert alert-primary" role="alert"> A simple primary alert—check it out!</div><div class="alert alert-secondary" role="alert"> A simple secondary alert—check it out!</div><di

2020-05-20 14:07:18 185

原创 Bootstrap - 跟着李南江学编程

布置Bootstrap项目的组件和选项，包括包装容器，功能强大的网格系统，灵活的媒体对象和响应实用程序类。货柜容器是Bootstrap中最基本的布局元素，在使用我们的默认网格系统时，容器是必需的。容器用于在其中容纳，填充和（有时）使内容居中。尽管可以嵌套容器，但是大多数布局不需要嵌套容器。Bootstrap带有三个不同的容器：.container，它max-width在每个响应断点处设置一个.container-fluid，这是width: 100%所有断点.container-{breakpo

2020-05-20 14:01:51 161

原创 Bootstrap - 跟着李南江学编程

浏览器和设备了解Bootstrap支持的浏览器和设备（从现代到旧），包括每个浏览器和设备的已知问题和错误。支持的浏览器Bootstrap支持所有主要浏览器和平台的最新，稳定版本。在Windows上，我们支持Internet Explorer 10-11 / Microsoft Edge。不明确支持直接或通过平台的Web视图API使用最新版本的WebKit，Blink或Gecko的替代浏览器。但是，Bootstrap也应该（在大多数情况下）在这些浏览器中也能正常显示和运行。下面提供了更具体的支持信息。

2020-05-20 13:58:44 489

原创 Bootstrap - 跟着李南江学编程

BootstrapBootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 是一个用于 HTML、CSS 和 JS 开发的开源工具包。利用 Bootstrap 提供的 Sass 变量和混合（mixins）、响应式栅格系统、可扩展的预制组件以及强大的 jQuery 插件，能够让你快速地开发出产品原型或构建整个 app。快速入门是否还不知道如何快速将 Bootstrap 引入到你的项目中？使用 StackPath 支持的 BootstrapCD

2020-05-20 13:54:40 587

原创 JS新特性和流行框架 - 跟着李南江学编程

iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。它可以在桌面，移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll，你的项目便拥有了滚动，缩放，平移，无限滚动，视差滚动，旋转功能。给它一个扫帚它甚至能帮你打扫办公室。即使平台本身提供的滚动已经很不错，iScroll可以在此基础上提供更多不可思议的功能。具体

2020-05-20 12:57:32 174

原创 JS新特性和流行框架 - 跟着李南江学编程

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。文档声明：Zepto.js (1.1.6)文档请移步http://www.html.cn/doc/zeptojs-1.1.6_api/；Zepto.js (1.1.2)文档请移步http://www.html.cn/doc/zeptojs-1.1.2_api/；Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQue

2020-05-20 12:53:42 106

原创 JS新特性和流行框架 - 跟着李南江学编程

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。丰富的可视化类型ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标

2020-05-20 12:49:39 177

原创 JS新特性和流行框架 - 跟着李南江学编程

Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！Swiper拥有灵活的progress，这是自定义制作3D切换效果的利器Swiper制作3D切换效果的方法多种多样。cube、coverflow和flip可以轻松的实现3D过渡，如果你想制作其他新颖的切换方式，推荐使用pro

2020-05-20 12:42:40 159

原创 jQuery- 跟着李南江学编程

通过实例增进 jQuery 技能！jQuery 语法实例$(this).hide()演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。$(“p”).hide()演示 jQuery 的 hide() 函数，隐藏所有元素。$(".test").hide()演示 jQuery 的 hide() 函数，隐藏所有 class=“test” 的元素。$("#test").hide()演示 jQuery 的 hide() 函数，隐藏 id=“test” 的元素。例子解释Hi

2020-05-19 13:06:33 145

原创 jQuery- 跟着李南江学编程

jQuery parent() 方法parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。下面的例子返回每个元素的的直接父元素：实例$(document).ready(function(){$(“span”).parent();});亲自试一试jQuery parents() 方法parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 ()。下面的例子返回所有元素的所有祖先：实例$(document).ready(

2020-05-19 13:01:35 94

原创 jQuery- 跟着李南江学编程

jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。提示：DOM = Document Object Model（文档对象模型）DOM 定义访问 HTML 和 XML 文档的标准：“W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”获得内容 - text()、html()

2020-05-19 12:59:28 139

原创 jQuery- 跟着李南江学编程

jQuery 库可以通过一行简单的标记被添加到网页中。jQuery 库 - 特性jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities向您的页面添加 jQuery 库jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。可以通过下面的标记把 jQuery 添加到网

2020-05-19 12:57:14 167

原创 Jvavscript- 跟着李南江学编程

JSON: JavaScript Object Notation（JavaScript 对象标记法）。JSON 是一种存储和交换数据的语法。JSON 是通过 JavaScript 对象标记法书写的文本。交换数据当数据在浏览器与服务器之间进行交换时，这些数据只能是文本。JSON 属于文本，并且我们能够把任何 JavaScript 对象转换为 JSON，然后将 JSON 发送到服务器。我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。以这样的方式，我们能够把数据作为 J

2020-05-19 12:50:23 165

原创 Jvavscript- 跟着李南江学编程

JavaScript 日期输出默认情况下，JavaScript 将使用浏览器的时区并将日期显示为全文本字符串：Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)稍后，您将在本教程学到更多关于如何显示日期的知识。创建 Date 对象Date 对象由新的 Date() 构造函数创建。有 4 种方法创建新的日期对象：new Date()new Date(year, month, day, hours, minutes, seconds, milliseconds)

2020-05-19 12:48:11 106

原创 Jvavscript- 跟着李南江学编程

JavaScript 函数语法JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。圆括号可包括由逗号分隔的参数：(参数 1, 参数 2, …)由函数执行的代码被放置在花括号中：{}function name(参数 1, 参数 2, 参数 3) {要执行的代码}函数参数（Function parameters）是在函数定义中所列的名称。函数参数（Function arguments）是当调

2020-05-19 12:43:49 173 1

原创 Jvavscript- 跟着李南江学编程

JavaScript 能够改变 HTML 样式 (CSS)改变 HTML 元素的样式，是改变 HTML 属性的一种变种：实例document.getElementById(“demo”).style.fontSize = “25px”;JavaScript 能够隐藏 HTML 元素可通过改变 display 样式来隐藏 HTML 元素：实例document.getElementById(“demo”).style.display=“none”;JavaScript 能够显示 HTML 元素

2020-05-19 12:41:01 232

原创 CSS- 跟着李南江学编程

在 CSS 中，可以使用多种属性来水平对齐元素。对齐块元素块元素指的是占据全部可用宽度的元素，并且在其前后都会换行。块元素的例子：在本教程中，我们将向您展示出于布局目的如何水平对齐块级元素。使用 margin 属性来水平对齐可通过将左和右外边距设置为 “auto”，来对齐块元素。注释：除非已经声明了 !DOCTYPE，否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。把左和右外边距设置为 auto，规定的是均等地分配可用的外边距。结果就是居中的元素：实例.ce

2020-05-19 12:32:41 177

原创 CSS- 跟着李南江学编程

对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。注释：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。属性选择器下面的例子为带有 title 属性的所有元素设置样式：[title]{color:red;}属性和值选择器下面的例子为 title=“W3School” 的所有元素设置样式：[title=W3School]{border:5

2020-05-19 12:28:50 76

原创 CSS- 跟着李南江学编程

派生选择器通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。在 CSS1 中，通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。比方说，你希望列表中的 strong 元素变为斜体字，

2020-05-19 12:26:16 120

空空如也

空空如也