ajax入门教程相关知识
-
Ajax入门及其结构分析Ajax入门及其分析 一、Ajax介绍: 1、AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 2、AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 3、AJAX 是一种用于创建快速动态网页的技术。 4、通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 二、Ajax的异步请求和同步请求: 1、异步请求 异步: 请求通过事件
-
Docker(一):Docker入门教程layout: post title: Docker(一):Docker入门教程 category: docker tags: [docker] keywords: docker,入门,教程 如今Docker的使用已经非常普遍,特别在一线互联网公司。使用Docker技术可以帮助企业快速水平扩展服务,从而到达弹性部署业务的能力。在云服务概念兴起之后,Docker的使用场景和范围进一步发展,如今在微服务架构越来越流行的情况下,微服务+Docker的完美组合,更加方便微服务架构运维部署落地。 本文详细解释介绍Docker入门相关内容,后期重点关注Docker在微服务体系中
-
Spring入门详细教程(二)前言本篇紧接着spring入门详细教程(一),建议阅读本篇前,先阅读第一篇。链接如下:Spring入门详细教程(一) https://www.cnblogs.com/jichi/p/10165538.html一、spring注入方式1、set方法注入<bean name="user" class="com.jichi.entity.User" > <property name="name" value="小明"></property> <property name="age" value="18"></property> </bean>2、构造方法注入<bean name="user" class="com.jichi.entity.User" > <constructor-arg name="name" value="小红" ></constructor-arg> <con
-
Spring入门详细教程(三)前言本篇紧接着spring入门详细教程(二),建议阅读本篇前,先阅读第一篇和第二篇。链接如下:Spring入门详细教程(一) https://www.cnblogs.com/jichi/p/10165538.htmlSpring入门详细教程(二) https://www.cnblogs.com/jichi/p/10176601.html本篇主要讲解spring的aop相关。一、aop的概念在软件业,AOP为Aspect Oriented Programming的缩写,意为:面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP的延续,是软件开发中的一个热点,也是Spring框架中的一个重要内容,是函数式编程的一种衍生范型。利用AOP可以对业务逻辑的各个部分进行隔离,从而使得业务逻辑各部分之间的耦合度降低,提高程序的可重用性,同时提高了开发的效率。AOP是可以通过预编译方式和运行期动态代理实现在不修改源代码的情况下给程序动态统一添加功能的一种技术。AOP主要实现功能日志记
ajax入门教程相关课程
ajax入门教程相关教程
- Django 慕课教程使用指南 同学们大家好,欢迎来到这门《Django 框架入门教程》。关于这门课程在个小节里面有些话想对你说:这门课的主题是著名的 Python Web 框架 Django 入门教程,而什么是 Web 框架在后面的课程中会详细的进行讲解。简单来说,当你在浏览器中输入一个地址比如 https://www.imooc.com 并按下回车之后,就会来到慕课网这个 “网站” 的首页,慕课网这个网站给你提供了精美的 UI 样式和各种各样的丰富功能,这些精美的样式暂且不提,这是属于前端工程师的职责。而这些丰富的功能则是后端工程师的职责,后端工程师们在实现这些丰富的功能时就会基于一个个不同的 Web 框架。可以说,Web 框架在网站开发中起到了重要的作用,它可以帮助后端工程师们快速的搭起一个网站的雏形。所以想要成为一名合格的网站开发工程师,Web 框架是必须要学习的技能。
- 课程导读 本系列是 MySQL 系列教程之一,源自一线资深 DBA 多年的实战经验总结和 MySQL 数据库的使用心得,基于 MySQL 官方版本,本系列共分为 《MySQL 入门教程》、以及《MySQL 进阶教程》两门教程,本教程是《MySQL 进阶教程》。下面我们来看下这两门教程的不同之处:MySQL 入门教程主要面向 MySQL 的初学者,介绍了 MySQL 的发展史、MySQL 的安装与配置、MySQL 的基础维护、MySQL 支持的数据类型、SQL 基础、常用函数等内容。如果你对 MySQL 基础掌握的不是很牢固的话建议你先去学习基础课程之后再来学习这门进阶教程。而这门进阶教程主要面向 MySQL 的 DBA 和开发人员,内容包括 MySQL 架构组成、MySQL 存储引擎、索引、锁、MySQL 事务、备份与恢复、MySQL 复制、高可用架构、监控、优化等内容。本教程内容实用丰富,通俗易懂,讲解由浅入深,还结合大量来自一线的工作案例,拥有较高的实战性和可操作性。本教程适合 MySQL 初学者、数据库管理人员、数据库开发人员及其他数据库从业人员阅读,同时也适合作为相关数据库培训机构的教材。
- 3、移动端热门课程 03、移动端实战省钱套餐一【充分掌握主流移动端跨平台技术】课程收获:一举吃透移动端跨平台技术,带你轻松入门Flutter,React Native,高质量的上线实战助你轻松应对各种App实战开发。①Flutter从入门到进阶 实战携程网App②Flutter高级进阶实战 仿哔哩哔哩APP③React Native从入门到实战,打造高质量上线App套餐原价1115元618满减价:867元!省钱套餐二【掌握React Native移动端开发及React的相关应用】课程收获:轻松入门React Native与TypeScript,教会如何使用React Native+TypeScript进行移动端混合式开发。①React Native从入门到实战,打造高质量上线App②TypeScript -系统入门到项目实战③ReactNative+TypeScript仿喜马拉雅开发App套餐原价1066元618满减价:818元!省钱套餐三【Python3完成数据挖掘分析及人脸识别、目标识别等】课程收获:实战应用全面带你入门人脸识别、目标识别、目标检测技术,充分掌握应用Python3进行经典实战开发。①Python3数据分析与挖掘建模实战②Python3+TensorFlow 打造人脸识别智能小程序③OpenCV入门到进阶:实战三大典型项目套餐原价1113元618满减价:865元!
- 2. 教程设计 本门教程首先会对 ECharts 的简单使用以及各个配置项讲解,再对 ECharts 中视图的构成组件进行一一解读,之后会通过实例和使用对 ECharts 中所有的图表进行讲解,最后我们将在进阶部分对当下流行的库与 ECharts 的整合进行全面介绍。
- 2. xpath 解析实战 lxml 是 Python 中的一个解析库,支持 HTML 和 XML 的解析,支持 XPath 解析方式,而且解析效率非常高。本节将安装该模块解析 html 文本并提取相应的数据。[store@server2 ~]$ sudo pip3 install lxmlWARNING: Running pip install with root privileges is generally not a good idea. Try `pip3 install --user` instead.Collecting lxml Downloading http://mirrors.cloud.aliyuncs.com/pypi/packages/55/6f/c87dffdd88a54dd26a3a9fef1d14b6384a9933c455c54ce3ca7d64a84c88/lxml-4.5.1-cp36-cp36m-manylinux1_x86_64.whl (5.5MB) 100% |████████████████████████████████| 5.5MB 82.9MB/s Installing collected packages: lxmlSuccessfully installed lxml-4.5.1我们先准备好素材,也就是要解析的 HTML 文档。为了更有代入感,我直接使用慕课网 wiki 页面的数据进行操作,获取数据的方式如下图所示:获取慕课网 wiki 页面的 HTML 数据最后保存到一个 test.html 文本,然后我们要准备一段 Python 代码:from lxml import etreetree = etree.parse('test.html', etree.HTMLParser(encoding='utf8'))def print_result(exp, results): print('xpath表达式为:{},其匹配结果为:'.format(exp)) for res in results: print(res.strip()) print('')def test_xpath_expression(exp): results = tree.xpath(exp) print_result(exp, results)将这个 Python 文件命名为 test_xpath.py 和 test.html 放在同一级目录下:[store@server2 ~]$ lsshen test.html test_xpath.py接下来我们就可以进行激动人心的测试了,来完成一个简单的实验:慕课网 wiki 页面数据获取第一个实验的目标就是拿到 javascript 分类下的教程的三个数据:标题、总节数以及访问次数。通过 F12 查看相关的 HTML 结构,我们可以通过如下的 Xpath表达式获取相应的数据:Python 3.6.8 (default, Apr 2 2020, 13:34:55) [GCC 4.8.5 20150623 (Red Hat 4.8.5-39)] on linuxType "help", "copyright", "credits" or "license" for more information.>>> from test_xpath import test_xpath_expression>>> exp1 = '//h2[@class="language-title"]/text()'>>> test_xpath_expression(exp1)xpath表达式为://h2[@class="language-title"]/text(),其匹配结果为:JavaScriptHTML & CSS服务器开发工具其他后端语言基础应用框架应用基础应用Python Web 开发MySQL接下来看一看元素的结构:javascript 专栏的节点结构可以看到 javascript 专栏标题是 h2 节点,这个节点同级下有一个 div,它下面的四个 div 节点正是那四个专栏。我们首先匹配下这四个专栏元素:>>> exp1 = '//h2[contains(text(), "JavaScript")]/following-sibling::div/div[@class="course-card"]'>>> test_xpath_expression(exp1)xpath表达式为://h2[contains(text(), "JavaScript")]/following-sibling::div/div[@class="course-card"],其匹配结果为:<Element div at 0x7f7015bf8808><Element div at 0x7f700c656788><Element div at 0x7f700c6567c8><Element div at 0x7f700c656808>那么我们来进一步分析每个 div 内部如何得到教程标题、总节数以及访问次数这些数据:获取教程数据可以看到,在前面找到 div 节点的基础上在往下两层,找到 class 属性值为 text 的 div 节点,所有的数据都在这个节点中:标题:上面找到的 div 节点下的第一个 a 节点的文本值;教程总节数:上面找到的 div 节点下的第一个 p 节点下第一个 span 元素的文本值;总访问次数:上面找到的 div 节点下的第一个 p 节点下第二个 span 元素的文本值;这样我们就能进行写出提取相应数据的 Xpath 路径表达式了,测试如下:>>> exp1 = '//h2[contains(text(), "JavaScript")]/following-sibling::div/div[@class="course-card"]/child::div/div[@class="text"]/a[1]/text()'>>> test_xpath_expression(exp1)xpath表达式为://h2[contains(text(), "JavaScript")]/following-sibling::div/div[@class="course-card"]/child::div/div[@class="text"]/a[1]/text(),其匹配结果为:Javascript 入门教程TypeScript 入门教程Vue 入门教程Ajax 入门教程>>> exp2 = '//h2[contains(text(), "JavaScript")]/following-sibling::div/div[@class="course-card"]/child::div/div[@class="text"]/p/span[1]/text()'>>> test_xpath_expression(exp2)xpath表达式为://h2[contains(text(), "JavaScript")]/following-sibling::div/div[@class="course-card"]/child::div/div[@class="text"]/p/span[1]/text(),其匹配结果为:56小节38小节39小节9小节>>> exp3 = '//h2[contains(text(), "JavaScript")]/following-sibling::div/div[@class="course-card"]/child::div/div[@class="text"]/p/span[2]/text()'>>> test_xpath_expression(exp3)xpath表达式为://h2[contains(text(), "JavaScript")]/following-sibling::div/div[@class="course-card"]/child::div/div[@class="text"]/p/span[2]/text(),其匹配结果为:9832354736281800接下来我们整理下 Python 代码,将整个 wiki 页面上的教程都解析出来,并将数据整理成 json 格式。预期最后的结果应该是这样的:{ '前端开发': { 'JavaScript': [ {'title': 'JavaScript入门教程', 'total_chapters': 56, 'total_visited': 9001}, {...}, {...}, {...} ], 'HTML & CSS': [ ... ] } '服务端相关': { }, ...}这样的难度再次增加,其核心的获取数据的过程和上面一致。后面获取其他数据的结果过程不作分析,大家有兴趣仔细研究下代码,然后动手实操。话不多说,上代码:# 代码文件:test_xpath2.pyfrom lxml import etreedef get_direction_data(direction_tree): """ 获取一个方向下的课程数据 :return: """ direction_data = {} cards = direction_tree.xpath('.//div[@class="language-card"]') for card in cards: title = card.xpath('.//h2[@class="language-title"]/text()')[0] course_list = card.xpath('.//div[@class="course-card"]') courses = [] for course in course_list: course_title = course.xpath('.//div[@class="text"]/a[1]/text()')[0] course_total_chaps = course.xpath('.//div[@class="text"]/p/span[1]/text()')[0] course_total_visit_count = course.xpath('.//div[@class="text"]/p/span[2]/text()')[0] courses.append({ 'course_title': course_title.strip(), 'course_total_chaps': course_total_chaps.strip(), 'course_total_visit_count': int(course_total_visit_count.strip()) }) direction_data[title] = courses return direction_datadef get_all_data(): """ 解析慕课网wiki数据 :return: """ result = {} html = etree.parse('test.html', etree.HTMLParser(encoding='utf8')) directions = html.xpath('//div[@class="direction-con"]') for direction in directions: # 提取方向key,注意一定要有点号,表示从当前元素开始提取 direction_name = direction.xpath('./div[@class="title-con"][1]/text()') if direction_name: result[direction_name[0]] = get_direction_data(direction) return result运行的结果如下:[store@server2 ~]$ python3Python 3.6.8 (default, Apr 2 2020, 13:34:55) [GCC 4.8.5 20150623 (Red Hat 4.8.5-39)] on linuxType "help", "copyright", "credits" or "license" for more information.>>> from test_xpath2 import get_all_dat>>> get_all_data(){'前端开发': {'JavaScript': [{'course_title': 'Javascript 入门教程', 'course_total_chaps': '56小节', 'course_total_visit_count': 9832}, {'course_title': 'TypeScript 入门教程', 'course_total_chaps': '38小节', 'course_total_visit_count': 3547}, {'course_title': 'Vue 入门教程', 'course_total_chaps': '39小节', 'course_total_visit_count': 3628}, {'course_title': 'Ajax 入门教程', 'course_total_chaps': '9小节', 'course_total_visit_count': 1800}], 'HTML & CSS': [{'course_title': 'CSS3 入门教程', 'course_total_chaps': '32小节', 'course_total_visit_count': 1512}, {'course_title': 'Less 入门教程', 'course_total_chaps': '22小节', 'course_total_visit_count': 364}, {'course_title': '雪碧图入门教程', 'course_total_chaps': '24小节', 'course_total_visit_count': 915}]}, '服务端相关': {'服务器': [{'course_title': 'Nginx 入门教程', 'course_total_chaps': '24小节', 'course_total_visit_count': 4500}, {'course_title': 'HTTP 入门教程', 'course_total_chaps': '16小节', 'course_total_visit_count': 456}, {'course_title': 'Docker 入门教程', 'course_total_chaps': '25小节', 'course_total_visit_count': 1067}, {'course_title': 'Shell 入门教程', 'course_total_chaps': '17小节', 'course_total_visit_count': 2060}, {'course_title': 'Linux 入门教程', 'course_total_chaps': '25小节', 'course_total_visit_count': 1430}], '开发工具': [{'course_title': 'Gradle 入门教程', 'course_total_chaps': '12小节', 'course_total_visit_count': 1121}, {'course_title': 'Vim 入门教程', 'course_total_chaps': '14小节', 'course_total_visit_count': 1491}, {'course_title': 'RESTful 规范教程', 'course_total_chaps': '13小节', 'course_total_visit_count': 1316}, {'course_title': 'Markdown 入门教程', 'course_total_chaps': '31小节', 'course_total_visit_count': 733}, {'course_title': 'Maven 入门教程', 'course_total_chaps': '17小节', 'course_total_visit_count': 155}, {'course_title': 'GitHub 入门教程', 'course_total_chaps': '9小节', 'course_total_visit_count': 261}], '其他后端语言': [{'course_title': 'C 语言入门教程', 'course_total_chaps': '45小节', 'course_total_visit_count': 1933}, {'course_title': 'Go 入门教程', 'course_total_chaps': '36小节', 'course_total_visit_count': 691}, {'course_title': 'Ruby 入门教程', 'course_total_chaps': '26小节', 'course_total_visit_count': 410}]}, 'Java': {'基础应用': [{'course_title': 'Java 入门教程', 'course_total_chaps': '39小节', 'course_total_visit_count': 5229}, {'course_title': 'Android 入门教程', 'course_total_chaps': '29小节', 'course_total_visit_count': 553}, {'course_title': '算法入门教程', 'course_total_chaps': '11小节', 'course_total_visit_count': 628}], '框架应用': [{'course_title': 'Spring Boot 入门教程', 'course_total_chaps': '25小节', 'course_total_visit_count': 4861}, {'course_title': 'Spring 入门教程', 'course_total_chaps': '21小节', 'course_total_visit_count': 850}, {'course_title': 'Hibernate 入门教程', 'course_total_chaps': '23小节', 'course_total_visit_count': 619}, {'course_title': 'MyBatis 入门教程', 'course_total_chaps': '23小节', 'course_total_visit_count': 895}]}, 'Python': {'基础应用': [{'course_title': 'Python 入门语法教程', 'course_total_chaps': '24小节', 'course_total_visit_count': 3617}, {'course_title': 'Python 原生爬虫教程', 'course_total_chaps': '19小节', 'course_total_visit_count': 2001}, {'course_title': 'Python 进阶应用教程', 'course_total_chaps': '29小节', 'course_total_visit_count': 726}], 'Python Web 开发': [{'course_title': 'Django 入门教程', 'course_total_chaps': '33小节', 'course_total_visit_count': 668}, {'course_title': 'NumPy 入门教程', 'course_total_chaps': '21小节', 'course_total_visit_count': 152}]}, '数据库': {'MySQL': [{'course_title': 'MySQL 入门教程', 'course_total_chaps': '32小节', 'course_total_visit_count': 3638}, {'course_title': 'SQL 入门教程', 'course_total_chaps': '47小节', 'course_total_visit_count': 2406}]}}是不是实现了预期效果?爬取网页,解析数据的过程和这个类似。掌握好今天的内容,你就已经掌握了爬虫的一个核心步骤。
- 2、前端热门课程 02、前端实战省钱套餐一【vue3从入门到组件库开发,抢占行业先机,助力升职加薪】课程收获:带你系统掌握vue相关知识点,完整获得vue入门到全栈项目、组件开发的能力。①Vue3 从入门到实战 进阶式掌握完整知识体系②Vue3+ElementPlus+Koa2 全栈开发后台系统③Vue3.0+TS打造企业级组件库 快速掌握Vue3企业实际应用套餐原价1115元618满减价:867元!省钱套餐二【React从入门到造轮子,抢占行业先机,助力升职加薪】课程收获:带你系统掌握React相关知识点,完整获得React入门到全栈项目、组件开发的能力。①React 17 系统精讲 结合TS打造旅游电商平台②React17+React Hook+TS4 最佳实践,仿 Jira 企业级项目③用 React+React Hook+Egg 造轮子 全栈开发旅游电商套餐原价1033元618满减价:785元!省钱套餐三【前端高级开发者必备的混合开发技能】课程收获:一站掌握前端混合开发相关技术,多种项目手把手学习,帮助你获得实际工作项目的能力。①一站掌握TypeScript 基础入门+语法进阶+高级语法 ②ReactNative+TypeScript仿喜马拉雅开发App③React Native从入门到实战 打造高质量上线App④混合开发入门 Vue结合Android/iOS 开发仿京东项目App套餐原价1230元618满减价:982元!省钱套餐四【从入门到组件化,小程序云,分享支付一站式搞定原生小程序开发】课程收获:带你系统掌握微信小程序相关知识点,完整获得入门到组件化开发、小程序云综合应用的能力。①微信小程序入门与实战-全新版②《慕慕到家》家政小程序组件化进阶实战③微信分享与支付专项课程(公众号、小程序、小程序云)④微信小程序云开发-从0打造云音乐全栈小程序套餐原价1084元618满减价:836元!省钱套餐五【一站学习 node.js后端开发】课程收获:从零学习node.js,从基本技术到实战项目开始,帮助你获得node的实际工作中的开发能力。①Node 开发 Web Server 博客②Node.js从零模拟新浪微博③Node.js 仿知乎服务端④HTTP 协议原理 + 实践套餐原价1019元618满减价:771元!
ajax入门教程相关搜索
-
ajax
android
a href
abap
abap开发
abort
absolutelayout
abstractmethoderror
abstracttablemodel
accept
access
access教程
accordion
accumulate
acess
action
actionform
actionlistener
activity
addeventlistener