[成都|内门弟子]CSS-何俊|2020年07月16日的日报-技能树.IT修真院

发表于： 2020-07-16 23:46:01

1 1431

今天完成的事情：

通过视频从基础学习js，视频地址：https://www.bilibili.com/video/BV1YW411T7GX?p=87

学习数组

学习正则表达式

学习Dom事件查询

了解script放置最佳位置以及html执行顺序

1.正则表达式基础写法与应用

            // var 变量 = /正则表达式/匹配模式
            // var reg = new RegExp("a", "i");
            reg = /a/i;

            // []里的内容是或
            // [ab]==a|b
            // [a-z]任意小写字母
            // [A-Z]任意大写字母
            // [a-z]任意小写字母
            // [^]除了
            reg = /a[bde]c/;
            console.log(reg.test("aec"));

            reg=/[^ab]/;
            console.log(reg.test("a"));

正则表达式定义用法关键词

            // split()
            // 可以将一个字符串拆分为一个数组
            var result = str.split(/[A-z]/) // 根据任意字母拆分
            console.log(result);

            // search()
            // 可以搜索字符串中是否含有指定内容
            // 如果搜索到指定内容，则会返回第一次出现的索引，没有则返回-1
            str = "hello abc hello abc"
            result = str.search("abcd");
            console.log(result);

            // match()
            // 可以根据正则表达式，从一个字符串中将符合条件的内容提取出来
            // 默认情况下我们的match只会找到第一个符合要求的内容，找到后停止检索
                // 可以设置正则表达式为全局匹配模式，这样就会匹配到所有内容
                // 可以为一个正则表达式设置多个匹配模式，且顺序无所谓
            // match()会默认匹配到的所有内容封装到一个数组中返回，即使只查询到一个内容

2.script放置原因

html文件是自上而下的执行方式，但引入的css和javascript的顺序有所不同，css引入执行加载时，程序仍然往下执行，而执行到<script>脚本是则中断线程，待该script脚本执行结束之后程序才继续往下执行。所以，大部分网上讨论是将script脚本放在<body>之后，那样dom的生成就不会因为长时间执行script脚本而延迟阻塞

明天的计划：

继续看视频了解基础练习使用语法

返回列表

【任务10】 [成都|内门弟子]CSS-何俊 | 2020年07月16日 的日报 中品

评论

分享到

【任务10】 [成都|内门弟子]CSS-何俊 | 2020年07月16日的日报中品