随笔分类 - 前端集锦
摘要：Javascript是一种基于对象（object based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有 （类）。 那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例
阅读全文
摘要：这个系列的 "第一部分" 介绍了"封装"， "第二部分" 介绍了使用构造函数实现"继承"。 今天是最后一个部分，介绍不使用构造函数实现"继承"。 一、什么是"非构造函数"的继承？ 比如，现在有一个对象，叫做"中国人"。 还有一个对象，叫做"医生"。 请问怎样才能让"医生"去继承"中国人"，也就是说，
阅读全文
摘要：一、原型、原型链 原型是Javascript中的继承的基础，JavaScript的继承主要依靠原型链来实现的。 原型 在JavaScript中，我们创建一个函数A(就是声明一个函数), 就会为该函数创建一个 属性。而且也会在内存中创建一个对象B，A函数的属性 prototype 指向这个对象B(
阅读全文
摘要：1. Object.assign() 该方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法： 参数： target 目标对象。 sources 源对象。 返回值： 目标对象。 示例： 2. Object.getPrototypeOf() 该方法返回指定对象的原型（
阅读全文
摘要：常用方法速览： 接下来是比较全的、详细的方法用法 1. Array.from() 该方法从一个类似数组或可迭代对象中创建一个新的，浅拷贝的数组实例。 语法： 参数： arrayLike 想要转换成数组的伪数组对象或可迭代对象。 mapFn (可选参数) 如果指定了该参数，新数组中的每个元素会执行该回
阅读全文
摘要：项目需要画一个饼图，个插件没找到符合要求的，于是自己手动画了一个。可是到移动端的时候，或出现模糊不清的情况，研究了一下是高清屏的问题。 因为 canvas 不是矢量图，而是像图片一样是位图模式的。高 dpi 显示设备意味着每平方英寸有更多的像素。也就是说二倍屏，浏览器就会以2个像素点的宽度来渲染一个
阅读全文
摘要：1、tabindex 属性可以设置键盘中的TAB键在控件中的移动顺序，及焦点的顺序 2、 tabindex 属性值范围在1到32767之间 3、 默认的 tabindex 的值为 0 ，将排在所有指定tableIndex的控件之后 4、 如果把 tabindex 的属性设置为负值，那么这个控件 将会
阅读全文
摘要：export 可以导出多个命名模块，例如： export default 只能导出一个默认模块，这个模块可以匿名，例如：
阅读全文
摘要：一、ajax 传统 Ajax 指的是 XMLHttpRequest（XHR），核心使用XMLHttpRequest对象，允许客户端脚本发送HTTP请求，去请求服务器的数据来创建动态网页，可以在不重新加载整个网页的情况下，对网页的某部分进行更新。也称局部刷新（常见的例子：分页、用户名即时验证、聊天）；
阅读全文
摘要：防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。 先看一个滚动条监听的例子： 很多网站会提供一个返回顶部的按钮 这个功能的核心内容是 监听浏览器的滚动事件，返回当前滚动条与顶部之间的距离 具体的代码如下所示： 在滚动条滚动时一直会打印：
阅读全文
摘要：首先了解一下rem是什么？它的全称是 font size of the root element （根元素的字体大小，它是CSS3中新增加的一个尺寸（度量）单位，根节点（html）的font size决定了rem的尺寸，也就是说它是一个相对单位，相对于(html)。 rem 和 px 直接的转换公式
阅读全文
摘要：缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。当 web 缓存发现请求的资源已经被存储，它会拦截请求，返回该资源的拷贝，而不会去源服务器重新下载。 优点： 缓解服务器端压力，提升性能。 缓存的种类有很多,其大致可归为两类： 私有与共享缓存 。 共享缓存存储的响应能够被多个用户使用。私有缓
阅读全文
摘要：W3C标准 W3C ：万维网联盟(World Wide Web Consortium) W3C标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也有三方面：结构化标准主要包括XHTML和X
阅读全文
摘要：WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。 它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于 "服务器推送技术" 的一种。 其他特点包括： 1. 建立在 TCP 协议之上，服务器端的实现比较
阅读全文
摘要：Chrome浏览器取消INPUT自动记忆下拉框
阅读全文
摘要：使用input数字number类型的时候maxlength无效，假设需要控制输入数量为18，可以用以下方式： 无效： <input type="text" maxlength="18" /> 效果ok，当 <input type="number" maxlength="18" /> 有效： <inp
阅读全文
摘要：var num = 10000000,arr = []; for(i=0;i<num;i++){ arr[i] = i+2; } //1) 使用 for 循环 function test1() { var d1 = new Date(); var sum = 0; for (var i = 0; i
阅读全文
摘要：1、tabindex 属性可以设置键盘中的TAB键在控件中的移动顺序，及焦点的顺序 2、 tabindex 属性值范围在1到32767之间 3、 默认的 tabindex 的值为 0 ，将排在所有指定tableIndex的控件之后 4、 如果把 tabindex 的属性设置为负值，那么这个控件 将会
阅读全文
摘要：html： <a class="dropdown-toggle bgImg-priceWran " id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"></a> <div class=
阅读全文
摘要：一、左右结构 左边固定，右边自适应 1. 左边左浮动，右边加个overflow:hidden; #lt{ float: left;width:200px; background: #ff0;} #rt{ overflow: hidden; background: #f0f;} 2. 左边左浮动，右边
阅读全文
浙公网安备 33010602011771号