JavaScript中的MVC MVC三类对象MVC模式(Model-view-controller) 是一种设计模式(软件架构)。 MVC包括三类对象,将它们分离以提高灵活性和复用性。 模型(Model) : 同于数据管理, 一旦模型的数据发生改变,Model将通知有关的视图。 视图(View) : 负责用户界面,HTML渲染。 描绘的是Model的当前状态,当模型的数据发生改变,View就会刷新自己。 控制(Control 2020-12-17 设计模式 #JavaScript #MVC
跨域 同源策略 同源策略(Same-Origin-Policy) 最早是由 Netscape 公司提出,是浏览器的一种安全策略。 即 不同源的页面之间,不准互相访问数据 window.origin 或 location.origin 可以得到当前源。 同源:协议,域名,端口号,必须完全相同。 违背同源策略就是跨域 ajax默认是遵循同源策略的。 举个栗子: https://qq.com 、 h 2020-12-12 ajax #AJAX #HTTP
DOM事件&事件委托 什么是DOM 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML 或者 XML )的标准编程接口 简言之,它会将web页面和脚本或程序语言连接起来。 DOM事件流事件流描述的是从页面中接收事件的顺序 事件发送时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流 比如我们给一个div注册了点击事件: 捕获阶段 当前目 2020-12-11 DOM #JavaScript
以jQuery的设计思想封装DOM(总结) 前言实现了用JQuery的设计思想去封装DOM。 源代码链接: https://github.com/wangpf1129/jQuery-dom/blob/master/src/jquery.js jQuery的思想jQuery的基本设计思想就是:选择某个网页元素,对其进行某种操作。 八个字可以概括:选取元素,对其操作。 jQuery获取网页元素思想使用jQuery的第一步,就是要得到你选中的元素 2020-12-09 jQuery #JavaScript
手写DOM 手写DOM库因为DOM原生API太难用了源代码链接 对象风格 window.dom 是我们提供的全局对象 增加节点1dom.append(parent,child) // 用于新增儿子节点 1dom.wrap(`<div></div>`) // 用于新增爸爸节点 dom.create 函数1dom.create(`<div><span& 2020-12-06 JavaScript #JavaScript
你不知道的JavaScript JavaScript是什么? JavaScript(通常缩写为JS)是一种高级的、解释型的编程语言。JavaScript是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象程序设计,命令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。它已经由ECMA(欧洲电脑制造商协会)通过ECMAS 2020-11-28 JavaScript #JavaScript
浏览器渲染机制过程 以下是浏览器渲染机制必经过程 根据HTML构建HTML树(DOM) 根据CSS构建CSS树(CSSDOM) 将这俩棵树合并成一棵树(Reder Tree) Latout 布局 (文档流、盒模型、计算大小和位置) Paint 绘制 (把边框颜色、文字颜色、阴影等画出来) Compose 合成 (根据层叠关系展示画面) 说一下这些步骤是什么样的(详细)Too lang;don’t read: 处理H 2020-11-20 浏览器 #浏览器
个人理解的CSS文档流 css文档流文档流,文档流,**流就是它最大的特点:自适应**。 那什么是文档流呢? 顾名思义就是:像水流一样,倒入一个容器时,会自动充满容器。而css文档流的特性就是如此。 文档流有俩个比较重要的概念元素:inline元素、block元素,与之相对应的标签就是span、div。(还有一个是 inline-block 是前面俩个的结合) 那这俩个元素的区别在哪? inline元素默认是水平排列。 2020-11-19 #css
axios axios ⭐ axios: ajax i/o system. 功能特点 : 在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 支持多种请求方式 axios(config) axios.request(config) axios.get(url[, config]) axio 2020-09-26 vue #vue
Vuex详解 Vuex⭐ Vuex是一个专为Vue开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 简而言之,Vuex采用类似全局对象的形式来管理所有组件的公用数据,如果想修改这个全局对象的数据,得按照Vuex提供的方式来修改(不能自己随意用自己的方式来修改) 1 安装和使用1.安装Vuex 1npm install vuex --sa 2020-09-26 vue #vue