黑马程序员技术交流社区

标题: 【石家庄校区】学习总结 [打印本页]

作者: 水煮鱼000    时间: 2019-6-30 10:28
标题: 【石家庄校区】学习总结
JQuery
概念: 一个JavaScript框架。简化JS开发
快速入门        1. 步骤:                1. 下载JQuery                        * 目前jQuery有三个大版本:                                1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,                                         功能不再新增。因此一般项目来说,使用1.x版本就可以了,                                         最终版本:1.12.4 (2016年5月20日)                                2.x:不兼容ie678,很少有人使用,官方只做BUG维护,                                         功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,                                         最终版本:2.2.4 (2016年5月20日)                                3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,                                         一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。                                         目前该版本是官方主要更新维护的版本。最新版本:3.2.1(2017年3月20日)                        * jquery-xxx.js 与 jquery-xxx.min.js区别:                                1. jquery-xxx.js:开发版本。给程序员看的,有良好的缩进和注释。体积大一些                                2. jquery-xxx.min.js:生产版本。程序中使用,没有缩进。体积小一些。程序加载更快
​                2.导入JQuery的js文件:导入min.js文件
​                3.使用                var div1 = $("#div1");
JQuery对象和JS对象区别与转换选择器:
筛选具有相似特征的元素(标签)
分类                1. 基本选择器                        1. 标签选择器(元素选择器)                                * 语法: $("html标签名") 获得所有匹配标签名称的元素                        2. id选择器                                 * 语法: $("#id的属性值") 获得与指定id属性值匹配的元素                        3. 类选择器                                * 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素                        4. 并集选择器:                                * 语法: $("选择器1,选择器2....") 获取多个选择器选中的所有元素                2. 层级选择器                        1. 后代选择器                                * 语法: $("A B ") 选择A元素内部的所有B元素                                        2. 子选择器                                * 语法: $("A > B") 选择A元素内部的所有B子元素                3. 属性选择器                        1. 属性名称选择器                                 * 语法: $("A[属性名]") 包含指定属性的选择器                        2. 属性选择器                                * 语法: $("A[属性名='值']") 包含指定属性等于指定值的选择器                        3. 复合属性选择器                                * 语法: $("A属性名='值'...") 包含多个属性条件的选择器                4. 过滤选择器                        1. 首元素选择器                                 * 语法: :first 获得选择的元素中的第一个元素                        2. 尾元素选择器                                 * 语法: :last 获得选择的元素中的最后一个元素                        3. 非元素选择器                                * 语法: :not(selector) 不包括指定内容的元素                        4. 偶数选择器                                * 语法: :even 偶数,从 0 开始计数                        5. 奇数选择器                                * 语法: :odd 奇数,从 0 开始计数                        6. 等于索引选择器                                * 语法: 获取的元素:eq(index):可继续添加选择器 指定索引元素                        7. 大于索引选择器                                 * 语法: 元素:gt(index) 大于指定索引元素                        8. 小于索引选择器                                 * 语法: :lt(index) 小于指定索引元素                        9. 标题选择器                                * 语法: :header 获得标题(h1~h6)元素,固定写法                5. 表单过滤选择器                        1. 可用元素选择器                                 * 语法: :enabled 获得可用元素                        2. 不可用元素选择器                                 * 语法: :disabled 获得不可用元素                        3. 选中选择器                                 * 语法: :checked 获得单选/复选框选中的元素                        4. 选中选择器                                 * 语法: :selected 获得下拉框选中的元素
DOM操作
​        1. 内容操作                1. html(): 获取/设置元素的标签体内容   <a><font>内容</font></a>  --> <font>内容</font>                2. text(): 获取/设置元素的标签体纯文本内容   <a><font>内容</font></a> --> 内容                3. val(): 获取/设置元素的value属性值        2. 属性操作                1. 通用属性操作                        1. attr(): 获取/设置元素的属性,操作元素自定义的属性                        2. removeAttr():删除属性                        3. prop():获取/设置元素的属性                        4. removeProp():删除属性
​                        attr和prop区别?
​                        如果操作的是元素的固有属性(参考手册中的属性),则建议使用prop
​                        如果操作的是元素自定义的属性,则建议使用attr
​                2.对class属性操作
​                        addClass():添加class属性值
​                        removeClass():删除class属性值
​                        toggleClass():切换class属性
​                                toggleClass("one"):
​                                        判断如果元素对象上存在class="one",则将属性值one删除掉。  如果元素对象上不存在class="one",则添加
​                                css():
动画
​        1. 三种方式显示和隐藏元素                1. 默认显示和隐藏方式                        1. show([speed,[easing],[fn]])                                1. 参数:                                        1. speed:动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如:1000)                                        2. easing:用来指定切换效果,默认是"swing",可用参数"linear"                                                * swing:动画执行时效果是 先慢,中间快,最后又慢                                                * linear:动画执行时速度是匀速的                                        3. fn:在动画完成时执行的函数,每个元素执行一次。       
​                       
​                        2.hide([speed,[easing],[fn]])
​                        3.toggle([speed],[easing],[fn])
​                2.滑动显示和隐藏方式
​                        1.slideDown([speed],[easing],[fn])
​                        2.slideUp([speed,[easing],[fn]])
​                        3.slideToggle([speed],[easing],[fn])
​                3.淡入淡出显示和隐藏方式
​                        1.fadeIn([speed],[easing],[fn])
​                        2.fadeOut([speed],[easing],[fn])
​                        3.fadeToggle([speed,[easing],[fn]])
遍历
​        1. js的遍历方式                * for(初始化值;循环结束条件;步长)        2. jq的遍历方式                1. jq对象.each(callback)                        1. 语法:                                jquery对象.each(function(index,element){});                                        * index:就是元素在集合中的索引                                        * element:就是集合中的每一个元素对象

                * this:集合中的每一个元素对象
        2. 回调函数返回值:
            * true:如果当前function返回为false,则结束循环(break)。
            * false:如果当前function返回为true,则结束本次循环,继续下次循环(continue)
    2. $.each(object, [callback])
    3. for..of: jquery 3.0 版本之后提供的方式
        for(元素对象 of 容器对象)事件绑定插件:
增强JQuery的功能        1. 实现方式:                1. $.fn.extend(object)                         * 增强通过Jquery获取的对象的功能  $("#id")                2. $.extend(object)                        * 增强JQeury对象自身的功能  $/jQuery
AJAXJSON
redis数据库
NoSQL(NoSQL = Not Only SQL),意即“不仅仅是SQL”,是一项全新的数据库理念,泛指非关系型的数据库。
Redis是用C语言开发的一个开源的高性能键值对(key-value)数据库
目前为止Redis支持的键值数据类型如下
​                1) 字符串类型 string                2) 哈希类型 hash                3) 列表类型 list                4) 集合类型 set                5) 有序集合类型 sortedset
redis的应用场景                        •        缓存(数据查询、短连接、新闻内容、商品内容等等)                        •        聊天室的在线好友列表                        •        任务队列。(秒杀、抢购、12306等等)                        •        应用排行榜                        •        网站访问统计                        •        数据过期处理(可以精确到毫秒                        •        分布式集群架构中的session分离
下载安装        1. 官网:https://redis.io        2. 中文网:http://www.redis.net.cn/
命令操作
​        1. redis的数据结构:                * redis存储的是:key,value格式的数据,其中key都是字符串,value有5种不同的数据结构                        * value的数据结构:                                1) 字符串类型 string                                2) 哈希类型 hash : map格式                                  3) 列表类型 list : linkedlist格式。支持重复元素                                4) 集合类型 set  : 不允许重复元素                                5) 有序集合类型 sortedset:不允许重复元素,且元素有顺序       

2. 字符串类型 string
    1. 存储: set key value
        127.0.0.1:6379> set username zhangsan
        OK
        设置多个mset sex nan age 19
    2. 获取: get key
        127.0.0.1:6379> get username
        "zhangsan"
        获取多个mget name age sex
    3. 删除: del key
        127.0.0.1:6379> del age
        (integer) 1
3. 哈希类型 hash
    1. 存储: hset key field(字段) value
        127.0.0.1:6379> hset myhash username lisi
        (integer) 1
        127.0.0.1:6379> hset myhash password 123
        (integer) 1
        设置多个mhset map name zhangs age 19
    2. 获取:
        * hget key field: 获取指定的field对应的值
            127.0.0.1:6379> hget myhash username
            "lisi"
        * hgetall key:获取所有的field和value
            127.0.0.1:6379> hgetall myhash
            1) "username"
            2) "lisi"
            3) "password"
            4) "123"
            
    3. 删除: hdel key field
        127.0.0.1:6379> hdel myhash username
        (integer) 1

4. 列表类型 list:可以添加一个元素到列表的头部(左边)或者尾部(右边),链表实现的
    1. 添加:
        1. lpush key value: 将元素加入列表左表
            
        2. rpush key value:将元素加入列表右边
            
            127.0.0.1:6379> lpush myList a
            (integer) 1
            127.0.0.1:6379> lpush myList b
            (integer) 2
            127.0.0.1:6379> rpush myList c
            (integer) 3
    2. 获取:
        * lrange key start end :范围获取(-1为取完的意思)
            127.0.0.1:6379> lrange myList 0 -1
            1) "b"
            2) "a"
            3) "c"
    3. 删除:
        * lpop key: 删除列表最左边的元素,并将元素返回
        * rpop key: 删除列表最右边的元素,并将元素返回


5. 集合类型 set : 不允许重复元素
    1. 存储:sadd key value
    此命令可一次存储多个
        127.0.0.1:6379> sadd myset a
        (integer) 1
        127.0.0.1:6379> sadd myset a
        (integer) 0
    2. 获取:smembers key:获取set集合中所有元素
        127.0.0.1:6379> smembers myset
        1) "a"
    3. 删除:srem key value:删除set集合中的某个元素  
        127.0.0.1:6379> srem myset a
        (integer) 1
6. 有序集合类型 sortedset:不允许重复元素,且元素有顺序.每个元素都会关联一个double类型的分数。redis正是通过分数来为集合中的成员进行从小到大的排序。

    1. 存储:zadd key score(分数) value
        127.0.0.1:6379> zadd mysort 60 zhangsan
        (integer) 1
        127.0.0.1:6379> zadd mysort 50 lisi
        (integer) 1
        127.0.0.1:6379> zadd mysort 80 wangwu
        (integer) 1
    2. 获取所有:zrange key start end [withscores]
        127.0.0.1:6379> zrange mysort 0 -1
        1) "lisi"
        2) "zhangsan"
        3) "wangwu"

        127.0.0.1:6379> zrange mysort 0 -1 withscores
        1) "zhangsan"
        2) "60"
        3) "wangwu"
        4) "80"
        5) "lisi"
        6) "500"
    3. 删除:zrem key value
        127.0.0.1:6379> zrem mysort lisi
        (integer) 1

7. 通用命令
    1. keys * : 查询所有的键
    2. type key : 获取键对应的value的类型
    3. del key:删除指定的key value持久化
redis持久化机制:
Java客户端 Jedis
​        * Jedis: 一款java操作redis数据库的工具.        * 使用步骤:                1. 下载jedis的jar包                2. 使用                        //1. 获取连接                    Jedis jedis = new Jedis("localhost",6379);                           //2. 操作                           jedis.set("username","zhangsan");                    //3. 关闭连接                    jedis.close();

* Jedis操作各种redis中的数据结构
    1) 字符串类型 string
        set
        get
        
         //1. 获取连接
        Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口
        //2. 操作
        //存储
        jedis.set("username","zhangsan");
        //获取
        String username = jedis.get("username");
        System.out.println(username);

        //可以使用setex()方法存储可以指定过期时间的 key value
        jedis.setex("activecode",20,"hehe");//将activecode:hehe键值对存入redis,并且20秒后自动删除该键值对

        //3. 关闭连接
        jedis.close();

    2) 哈希类型 hash : map格式  
        hset
        hget
        hgetAll
        //1. 获取连接
        Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口
        //2. 操作
        // 存储hash
        jedis.hset("user","name","lisi");
        jedis.hset("user","age","23");
        jedis.hset("user","gender","female");

        // 获取hash
        String name = jedis.hget("user", "name");
        System.out.println(name);


        // 获取hash的所有map中的数据
        Map<String, String> user = jedis.hgetAll("user");

        // keyset
        Set<String> keySet = user.keySet();
        for (String key : keySet) {
            //获取value
            String value = user.get(key);
            System.out.println(key + ":" + value);
        }

        //3. 关闭连接
        jedis.close();


    3) 列表类型 list : linkedlist格式。支持重复元素
        lpush / rpush
        lpop / rpop
        lrange start end : 范围获取
        
         //1. 获取连接
        Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口
        //2. 操作
        // list 存储
        jedis.lpush("mylist","a","b","c");//从左边存
        jedis.rpush("mylist","a","b","c");//从右边存

        // list 范围获取
        List<String> mylist = jedis.lrange("mylist", 0, -1);
        System.out.println(mylist);
        
        // list 弹出
        String element1 = jedis.lpop("mylist");//c
        System.out.println(element1);

        String element2 = jedis.rpop("mylist");//c
        System.out.println(element2);

        // list 范围获取
        List<String> mylist2 = jedis.lrange("mylist", 0, -1);
        System.out.println(mylist2);

        //3. 关闭连接
        jedis.close();


    4) 集合类型 set  : 不允许重复元素
        sadd
        smembers:获取所有元素

        //1. 获取连接
        Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口
        //2. 操作


        // set 存储
        jedis.sadd("myset","java","php","c++");

        // set 获取
        Set<String> myset = jedis.smembers("myset");
        System.out.println(myset);

        //3. 关闭连接
        jedis.close();
    5) 有序集合类型 sortedset:不允许重复元素,且元素有顺序
        zadd
        zrange

        //1. 获取连接
        Jedis jedis = new Jedis();//如果使用空参构造,默认值 "localhost",6379端口
        //2. 操作
        // sortedset 存储
        jedis.zadd("mysortedset",3,"亚瑟");
        jedis.zadd("mysortedset",30,"后裔");
        jedis.zadd("mysortedset",55,"孙悟空");

        // sortedset 获取
        Set<String> mysortedset = jedis.zrange("mysortedset", 0, -1);

        System.out.println(mysortedset);


        //3. 关闭连接
        jedis.close();jedis连接池: JedisPool
​                * 使用:                        1. 创建JedisPool连接池对象                        2. 调用方法 getResource()方法获取Jedis连接                                //0.创建一个配置对象                        JedisPoolConfig config = new JedisPoolConfig();                        config.setMaxTotal(50);最大允许连接数                        config.setMaxIdle(10);                       

            //1.创建Jedis连接池对象
            JedisPool jedisPool = new JedisPool(config,"localhost",6379);
   
            //2.获取连接
            Jedis jedis = jedisPool.getResource();
            //3. 使用
            jedis.set("hehe","heihei");
   
   
            //4. 关闭 归还到连接池中
            jedis.close();
   
    * 连接池工具类
        public class JedisPoolUtils {

            private static JedisPool jedisPool;
        
            static{
                //读取配置文件
                InputStream is = JedisPoolUtils.class.getClassLoader().getResourceAsStream("jedis.properties");
                //创建Properties对象
                Properties pro = new Properties();
                //关联文件
                try {
                    pro.load(is);
                } catch (IOException e) {
                    e.printStackTrace();
                }
                //获取数据,设置到JedisPoolConfig中
                JedisPoolConfig config = new JedisPoolConfig();
                config.setMaxTotal(Integer.parseInt(pro.getProperty("maxTotal")));
                config.setMaxIdle(Integer.parseInt(pro.getProperty("maxIdle")));
        
                //初始化JedisPool
                jedisPool = new JedisPool(config,pro.getProperty("host"),Integer.parseInt(pro.getProperty("port")));
        
        
        
            }
        
        
            /**
             * 获取连接方法
             */
            public static Jedis getJedis(){
                return jedisPool.getResource();
            }
        }mevenmeven
maven目录结构
src
​        main
​                java                        放入项目的源码
​                resources        放入配置文件
​                webapp                页面素材
​        test       
​                java                        测试的源码
​                resources        测试的配置文件
Maven 的两个经典作用
​                maven的依赖管理:管理jar包
​                项目的一键构造:指项目从编译、测试、运行、打包、安装,部署整个过程都交给maven进行管理,称为构建
maven常用命令
​        运行Tomcat:run
​        清理clean
​        compile编译,将文件编译为class文件
​        test测试
​        package是maven工程的打包命令
​        install安装,将maven打成jar包或war包发布到本地仓库
​        deploy发布
maven生命周期
​        clean Lifecycle 在进行真正的构建之前进行一些清理工作
​        Degault Lifecycle 构建的核心部分,编译、测试、打包、部署等。
​        Site Lifecycle生成项目报告,站点,发布站点
pom.xml中添加jar包坐标,在官网查看
解决中文乱码    新建maven服务器>Runner>VM Options:  -Dfile.encoding=utf-8






欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2