摘要:
一、面积图 二、折线图 const chart = new F2.Chart({ id: 'myChart', pixelRatio: window.devicePixelRatio, // 指定分辨率 plugins: Tooltip, // padding: ['auto', 60, 'auto 阅读全文
摘要:
数据类型 声明变量 看下面一段代码 从未定义过,打印结果会是什么? 结果: 、`Uncaught ReferenceError: aa1 is not defined` 为什么会这样呢?这里就涉及到了 变量提升 。 这是一个相对简单但又容易踩坑的地方。在ES6之前,所谓的变量提升即 JS会将所有的变 阅读全文
摘要:
一、MVC MVC是Model View Controller的简写。即模型 视图 控制器。软件可以分成三个部分。 视图(View):用户界面。 控制器(Controller):业务逻辑 模型(Model):数据保存 各部分之间的通信方式如下。 View 传送指令到 Controller Contr 阅读全文
摘要:
Promise 对象用于表示一个异步操作的最终状态(完成或失败),以及该异步操作的结果值。 语法 参数 executor executor是带有 resolve 和 reject 两个参数的函数 。Promise构造函数执行时立即调用executor 函数, resolve 和 reject 两个函 阅读全文
摘要:
提示: ECMAScript 中的字符串是不可变的,字符串不能更改,只能替换。所以以下操作方法均不能改变原字符串,下面的讲解中将不对源字符串做打印观察,只打印观察新字符串的值。 1. length 获取字符串的长度 2. str[idx]、charAt()、charCodeAt() 属性访问 方法返 阅读全文
摘要:
HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article、footer、header、nav、section 新的表单控件,比如 calendar、date、time、em 阅读全文
摘要:
概念: single page application是一种特殊的Web应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript、CSS。一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转,而是利用JavaScript动态的变换H 阅读全文
摘要:
一、HTTP HTTP(HyperText Transfer Protocol:超文本传输协议)是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法,被用于在 Web 浏览器和网站服务器之间传递信息。 HTTP 默认工作在 TCP 协议 80 端口 阅读全文
摘要:
post和get的区别 1. get是从服务器上获取数据,post是向服务器传送数据。 2 . GET请求把参数包含在URL中,将请求信息放在URL后面,POST请求通过request body传递参数,将请求信息放置在报文体中。 3. get传送的数据量较小,不能大于2KB。post传送的数据量较 阅读全文
摘要:
window.location各属性的值 : window.location.href "https://i.cnblogs.com/EditPosts.aspx?opt=1" window.location.protocol "https:" window.location.host "i.cnb 阅读全文
摘要:
为什么1px变粗了? 为什么移动端CSS里面写了1px,实际上看起来比1px粗;了解设备物理像素和逻辑像素的同学应该很容易理解,其实这两个 的含义其实是不一样的,UI设计师要求的1px是指设备的物理像素1px,而CSS里记录的像素是逻辑像素,它们之间存在一个比例关系,可以用javascript中的 阅读全文
摘要:
友情提示:想要更好的理解这篇文章,建议先读一下 "viewport深入理解" ,了解一下视口。 假设我们的设计稿尺寸为750 1340。html5设计稿尺寸以及前端与设计之间协作流程一般分为下面两种。 方法一 引入:页面开头处引入下面这段代码,用于动态计算font size css使用: 未引入前 阅读全文
摘要:
本文主要介绍 1. 立即执行函数 :又叫自执行函数,定义即执行 2. 变量提升 : 作用域内提升 3. 闭包 : 一个可以访问私有作用域的函数及其所在的运行环境的组合 4. 使用闭包定义私有变量 :变量私有化 5. 模块化 :作用域独立化及私有化 6. 柯里化 :定义多参数函数增加函数使用灵活性 7 阅读全文
摘要:
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 1. viewport的概念 通俗的讲,移动设备上的viewport 阅读全文
摘要:
事件的执行顺序 先看如下代码: 在问问题之前先补充一个知识点: 第三个参数 useCapture: 可选。布尔值,指定事件是否在捕获或冒泡阶段执行。可能值:true 事件句柄在捕获阶段执行;false 默认。事件句柄在冒泡阶段执行。 那么问题来了,点击Li,js的执行顺序是什么? 结果如下图: 总结 阅读全文
摘要:
js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件。 1. 阻止冒泡 2. 阻止默认行为 事件注意点 1. event代表事件的状态,例如触发event对象的 阅读全文
摘要:
击label的时候,事件冒泡一次,同时会触发关联的input的click事件,导致事件再次冒泡; 解决办法: 阅读全文
摘要:
setTimeout 话不多说,直接上代码: 我们看一下打印结果: 再看下面这段代码: 执行结果: Javascript是单线程的,执行顺序由上而下,而setTimeout是典型的异步方法,其中的操作会被挂起,直到主队列中的代码执行完成后才开始执行。 setInterval 打印结果有两种,出现第2 阅读全文
摘要:
先看一个题目 alert的结果是 10 再看下一个: alert结果是1 如果以上题目都答对了,那可能接下来的内容你就不需要去看了,如果你现在有很多问号,那就继续看下去 一、作用域(scope) C语言的一个例子: 程序依次输出了1,2,1. C语言中,我们有块级作用域(block level sc 阅读全文
摘要:
一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 另一方面,在函数外部自然无法读取函数内的局部变量。 这里有一个地方需要注意,函数内部声明变量的时 阅读全文