摘要：
一、面积图 二、折线图 const chart = new F2.Chart({ id: 'myChart', pixelRatio: window.devicePixelRatio, // 指定分辨率 plugins: Tooltip, // padding: ['auto', 60, 'auto 阅读全文
posted @ 2020-05-22 14:55
Sun~_~
阅读(836)
评论(0)
推荐(0)
摘要：
数据类型 声明变量 看下面一段代码 从未定义过，打印结果会是什么？ 结果： 、`Uncaught ReferenceError: aa1 is not defined` 为什么会这样呢？这里就涉及到了 变量提升 。 这是一个相对简单但又容易踩坑的地方。在ES6之前，所谓的变量提升即 JS会将所有的变 阅读全文
posted @ 2020-05-22 14:53
Sun~_~
阅读(149)
评论(0)
推荐(0)
摘要：
一、MVC MVC是Model View Controller的简写。即模型 视图 控制器。软件可以分成三个部分。 视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 各部分之间的通信方式如下。 View 传送指令到 Controller Contr 阅读全文
posted @ 2020-05-22 14:42
Sun~_~
阅读(193)
评论(0)
推荐(0)
摘要：
Promise 对象用于表示一个异步操作的最终状态（完成或失败），以及该异步操作的结果值。 语法 参数 executor executor是带有 resolve 和 reject 两个参数的函数 。Promise构造函数执行时立即调用executor 函数， resolve 和 reject 两个函 阅读全文
posted @ 2020-05-22 14:40
Sun~_~
阅读(175)
评论(0)
推荐(0)
摘要：
提示： ECMAScript 中的字符串是不可变的，字符串不能更改，只能替换。所以以下操作方法均不能改变原字符串，下面的讲解中将不对源字符串做打印观察，只打印观察新字符串的值。 1. length 获取字符串的长度 2. str[idx]、charAt()、charCodeAt() 属性访问 方法返 阅读全文
posted @ 2020-05-22 14:37
Sun~_~
阅读(1454)
评论(0)
推荐(0)
摘要：
HTML5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、em 阅读全文
posted @ 2020-05-22 14:36
Sun~_~
阅读(259)
评论(0)
推荐(0)
摘要：
概念： single page application是一种特殊的Web应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript、CSS。一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或跳转，而是利用JavaScript动态的变换H 阅读全文
posted @ 2020-05-22 14:34
Sun~_~
阅读(775)
评论(0)
推荐(0)
摘要：
一、HTTP HTTP（HyperText Transfer Protocol：超文本传输协议）是一种用于分布式、协作式和超媒体信息系统的应用层协议。 简单来说就是一种发布和接收 HTML 页面的方法，被用于在 Web 浏览器和网站服务器之间传递信息。 HTTP 默认工作在 TCP 协议 80 端口 阅读全文
posted @ 2020-05-22 14:33
Sun~_~
阅读(659)
评论(1)
推荐(0)
摘要：
post和get的区别 1. get是从服务器上获取数据，post是向服务器传送数据。 2 . GET请求把参数包含在URL中，将请求信息放在URL后面，POST请求通过request body传递参数，将请求信息放置在报文体中。 3. get传送的数据量较小，不能大于2KB。post传送的数据量较 阅读全文
posted @ 2020-05-22 14:32
Sun~_~
阅读(1353)
评论(0)
推荐(0)
摘要：
window.location各属性的值 ： window.location.href "https://i.cnblogs.com/EditPosts.aspx?opt=1" window.location.protocol "https:" window.location.host "i.cnb 阅读全文
posted @ 2020-05-22 11:32
Sun~_~
阅读(1441)
评论(0)
推荐(0)
摘要：
为什么1px变粗了？ 为什么移动端CSS里面写了1px，实际上看起来比1px粗；了解设备物理像素和逻辑像素的同学应该很容易理解，其实这两个 的含义其实是不一样的，UI设计师要求的1px是指设备的物理像素1px，而CSS里记录的像素是逻辑像素，它们之间存在一个比例关系，可以用javascript中的 阅读全文
posted @ 2020-05-22 11:31
Sun~_~
阅读(266)
评论(0)
推荐(0)
摘要：
友情提示：想要更好的理解这篇文章，建议先读一下 "viewport深入理解" ，了解一下视口。 假设我们的设计稿尺寸为750 1340。html5设计稿尺寸以及前端与设计之间协作流程一般分为下面两种。 方法一 引入：页面开头处引入下面这段代码，用于动态计算font size css使用： 未引入前 阅读全文
posted @ 2020-05-22 11:30
Sun~_~
阅读(452)
评论(0)
推荐(0)
摘要：
本文主要介绍 1. 立即执行函数 ：又叫自执行函数，定义即执行 2. 变量提升 ： 作用域内提升 3. 闭包 ： 一个可以访问私有作用域的函数及其所在的运行环境的组合 4. 使用闭包定义私有变量 ：变量私有化 5. 模块化 ：作用域独立化及私有化 6. 柯里化 ：定义多参数函数增加函数使用灵活性 7 阅读全文
posted @ 2020-05-22 11:29
Sun~_~
阅读(452)
评论(0)
推荐(0)
摘要：
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 1. viewport的概念 通俗的讲，移动设备上的viewport 阅读全文
posted @ 2020-05-22 11:28
Sun~_~
阅读(821)
评论(0)
推荐(0)
摘要：
事件的执行顺序 先看如下代码： 在问问题之前先补充一个知识点： 第三个参数 useCapture： 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。可能值：true 事件句柄在捕获阶段执行；false 默认。事件句柄在冒泡阶段执行。 那么问题来了，点击Li，js的执行顺序是什么？ 结果如下图： 总结 阅读全文
posted @ 2020-05-22 11:27
Sun~_~
阅读(3052)
评论(0)
推荐(0)
摘要：
js冒泡和捕获是事件的两种行为，使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件。 1. 阻止冒泡 2. 阻止默认行为 事件注意点 1. event代表事件的状态，例如触发event对象的 阅读全文
posted @ 2020-05-22 11:25
Sun~_~
阅读(421)
评论(0)
推荐(0)
摘要：
击label的时候，事件冒泡一次，同时会触发关联的input的click事件，导致事件再次冒泡； 解决办法： 阅读全文
posted @ 2020-05-22 11:23
Sun~_~
阅读(222)
评论(0)
推荐(0)
摘要：
setTimeout 话不多说，直接上代码： 我们看一下打印结果： 再看下面这段代码： 执行结果： Javascript是单线程的，执行顺序由上而下，而setTimeout是典型的异步方法，其中的操作会被挂起，直到主队列中的代码执行完成后才开始执行。 setInterval 打印结果有两种，出现第2 阅读全文
posted @ 2020-05-22 11:21
Sun~_~
阅读(954)
评论(0)
推荐(0)
摘要：
先看一个题目 alert的结果是 10 再看下一个： alert结果是1 如果以上题目都答对了，那可能接下来的内容你就不需要去看了，如果你现在有很多问号，那就继续看下去 一、作用域(scope) C语言的一个例子： 程序依次输出了1，2，1. C语言中，我们有块级作用域（block level sc 阅读全文
posted @ 2020-05-22 11:20
Sun~_~
阅读(517)
评论(0)
推荐(0)
摘要：
一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 另一方面，在函数外部自然无法读取函数内的局部变量。 这里有一个地方需要注意，函数内部声明变量的时 阅读全文
posted @ 2020-05-22 11:18
Sun~_~
阅读(153)
评论(0)
推荐(0)
摘要：
这个系列的 "第一部分" ，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。 今天要介绍的是，对象之间的"继承"的五种方法。 比如，现在有一个"动物"对象的构造函数。 还有一个"猫"对象的构造函数。 怎样才能使"猫"继承"动物"呢？ 一、 构造函数绑定 第一种方法也是最简单的方法，使用 阅读全文
posted @ 2020-05-22 11:15
Sun~_~
阅读(125)
评论(0)
推荐(1)
摘要：
Javascript是一种基于对象（object based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有 （类）。 那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例 阅读全文
posted @ 2020-05-22 11:14
Sun~_~
阅读(143)
评论(0)
推荐(0)
摘要：
这个系列的 "第一部分" 介绍了"封装"， "第二部分" 介绍了使用构造函数实现"继承"。 今天是最后一个部分，介绍不使用构造函数实现"继承"。 一、什么是"非构造函数"的继承？ 比如，现在有一个对象，叫做"中国人"。 还有一个对象，叫做"医生"。 请问怎样才能让"医生"去继承"中国人"，也就是说， 阅读全文
posted @ 2020-05-22 11:10
Sun~_~
阅读(130)
评论(0)
推荐(0)
摘要：
一、原型、原型链 原型是Javascript中的继承的基础，JavaScript的继承主要依靠原型链来实现的。 原型 在JavaScript中，我们创建一个函数A(就是声明一个函数), 就会为该函数创建一个 属性。而且也会在内存中创建一个对象B，A函数的属性 prototype 指向这个对象B( 阅读全文
posted @ 2020-05-22 11:09
Sun~_~
阅读(2750)
评论(0)
推荐(0)
摘要：
1. Object.assign() 该方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法： 参数： target 目标对象。 sources 源对象。 返回值： 目标对象。 示例： 2. Object.getPrototypeOf() 该方法返回指定对象的原型（ 阅读全文
posted @ 2020-05-22 11:07
Sun~_~
阅读(477)
评论(0)
推荐(0)
摘要：
常用方法速览： 接下来是比较全的、详细的方法用法 1. Array.from() 该方法从一个类似数组或可迭代对象中创建一个新的，浅拷贝的数组实例。 语法： 参数： arrayLike 想要转换成数组的伪数组对象或可迭代对象。 mapFn (可选参数) 如果指定了该参数，新数组中的每个元素会执行该回 阅读全文
posted @ 2020-05-22 11:04
Sun~_~
阅读(179)
评论(0)
推荐(0)
摘要：
数组去重： 字符串去重： 阅读全文
posted @ 2020-05-22 10:55
Sun~_~
阅读(756)
评论(0)
推荐(0)
摘要：
1. Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成 Set 数据结构。 Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 上面代码中，例一和例二都是Set函数接受 阅读全文
posted @ 2020-05-22 10:48
Sun~_~
阅读(370)
评论(0)
推荐(0)
摘要：
项目需要画一个饼图，个插件没找到符合要求的，于是自己手动画了一个。可是到移动端的时候，或出现模糊不清的情况，研究了一下是高清屏的问题。 因为 canvas 不是矢量图，而是像图片一样是位图模式的。高 dpi 显示设备意味着每平方英寸有更多的像素。也就是说二倍屏，浏览器就会以2个像素点的宽度来渲染一个 阅读全文
posted @ 2020-05-22 10:47
Sun~_~
阅读(1339)
评论(0)
推荐(0)
摘要：
1、tabindex 属性可以设置键盘中的TAB键在控件中的移动顺序，及焦点的顺序 2、 tabindex 属性值范围在1到32767之间 3、 默认的 tabindex 的值为 0 ，将排在所有指定tableIndex的控件之后 4、 如果把 tabindex 的属性设置为负值，那么这个控件 将会 阅读全文
posted @ 2020-05-22 10:45
Sun~_~
阅读(243)
评论(0)
推荐(0)
摘要：
export 可以导出多个命名模块，例如： export default 只能导出一个默认模块，这个模块可以匿名，例如： 阅读全文
posted @ 2020-05-22 10:44
Sun~_~
阅读(124)
评论(0)
推荐(0)
摘要：
一、ajax 传统 Ajax 指的是 XMLHttpRequest（XHR），核心使用XMLHttpRequest对象，允许客户端脚本发送HTTP请求，去请求服务器的数据来创建动态网页，可以在不重新加载整个网页的情况下，对网页的某部分进行更新。也称局部刷新（常见的例子：分页、用户名即时验证、聊天）； 阅读全文
posted @ 2020-05-22 10:43
Sun~_~
阅读(263)
评论(0)
推荐(0)
摘要：
防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。 先看一个滚动条监听的例子： 很多网站会提供一个返回顶部的按钮 这个功能的核心内容是 监听浏览器的滚动事件，返回当前滚动条与顶部之间的距离 具体的代码如下所示： 在滚动条滚动时一直会打印： 阅读全文
posted @ 2020-05-22 10:40
Sun~_~
阅读(157)
评论(0)
推荐(0)
摘要：
首先了解一下rem是什么？它的全称是 font size of the root element （根元素的字体大小，它是CSS3中新增加的一个尺寸（度量）单位，根节点（html）的font size决定了rem的尺寸，也就是说它是一个相对单位，相对于(html)。 rem 和 px 直接的转换公式 阅读全文
posted @ 2020-05-22 10:38
Sun~_~
阅读(177)
评论(0)
推荐(0)
摘要：
一、父子通信 1. 父组件通过props向子组件传值 vue: 父组件 子组件接收 react: 父组件： 子组件： 2. 子组件向父组件传参 vue: 子组件 父组件 react：利用回调函数参数获取子组件传来的值。 父组件： 子组件： 3. 父组件访问子组件属性 vue: 父组件 react: 阅读全文
posted @ 2020-05-22 10:37
Sun~_~
阅读(225)
评论(0)
推荐(0)
摘要：
缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。当 web 缓存发现请求的资源已经被存储，它会拦截请求，返回该资源的拷贝，而不会去源服务器重新下载。 优点： 缓解服务器端压力，提升性能。 缓存的种类有很多,其大致可归为两类： 私有与共享缓存 。 共享缓存存储的响应能够被多个用户使用。私有缓 阅读全文
posted @ 2020-05-22 10:35
Sun~_~
阅读(180)
评论(0)
推荐(0)
摘要：
Github 代码托管（ "https://github.com/" ） 知乎（ "http://www.zhihu.com/" ） 全球最大中文IT社区CSDN (http://www.csdn.net/)） 博客园（ "http://www.cnblogs.com/" Stack Overflo 阅读全文
posted @ 2020-05-22 10:33
Sun~_~
阅读(133)
评论(0)
推荐(0)
摘要：
W3C标准 W3C ：万维网联盟(World Wide Web Consortium) W3C标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也有三方面：结构化标准主要包括XHTML和X 阅读全文
posted @ 2020-05-22 10:31
Sun~_~
阅读(347)
评论(0)
推荐(0)
浙公网安备 33010602011771号