MVC

什么是 MVCMVC 模式是架构模式的一种，而且是一种非常重要的且经典的构架模式。 MVC 是三个单词的首字母缩写，它们是 Model（模型）、View（视图）和 Controller（控制）。 这个模式认为，程序不论简单或复杂，从结构上看，都可以分成三层。 最上面的一层，是直接面向最终用户的”视图层”（View）。它是提供给用户的操作界面，是程序的外壳。 最底下的一层，是核心的”数据层”（M

大屏项目缩放问题的解决思路

如何适配屏幕 设计稿如上所示，他的宽高是固定的，而用户实际的屏幕宽高可能与设计稿并不一致，如何在用户屏幕宽高不一致的情况下始终使显示的内容能够按照设计稿的比例来进行缩放，可以按照以下公式来进行设置（这里以16/9为例）： Wp 为页面有效宽度，Hp 为页面有效高度 页面左右居中，上下居中，四周留白即可 然后在 head 里用 JS 设置 1rem = Wp / 1

异步与Promise任务

同步与异步的区别return new promise((resolve,reject)=>{}) JSONP在跨域时因为种种原因无法使用 cors，我们必须使用一个其他方式来进行跨域，于是我们请求一个 JS 文件，这个 JS 文件里面会有回调（callback），这个回调里面就有我们需要的数据，这个回调的名称不是固定的，我们通过请求 JS 的参数设置名称，引用时会把这个名称传给后台

事件与事件委托

DOM 事件模型这里所说的 DOM 事件模型指的是 DOM Level 2 模式，它属于 W3C 标准模型，现代浏览器都支持该模型。在该事件模型中，一次事件共有三个过程： 事件捕获阶段（Capturing Phase）：事件从 document 一直向下传播到目标元素，依次检查经历过的节点是否绑定了事处监听函数（事件处理程序），如果有则执行，反之不执行 事件处理阶段（Target Phase）

JQuery中的设计模式

jQuery 获取网页元素jQuery 的基本设计思想和主要用法，就是**”选择某个网页元素，然后对其进行某种操作”**。这是它区别于其他 Javascript 库的根本特点。 使用 jQuery 的第一步，往往就是将一个选择表达式，放进构造函数 jQuery()（简写为$），然后得到被选中的元素。 选择表达式可以是 CSS 选择器： 1234567$(document); //选择整个文档对象$

Dom编程

获取元素 window.id 或者直接用 id 就可以（前提为 id 未被使用） document.getElementByid(‘id’) document.getElementsbyTagname(‘div’)[0] document.getElemenstbyClassName(‘red’)[0] document.querySelector(‘#id’) Document.queryS

JS 小结

JS 运算符

算术运算符 number 运算 加减乘除 余数 x % 7 指数 x ** 3 自增自减 x++ / ++x / x– / –x 求值运算符 +x 负数运算符 -x string 运算 连接运算 ‘123’ + ‘456’ 比较运算符 \ < = <= == != ==&#x3

JS 函数

函数的四种定义方法及组成首先，要明确一点就是函数本身也是一个对象。 具名函数 function 函数名 (形式参数1，形式参数2)&#123;语句 return 返回值&#125; 匿名函数 上面的具名函数去掉函数名就是匿名函数 例如 let a = function(x,y)&#123;return x+y&#125; 也叫函数表达体 我们可以把匿名函数和具名函数结合起来使用

JS 函数的执行时机

现有代码如下： 123456let i = 0;for (i = 0; i < 6; i++) &#123; setTimeout(() => &#123; console.log(i); &#125;, 0);&#125; //输出6个6 为什么会输出 6 个 6 而不是 0、1、2、3、4、5 呢？这里只要明确一点：JS 语言的一大特征是单线程，而 se