随笔分类 - js
about js more
摘要：前景： 页面部分区域需要移入悬浮效果，当然默认的 title 也是可以的，最多只是格格不入，但是却是最为靠谱的。。 思路： 基于 jq 实例扩展 、使用立即执行函数保持功能独立、 自定义类实现功能封装的定位解释小功能 实现： 1.html <!DOCTYPE html> <html> <head>
阅读全文
摘要：1. swipeslider.js jQuery支持移动端轮播图插件swipeslider.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d
阅读全文
摘要：1. 相关事件在 mobile 与 pc 之间的差异 1.1 click事件的300ms延迟问题： 2007年第一代iphone发布，浏览器自带了一个功能：双击缩放。双击页面的时候，浏览器会智能的缩放当前页面到原始大小。 双击缩放的原理就是，当你click一次之后，会经过300ms之后检测是否再
阅读全文
摘要：相关文章 面试官：谈谈你对 CSS 盒模型的认识?（你确定会？） 做为前端开发者，你应该要懂的 http协议 前端面试：谈谈 JS 垃圾回收机制 图片优化让网站大小减少 62% Javascript 面试中经常被问到的三个问题！ BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
阅读全文
摘要：相关文章 继承 圣杯模式 prototype constructor __prpto__ 三者之间关系 typeof 区分数组与对象 instanceof Object.create 类数组 好玩的： 1.字符串函数扩展 （ 一般调用 ）String.prototype.repeat=functio
阅读全文
摘要：1.知识点汇聚 1.1 面向对象的程序设计常用概念 对象（名词）：是指“事物”在程序设计语言中的表现形式。是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。 类：实际上就是对象的设计蓝图或制作配方。类更多的是一
阅读全文
摘要：1. 触发自定义事件方式 js、jq 2. jq 触发 2.1 默认支持的事件 $('#h').on('click',function(){ $(this).append('<p>p</p>') }) $('#h').trigger('click'); $('#h').click(); 2.2 自定
阅读全文
摘要：1. 浮层弹层设置溢出隐藏； js控制滑动事件 2. 相关文章 弹出弹窗后，如何禁止底层的body滚动，适用于超长的页面(2018.11更新) 移动端弹出层滚动时禁止body滚动 深入研究-webkit-overflow-scrolling:touch及ios滚动 移动端设置了overflow:hi
阅读全文
摘要：1. 实现方式 - 应用场景 自己写 - 简单的、不用 jq 的项目 jq - 普通动画 成熟插件 - 复杂动画 2. 相关文章 JavaScript基于时间的动画算法 九种原生js动画效果 Tween.js FlexSlider插件 velocity.js 动画插件
阅读全文
摘要：在JS中统计函数执行次数与执行时间 详解JS中统计函数执行次数与执行时间 JavaScript是如何工作的：深入类和继承内部原理 + Babel和TypeScript 之间转换 javascript设计模式之装饰器模式（结构型模式） JavaScript学习笔记(四十四) 装饰器 浅析JavaScr
阅读全文
摘要：常见排序 一、比较排序 sort 、 冒泡 - 每个元素遍历到，逐个替换位置上冒 （01 - 12 - 23 ... length -1 ，length -2 ...） - 效率不变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
阅读全文
摘要：1. 可添加默认参数 function fn(name,age=17){ console.log(name+","+age); } fn("Amy",18); // Amy,18 f n("Amy",""); // Amy, fn("Amy"); // Amy,17 注意点：使用函数默认参数时，不允
阅读全文
摘要：一、内存概念 内存泄漏 二、实用工具 1. 火狐控制台 - 内存分析 打开内存工具 创建快照 删除快照 保存和加载 快照比较 快照 记录调用堆栈 内存 2. 谷歌控制台 Chrome开发者工具之JavaScript内存分析(转) 利用Chrome的Heap Snapshot功能分析一个时间段内的内存
阅读全文
摘要：1. js 异步的几种情况 ： 1.1 异步操作由浏览器内核的 webcore 来执行： onclick 由浏览器内核的 DOM Binding 模块来处理，当事件触发的时候，回调函数会立即添加到任务队列中。setTimeout 会由浏览器内核的 timer 模块来进行延时处理，当时间到达的时候，才
阅读全文
摘要：1. velocity.js 插件介绍 Velocity 是独立于jQuery的，但两者可以结合使用的动画插件。用法类似 jq 的 animate ，但是支持更高级动画。 （ 颜色动画、转换动画(transforms)、循环、 缓动、SVG 动画、和 滚动动画 ） 2. 例子代码 <!DOCTYPE
阅读全文
摘要：1. 新特性 1.1 let 与 const let 声明的变量只在 let 命令所在的代码块内有效。不能重复声明。不存在变量提升。 // 输出 0- 9： for (let j = 0; j < 10; j++) { setTimeout(function(){ console.log(j); }
阅读全文
摘要：1. 基本功能实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
阅读全文
摘要：1. react 概念 定义：react 是一个 js 库，主要用于构建 UI 。特点：模拟dom 减少与dom交互（性能高），使用 jsx 语法，可自由构建组件，单向响应数据流。 （ jsx 特点： 一个看起来很像 XML 的 JavaScript 语法扩展； 执行更快，因为它在编译为 JavaS
阅读全文
摘要：1. svg 概述 SVG 是对图像的描述、体积小、放大不失真 SVG 文件可以用 JavaScript 和 CSS 进行操作。 2. svg 使用 2.1 直接插入网页，成为 DOM 的一部分 <!DOCTYPE html> <html> <head></head> <body> <svg id=
阅读全文
浙公网安备 33010602011771号