WebAPIs基本学习笔记 作用：使用JS操作html和浏览器 分类：DOM（文档对象模型）、BOM（浏览器对象模型） DOM的内容 DOM（Document Object Model——文档对象模型...(布尔值) 结点的删除 删除节点和隐藏节点（display:none） 有区别的： 隐藏节点还是存在的，但是删除，则从html中删除节点在 JavaScript 原生DOM操作中，要删除元素必须通过父元素删除...事件处理函数, 是否使用捕获) 后面注册的事件不会覆盖前面注册的事件(同一个事件) 可以通过第三个参数去确定是在冒泡或者捕获阶段执行 必须使用removeEventListener(事件类型, 事件处理函数...resize事件 改变窗口大小的时候触发的事件，类似css3媒体查询 ---- Window对象 BOM 浏览器对象模型 window 是浏览器内置的全局对象，我们所学习的 web apis 的知识内容都是基于...生命周期为关闭浏览器窗口 2. 在同一个窗口(页面)下数据可以共享 3. 以键值对的形式存储使用 4.
一条普遍规则是，任何使用常量的地方，例如目前用 switch 代码切换常量的地方。如果只有单独一个值（例如，鞋的最大尺寸，或者笼子中能装猴子的最大数目），则还是把这个任务留给常量吧。...Model（模型）是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据 View（视图）是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。...当我们在浏览器地址栏中输入网址，回车查看页面时，这时会向服务器端（IIS）发送一个request请求，服务器就会判断发送过来的请求页面， 完全识别 HTTP 页面处理程序类后，ASP.NET 运行时将调用处理程序的...且此声明是必须的. 4)不是纯虚函数时,父类的虚函数必须要实现; 而若将父类的虚函数设定为纯虚函数时,子类必需要覆盖之而且必须要实现之!...运算符（创建对象，创建值类型的默认构造函数） 修饰作用（隐藏基类中的继承对象，子类中的对象覆盖基类中的版本） string是值类型还是引用类型?
17、在网页中的应该使用奇数还是偶数的字体？为什么呢？ 18、margin和padding分别适合什么场景使用？ 19、CSS属性overflow属性定义溢出元素内容区的内容会如何处理?...在标准模式下的盒模型：盒子总宽度/高度=width/height+padding+border+margin 在怪异模式下的盒模型下，盒子的总宽度和高度是包含内边距padding和边框border宽度在内的...17、在网页中的应该使用奇数还是偶数的字体？为什么呢？ 使用偶数字体。偶数字号相对更容易和 web 设计的其他部分构成比例关系。...1、在css样式表中书写时，id选择符前缀应加"#“，class选择符前缀应加”." 2、id属性在一个页面中书写时只能使用一次，而class可以反复使用 3、id作为元素标签用于区分不同结构和内容...3.js写在尾部，主要是因为js主要扮演事件处理的功能，一方面很多操作是在页面渲染后才执行的。
标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 2、行内元素有哪些？块级元素有哪些？...overflow属性 .over-flow{ overflow:auto; zoom:1; }//zoom:1;是在处理兼容性问题 9、介绍一下css盒模型 分为两种：ie盒模型和w3c盒模型 盒模型...对象和document对象 window对象是指浏览器打开的窗口。...ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。...只用来读取的状态集中放在store中； 改变状态的方式是提交mutations，这是个同步的事物； 异步逻辑应该封装在action中。 在main.js引入store，注入。
DOM DOM文档对象模型 又称为DOM树 DOM树 由文档、元素、节点 组成 文档：一个页面就是一个文档，元素：文档中的所有标签都称为元素。...javaScript 程序中采用的是异步处理事件模型，事件处理分三部分。...注意：keydown 和 keypress 在文本框里面特点：先执行事件的处理程序 在将文字落入到文本框中, keyup 在文本框里面的特点：先将文字落入到文本框中在执行事件的处理程序 keydown...包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。事件触发时系统会产生一个事件对象，并且系统会以实参的形式传给事件处理函数在事件处理程序中声明一个形参用来接收事件参数。 //1....颜色,位置等模式 Element.style.样式 = 值 //行内样式操作 修改行内样式 权重较高 Element.className = "类名" //类名样式操作 覆盖原先的类名 Element.className
与此相对，方法覆盖是说子类重新定义了父类的方法。方法覆盖必须有相同的方法名，参数列表和返回类型。覆盖者可能不会限制它所覆盖的方法的访问。 Java中，什么是构造函数？什么是构造函数重载？...而串行收集器对大多数的小应用(在现代处理器上需要大概100M左右的内存)就足够了。 在Java中，对象什么时候可以被垃圾回收？...GUI组件可以处理它自己的事件，只要它实现相对应的事件监听器接口，并且把自己作为事件监听器。 Java的布局管理器比传统的窗口系统有哪些优势？...Java的Swing组件使用了哪种设计模式？ Java中的Swing组件使用了MVC(视图-模型-控制器)设计模式。 什么是JDBC？ JDBC是允许用户在不同数据库之间做选择的一个抽象层。...所以说抽象类所体现的是一种继承关系，要想使得继承关系合理，父类和派生类之间必须存在"is-a" 关系，即父类和派生类在概念本质上应该是相同的。
与此相对，方法覆盖是说子类重新定义了父类的方法。方法覆盖必须有相同的方法名，参数列表和返回类型。覆盖者可能不会限制它所覆盖的方法的访问。 Java中，什么是构造函数？什么是构造函数重载？...参考答案 Java中类不支持多继承，只支持单继承（即一个类只有一个父类）。 但是java中的接口支持多继承，，即一个子接口可以有多个父接口。...参考答案 GUI组件可以处理它自己的事件，只要它实现相对应的事件监听器接口，并且把自己作为事件监听器。 Java的布局管理器比传统的窗口系统有哪些优势？...Java的Swing组件使用了哪种设计模式？ 参考答案 Java中的Swing组件使用了MVC(视图–模型–控制器)设计模式。 什么是JDBC？...然后，Servlet对象通过为每一个请求单独调用service()方法来处理所有随后来自客户端的请求，最后，调用Servlet(译者注：这里应该是Servlet而不是server)的destroy()方法把
对象返回出去 es6和es5的继承（继承不用搞那么麻烦，项目中还是用 class） 原型链继承 父类的实例作为子类的原型,易于实现，父类的新增实例与属性子类都能访问，创建子类实例，不能向父类构造函数中传参数...原型链继承 实现： 父类的实例作为子类的原型 可以在子类中增加实例属性，如果要新增加原型属性和方法需要在new 父类构造函数的后面 优点： 简单，易实现 父类的新增实例与属性子类都能访问...(xiaoming.a) 构造函数继承（伪造对象、经典继承） 不能继承原型属性/方法,可以实现多继承，可以传参，无法复用， 构造函数继承 实现： 在子类内,使用call()调用父类方法,并将父类的...(this) es6继承是使用class关键字先创建父类的实例对象this，最后在子类class中修改this javascript原型与原型链 每个函数都有一个prototype属性，被称为显示原型...`HTTP` 标准端口是80 ，而 HTTPS 的标准端口是443 4.`在OSI` 网络模型中，HTTP工作于应用层，而HTTPS 的安全传输机制工作在传输层 5.
【自然框架】 页面里的父类—— （补充） 【自然框架】 页面里的父类——把共用的东东都交给父类，让子类专注于其他。...4、 大多数页面都需要和数据库打交道。需要一个统一的操作数据库的方式，要支持事务。 5、 还有一些各个页面都要处理的事情，也应该“提炼”出来。...验证是否登录、是否有权限，这个和当前登录人关系密切，那么就写一个类来单独处理，这个类就是“登录人信息管理”，交给他来负责。 ...页面基类有派生出了三个子类，分别是列表页面、表单页面、删除页面。在基类里定义的FunctionID，并且通过了验证，那么在子类里面就可以放心使用了。...就好比我的这个例子里面，页面基类就是一套“多态系统”，他可以派生出列表页面基类、表单页面基类等，把页面基类作为容器，在其内部定义数据访问函数库的实例，定义当前登录人信息的实例。
对面向对象的理解 面向对象的概念 通过把属性（变量）和方法（函数）封装起来，通过实例化对象，在类外部可以访问属性和方法，这就是面向对象编程，js中时通过function来进行封装的。...ES6中的面向对象 class定义类 static静态属性 constructor方法，通过new命令生成对象实例时，自动调用该方法 super父类构造函数 extends继承关键字 对设计模式的理解...一共有23种设计模式 前端常用的设计模式 单例模式：一个类只能有一个实例，并提供一个访它的全局访问点。应用：弹窗、ajax封装等 工厂模式：用固定的方式批量创建对象。...，实例是子类的实例，也是父类的实例2、类新增原型方法和属性，子类都能访问到3、简单，易于实现 缺点：1、因为原型对象的属性是共享的，修改一个对象属性，其他对象的该属性也变了2、创建子类实例时，无法向父类构造函数传递参数...构造函数继承：在子类中调用父类.call()。
模板方法模式要求在父类中定义流程的总体框架，在子类中实现具体的逻辑。...前面我们提到，页面对象本应该是容器对象，在将页面对象应用模板方法模式时，可以稍带将它实现组合模式。先看一下Page类的改动： // page/page.js import Box from '....类的touchMove和touchEnd方法中，我们通过调用父类中的模板方法touchMove或touchEnd，获知了当前事件是否需要处理。...这个地方充分体现了在模板方法模式中，父类中的方法完成的是一个模板，并不是一个完全需要被覆盖的“虚函数”。（注：js中没有虚函数，虚函数是C++等高级语言中的概念。...虚函数是面向对象编程中实现多态功能的一个重要组成成分，虚函数在父类中定义，在子类中被继承和覆盖。）
方法覆盖是说子类重新定义了父类的方法。方法覆盖必须有相同的方法名，参数列表和返回类型。覆盖者可能不会限制它所覆盖的方法的访问。 7.Java中，什么是构造函数？什么是构造函数重载？...GUI组件可以处理它自己的事件，只要它实现相对应的事件监听器接口，并且把自己作为事件监听器。 70.Java的布局管理器比传统的窗口系统有哪些优势？...71.Java的Swing组件使用了哪种设计模式？ Java中的Swing组件使用了MVC(视图-模型-控制器)设计模式。 JDBC 72.什么是JDBC？...然后，Servlet对象通过为每一个请求单独调用service()方法来处理所有随后来自客户端的请求，最后，调用Servlet(译者注：这里应该是Servlet而不是server)的destroy()方法把...开发者可以提供让页面设计者以类XML格式来访问的自定义的JSP标签库。 开发者可以在组件层做逻辑上的改变，而不需要编辑单独使用了应用层逻辑的页面。 110.什么是JSP指令(Directive)？
Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。...ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。...hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http://www.xxx.com，因此对于后端来说，即使没有做到对路由的全覆盖，也不会返回 404 错误。...Vue-Router 官网里如此描述：“不过这种模式要玩好，还需要后台配置支持……所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html...只用来读取的状态集中放在store中；改变状态的方式是提交mutations，这是个同步的事物；异步逻辑应该封装在action中。 在main.js引入store，注入。
该属性指定在何处显示链接的 URL，作为浏览上下文的名称（标签、窗口或 iframe） 其实就是，我在当前页面点击了一个 a 标签，标签 href 指向的是百度的地址，你想在哪里看到点击后的结果，是当前页面呢...还是当前页面的父页面？ 还是顶级导航的页面，还是干脆新打开一个标签/窗口来展示 _self：当前页面加载。（a标签默认） _blank：通常在新标签页打开，但用户可以通过配置选择在新窗口打开。...根据 web 技术中对 window.open 的描述，也和之前 web 嵌入章节一样，如果父窗口和子窗口同源，则可以通过对象关系进行访问，不同源则不行 当然，在 features 中也有 noopener...同源情况下，子窗口获取父窗口上下文测试 同源情况下的访问是双向的，与之前 iframe 、object 之类的没有区别 非同源情况下，按照正常来说，父窗口访问子窗口应该还是一样的 结果并不是我们想的那样...，如果此时，在子窗口使用 window.opener 对象的 open 方法再打开一个与父窗口同源的新窗口，并且获取新窗口对象，用这个对象与父窗口进行通信，会不会就可以获取到父窗口的上下文了呢？
你可以根据用户的输入来触发相应的动作，处理窗口的内容，自动显示有关窗口的信息和打印页面等。在随后的几节中，我们将讨论如何实现这些。 如何响应用户在一个链接上的敲击？ ...在这种情况下，你不需要定义你自己的处理器，你可以在你的wx.html.HtmlWindow的子类中覆盖一些处理函数。 表16.2说明了已定义的处理函数。...对于每个在你的标记处理器中打开的容器，你应该使用CloseContainer()方法来关闭它。...在wxPython中，你可以使用一个HTML窗口来显示带有HTML标记的简单子集的文本。该HTML窗口属于wx.html.HtmlWindow类。...HTML窗口维护着一个历史列表，你可以对它进行访问和处理。你可以使用类wx.Html.HtmlEasyPrinting来直接打印你的页面。
实现继承的主要方法： 1、原型链继承 核心： 将父类的实例作为子类的原型 优点：共享了父类构造函数的方法 缺点： 父类的引用类型值会被所有子类实例共享，但基本类型不会被共享。...子类构建时不能向父类传参 //在构造函数中，一般很少有数组形式的引用属性，大部分情况都是：基本属性 + 方法。...name, arr 属性，第二次又给子类的构造函数添加了父类的 name, arr 属性，从而覆盖了子类原型中的同名参数。...调用 两次父类的构造函数，其原型中会存在两份相同的属性/方法，会被第一次拷贝来的实例属性覆盖，这种被覆盖的情况造成了性能上的浪费。...super 关键字，必须显示指定是作为函数还是作为对象使用，否则会报错。
; 当为border-box,则让元素维持在了IE传统模式下的怪异模式，即，设置的元素的width和height都是包括元素的宽度和padding和border。...当你滚动网页，fixed元素与浏览器窗口之间的距离是不变的。 9、请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？...该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。在传统的布局方式中，block 布局是把块在垂直方向从上到下依次排列的；而inline 布局则是在水平方向来排列。...20、在网页中的应该使用奇数还是偶数的字体？为什么呢？ 使用的是偶数字体。偶数字号相对更容易和 web 设计的其他部分构成比例关系。...后处理器例如：PostCSS，通常被视为在完成的样式表中根据CSS规范处理CSS，让其更有效；目前最常做的是给CSS属性添加浏览器私有前缀，实现跨浏览器兼容性的问题。
与此相对，方法覆盖是说子类重新定义了父类的方法。方法覆盖必须有相同的方法名，参数列表和返回类型。覆盖者可能不会限制它所覆盖的方法的访问。 7.Java中，什么是构造函数？什么是构造函数重载？...GUI组件可以处理它自己的事件，只要它实现相对应的事件监听器接口，并且把自己作为事件监听器。 70.Java的布局管理器比传统的窗口系统有哪些优势？...71.Java的Swing组件使用了哪种设计模式？ Java中的Swing组件使用了MVC(视图-模型-控制器)设计模式。 JDBC 72.什么是JDBC？...然后，Servlet对象通过为每一个请求单独调用service()方法来处理所有随后来自客户端的请求，最后，调用Servlet(译者注：这里应该是Servlet而不是server)的destroy()方法把...开发者可以提供让页面设计者以类XML格式来访问的自定义的JSP标签库。 开发者可以在组件层做逻辑上的改变，而不需要编辑单独使用了应用层逻辑的页面。
WindowManager负责窗口的动态操作，比如窗口的增、删、改。Window抽象类对WindowManager.LayoutParams相关的属性（如：输入法模式、屏幕方向）都提供了具体的方法。...view在父view映射，然后从屏幕左上角开始计算，然后保存到rect中。...，大概的思路是判断手指抬起时候的点是在屏幕左边还是右边4.2 请求悬浮窗权限关于悬浮窗的权限当API的权限，不需要去处理；当API >= 23时，需要在AndroidManifest...第三种方案：采用抽象类+实现类，将实现类的对象设置到抽象类中调用，实现类在壳工程做具体操作。...为了解决这问题，后面又做了一个处理，通过注册registerActivityLifecycleCallbacks监听app的前后台回调，检测到如果当前首页被销毁时，应该将悬浮窗进行隐藏。
文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM是一种基于树的API文档，它要求在处理过程中整个文档都表示在存储器中。 W3C DOM标准分为3个不同部分 ?...可以通过下图的分层节点显示 ? 模型及扩展 文档对象模型DOM DOM即文档对象模型，是W3C制定的标准接口规范，是一种处理HTML和XML文件的标准API。...在程序处理过程中，由方法返回一个错误值。...---- BOM简介 BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构...BOM是Browser Object Model的缩写，简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
