练习

zuoye/jq es6/es6.md

@@ -0,0 +1,105 @@
+# es6 相关
+
+1. 下面这个例子最外面会输出10   如何解决
+   
+   ```
+   for(var i = 0; i < 10; i++) {
+      console.log(1);
+    }
+    console.log(i);
+   ```
+
+2. 使用结构赋值，实现两个变量的值的交换
+3. 使用结构赋值，完成函数的参数默认值
+4. 利用数组推导，计算出数组 [1,2,3,4] 每一个元素的平方并组成新的数组。
+5. 使用模板字符串改写下面的代码。（ES5 to ES6改写题）
+   ```
+   letname ="前端研究所";
+    letobj = {
+        "name":name,
+        "say":function(){
+        alert('hello world');
+        }
+    };
+
+   ```
+6. 用箭头函数的形式改写下面的代码。（ES5 to ES6改写题）
+   
+   ```
+   arr.forEach(function(v,i) {
+        console.log(i);
+        console.log(v);
+    });
+
+   ```
+
+7. 设计一个对象，键名的类型至少包含一个symbol类型，并且实现遍历所有key。
+8. 有一本书的属性为：{“name”:“《ES6基础系列》”, ”price”：56 }；要求使用Proxy对象对其进行拦截处理，name属性对外为“《ES6入门到懵逼》”,price属性为只读。（练习题）
+9. 阅读下面的代码，并用for...of改成它。（ES5 to ES6改写题）
+10. 关于Set结构，阅读下面的代码，回答问题。（代码阅读题）。
+    
+    ```
+    lets =newSet();
+    s.add([1]);
+    s.add([1]);
+    console.log(s.size);
+
+    ```
+    问：打印出来的size的值是多少？为什么
+    答：
+
+11. 关于Map结构，阅读下面的代码，回答问题。（代码阅读题）
+    
+    ```
+    letmap =newMap();
+    map.set([1],"ES6系列");
+    letcon = map.get([1]);
+    console.log(con);
+
+    ```
+
+    问：打印出来的变量con的值是多少，为什么？
+    答：
+
+
+12. 11题的如何得到的变量con的值就是：“ES6系列”。
+
+13. 通过class 定义一个类Animal，通过传参初始化它的类型，如：“猫科类”。它有一个实例方法：run，run函数体内容可自行定义。
+
+14. 基于上一题的Animal类，定义一个子类Cat并继承Animal类。初始化Cat类的昵称name和年龄age。并拥有实例方法eat，eat函数体内容可自行定义。
+
+15. 利用module模块，实现两个模块A和B，A模块导出变量name，age和say方法。B模块只导入变量name和say方法，并且重命名name为nickname。
+
+16. 使用字符串模板 把下面代码补充完整
+    ```
+    const greetings = (name) => {
+        return `hello     `; //要补充的部分
+    }
+    ```
+
+
+
+17.  使用es6语法 实现下图代码功能
+
+    ![preview](https://pic2.zhimg.com/v2-73bff89d4cfb706553610dd4725e21e1_r.jpg)
+
+
+
+
+
+18. 冻结上面17题中定义的对象 使其无法被修改（温馨提示可以用 object.freeze()）  简单了解object.freeze()的用法
+
+    参考 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze
+
+19.   解释一下 `Object.freeze()` 和 `const` 的区别
+
+20. 说明下列方法为何不能用作 IIFE，要使其成为 IIFE，需要进行哪些更改？
+    
+    ```
+    function foo(){ }();
+
+    ```
+
+21. 用promise语法封装ajax功能，并调用
+
+22. 用await async 改写上面的21题

zuoye/jq es6/jq.md

@@ -0,0 +1,61 @@
+# jquery相关
+
+1. 在html文件中写上8个p标签，内容为
+   1.你有多久没有翻开过一本书了？
+   2. 加密原理详解：对称式加密VS非对称式加密
+   3.  低代码：正在改变软件的开发方式
+   4.  Vue 转 React不完全指北
+   5.  web安全（xss/csrf）简单攻击原理和防御方案（实战篇）
+   6. 深度解读 Chaos Mesh®，探索云原生混沌工程的奥秘 
+   7.  简洁设计-毛玻璃效果登陆页面
+   8.   996 前端人该如何持续学习
+   然后需要用jq实现点击哪个p标签 弹出对应的内容
+
+2. 在html文件内写6个checkbox 内容  value值自定义 需要不一样 和一个按钮在此基础上  点击按钮需要输出 选中的checkbox的value 以及选中的总个数
+
+
+3. 分类添加内容
+    如果选择 城市的话就添加到你喜欢哪个城市列表  如果选择游戏的话就添加到你喜欢哪个游戏的列表
+
+   效果图如下
+
+   ![img](https://images2015.cnblogs.com/blog/1093092/201701/1093092-20170125225432472-997852563.bmp)
+
+    4. 员工信息的增加和删除
+       从输入框内填写姓名，邮箱，薪资 点击submit 就把输入的员工信息添加到员工信息表中 
+       效果图如下
+
+![img](https://images2015.cnblogs.com/blog/1093092/201701/1093092-20170125224159300-1831658360.bmp)
+
+5. 品牌展示  超出部分点击显示全部信息全都展示
+
+   效果图如下
+
+   ![img](https://images2015.cnblogs.com/blog/1093092/201701/1093092-20170125224755191-614465786.bmp)
+
+6. 通过ajax 实现商品添加和商品展示功能 详情见附件 接口文档
+
+7. 完成登录 注册 用户表页面 并通过ajax完成提交/渲染功能
+
+8. 完成商城页面购物车的功能（单选 多选 全选。增删改查 ）<不牵扯接口  前端静态页面>
+
+9. 写一个移动端的底部tabbar的效果 图片可以不变 但是文字要变颜色
+
+10. 订单页面的tab切换效果
+
+11. 地址管理页面的地址增删改查 设置默认地址效果
+
+12.  京东页面的分类鼠标划过出不同菜单的效果
+
+    ![image-20210423112831959](E:\web\lessons\课件\zuoye\jq es6\jq.assets\image-20210423112831959.png)
+
+13. jq  实现 图片轮播效果（实现切换图片即可）
+
+14. 秒杀倒计时效果
+
+15. 根据当前时间确定在哪个区间的秒杀效果
+    ![image-20210423113138888](E:\web\lessons\课件\zuoye\jq es6\jq.assets\image-20210423113138888.png)
+
+16. 京东详情 选择分类效果
+
+    ![image-20210423113257018](E:\web\lessons\课件\zuoye\jq es6\jq.assets\image-20210423113257018.png)