0

0

黑马云课堂JavaScript 高级框架设计视频教程

巴扎黑

巴扎黑

发布时间:2017-08-24 17:29:51

|

2057人浏览过

|

来源于php中文网

原创

黑马云课堂javascript 高级框架设计视频教程:javascript 是一个非常有个性的语言. 无论是从代码的组织, 还是代码的编程范式, 还是面向对象理论都独具一格. 而很早就在争论的javascript 是不是面向对象语言这个问题, 显然已有答案. 但是, 即使 javascript 叱咤风云二十年, 如果想要看懂 jquery, angularjs, 甚至是 react 等流行框架, 观看《黑马云课堂javascript 高级框架设计视频教程》就对了。

593750b454b39345.jpg

视频播放地址:http://www.php.cn/course/547.html

本课程难点是选择器模块,看了本视频的应该都能看出来,在本视频中用了大量的视频介绍了选择器模块,大家可以着重学习这一块。

需要区分复合选择还是单项选择,单项选择的话分别用各自的方法进行获取,复合选择的话就要进行筛选。

立即学习Java免费学习笔记(深入)”;

所以第一步,区分是单项还是组合。

实现方法是将传入选择器的字符串转换成数组,如果数组长度大于1的话,就是复合选择。如果不是的话,再判断是哪一种单项选择器。

if(trim(selector).split(" ").length > 1){ //trim()方法用于去除字符串开头和结尾的空白//复合选择器代码}//判断是哪一种单项选择器

第二步,判断是哪一种单项选择器,然后进行筛选返回第一个元素。

①判断,有两种方法:

JavaScript高级框架设计视频教程源码
JavaScript高级框架设计视频教程源码

JavaScript高级框架设计视频教程源码

下载

方法一:用正则表达式。

if(/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/.test(selector)){      //ID选择器}if(/^((?:[\w\u00c0-\uFFFF\-]|\\.)+)/.test(selector)){     //Tag选择器}if(/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/.test(selector)){     //class选择器}if(/^\[[A-Za-z0-9_-\S]+\]$/.test(selector)){    //属性选择器}

方法二:检查传入选择器的第一个字符

var type=trim(selector).charAt(0);switch(type){    case ".":        //class选择器
    case "#":        //id选择器
    case "[":        //属性选择器
    default:        //tag选择器}

②根据选择器进行筛选。

id和tag直接用DOM方法就可以了。

class的document.getElementsByClassName有兼容问题,需要为IE定义方法。

属性选择器需要遍历所有的DOM节点对象,选择出符合条件的。

//ID选择器return document.getElementById(selector.slice(1,selector.length));//tag选择器return document.getElementsByTagName(selector)[0];//类选择器if(document.getElementsByClassName){    return document.getElementsByClassName(selector.slice(1,selector.length))[0];
}else{    var nodes = document.all ? document.all : document.getElementsByTagName('*');    for(var i=0;i

本视频主讲老师讲课较为有激情,讲课语气慷慨激昂,能够充分调动学生的学习积极性以及学习的欲望,在不知不觉中学会所有知识点。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

36

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

17

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

34

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.13

PHP缓存策略教程大全
PHP缓存策略教程大全

本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.13

jQuery 正则表达式相关教程
jQuery 正则表达式相关教程

本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

3

2026.01.13

交互式图表和动态图表教程汇总
交互式图表和动态图表教程汇总

本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

45

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

5

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号