BOM初步接触

5.23 - 5.29 前端学习 本周完成以下学习任务： JavaScript的进阶部分：DOM + BOM ES6部分新语法 1. JavaScript的DOM部分 2. JavaScript的BOM部分 3. ES6的部分新特性 本周总结：   因为临近期末，要完成课程设计、选修课论文等，所以学习时间变得没那么多，学的就比较少了。这周末在学习Vue2的时候发现有部分ES6的语法没接触到，所以先学习了ES6的新特性，但是这周还没学完。  下周继续学习ES6的新特性以及Vue2框架。

项目总结 ①从学习内容来讲，JS的视频还是很多的，视频材料中讲述了JS的起源和基础，以及DOM和BOM还有JQuery。这些东西我都是第一次接触，虽说现在还未能学的很好，不过的确在我的脑子里都留下了印象了。 ②学习方式上，我首次应用了看完视频后，再敲例子的方法。个人觉得这样效率非常高，而且觉得更有意义。 ③个人选取老师在视频中重点讲到的例子敲写了。总共敲了数十个。 ④做牛腩系统时...

今天跳过JS进阶的一些基础课程，直接来到网页交互、事件响应和DOM操作的学习。 ===============================学习笔记（十六）================================ JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

1.我们知道当函数赋值时，会首先进行右边的程序，下方代码恰好是一个匿名函数自运行，在自运行函数中return 一个方法，外部用一个变量gg接收这个方法，这样我们可以直接调用这个方法 var a = (function(){ return function(){ console.log(123); } })() a(); 2.当自运行函数中嵌套自运行函数时，那么return出来的...

html部分代码： 公告 规则 论坛 安全 公益 张勇：玩快乐足球 张勇：玩快乐足球 张勇：玩快乐足球 张勇：玩快乐足球 [通知]张勇：要玩快乐足球 [通知]张勇：要玩快乐足球 [通知]张勇：要玩快乐足球 [通知

onscroll事件 •是页面滚动条滚动事件，当页面滚动条滚动时候，自动触发 •如果页面没有滚动条或者没有发生滚动操作，则不会执行onscroll事件 •从属于window对象，事件应绑定到window对象上 scrollTop和scrollLeft •当页面内容区域超出了浏览器展示范围，页面会出现滚动条 •scrollTop指的是向上滚动头部高度 •scrollLeft指的是向

在写气泡弹出提示组件时用到了这个样式： 适用于提示弹出框之类的 position: fixed; left: 0; right: 0; margin: auto;  

单行文字溢出点点点效果： 只需要3行代码： .ell{ text-voerflow: ellipsis; white-space: nowrap; overflow: hidden; } 对-webkit-私有前缀支持良好的浏览器还可以实现多行文字打点效果，但是无须依赖overflow:hidden。比方说，最多显示2行内容，再多就打点的核心CSS代码如下: ....

canvas渐变对象 •canvas提供了两个对象来创建渐变，渐变可以填充在矩形、文本、线条等。 •createLinearGradient(x,y,x1,y1)：创建线性渐变 •createRadialGradient(x,y,r,x1,y1,r1)：创建径向/圆渐变 渐变方法 •addColorStop(floatx,”color”)方法:指定颜色停止。必须使用两种或以上

固定列&表头 对于表格信息来说，往往有些信息是重要的，需要一目了然的看清楚，而不是通过滚动才能看到用户需要的信息。将关键的表格列进行固定，而次要信息放置在可滚动查看的容器中，可以突出表格信息的重要性，同时，对于方便用户更好的在当前窗口进行交互，而不需要更多的操作。 对于以上两种交互的优化，Ant Design - A UI Design Language给出了很好的示例。 对于固...

如果 state tree 非常大，或者计算量非常大，每次更新都重新计算可能会带来性能问题。Reselect 能帮你省去这些没必要的重新计算。 我们需要一个可记忆的 selector 来替代这个 getVisibleTodos，只在 state.todos or state.visibilityFilter 变化时重新计算 todos，而在其它部分（非相关）变化时不做计算。 Reselect ...

onresize事件 •onresize 事件会在窗口或框架被调整大小时发生 •window对象支持onresize事件，同时常规标签也都支持（div、textarea、table等） •获取窗口的宽高值 兼容写法如下 •宽度：document.body.clientWidth ||document.documentElement.clientWidth •高度：document.bo

闭包是函数和声明该函数的词法环境的组合。词法作用域考虑如下情况：function init() { var name = "Mozilla"; // name 是一个被 init 创建的局部变量 function displayName() { // displayName() 是内部函数,一个闭包 alert(name); // 使用了父函数中声明的变量 ...

audio标签video标签 •音频：不支持时显示 •视频：不支持时显示 •controls属性：属性值与属性名同。可以省略。控制显示默认控制条。 •source标签：用来指定多个音频或视频文件源。 支持格式 多媒体API---常用属性 多媒体API---常用方法 多媒体API---常用事件

1.文档结构标签 1.1为什么引入文档结构标签？ 让标签更具语义化，结构更加清晰。搜索引擎具有更好的支持 1.2文档结构标签 header：头部。网页结构的头部，文章的头部内容，可包含标题等。 nav：导航。头部，底部以及侧边栏。 section：对网页的内容进行分块。里面可以包含：①article：表示这一个分块包含了多篇文章。②section：包含子分块。 article：表

三大原则 单一数据源 整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。 这让同构应用开发变得非常容易。来自服务端的 state 可以在无需编写更多代码的情况下被序列化并注入到客户端中。由于是单一的 state tree ，调试也变得非常容易。在开发中，你可以把应用的 state 保存在本地，从而加快开发速度...

绘制图片 •绘制方法 –drawImage(Imageimg,float x,floaty)  •将图片按照原图大小绘制到坐标处 –drawImage(Imageimg,float x,float y,float w,floath)  •将图片按照w、h大小绘制到坐标处 –drawImage(Imageimg,float sx,float sy,float sw,float s

如果 sliceReducerA 为了处理特殊的 action 正好需要来自 sliceReducerB 的部分 state 数据，或者 sliceReducerB 正好需要全部的 state 作为参数，单单就 combineReducers 是无法解决这种问题的。可以这样来解决：把所需数据当额外参数的形式传递给自定义函数，例如： function combinedReducer(state,...