JavaScript - 随笔分类(第2页) - liuyongjia

使用Map标签指定点击区域时的兼容性问题

摘要：电商m站的首页，有一个需求是配一张大的banner图，然后指定某些区域是热区，点击之后跳转到不同的活动页。听起来简单明了，实现也比较容易，立刻就想起来有个map标签，简直就是为这个需求量身定做。简单说下做法：我们首先会和后台约定一些规则，定义一个json对象。比如：我们可以约定，type为1 阅读全文

posted @ 2018-05-20 20:20 liuyongjia 阅读(851) 评论(1) 推荐(0)

移动端H5活动页优化方案

摘要：背景项目：移动端H5电商项目痛点：慢！！！初始方案：最基本的图片懒加载，静态资源放到cdn，predns等等已经都做了。但是还是慢，慢在哪？显而易见的原因：由于前后端分离，所有的数据都由接口下发，之后根据模板渲染页面。也就是说，我们需要先加载js，等到js加载完毕之后，请求接口，接口阅读全文

posted @ 2018-04-06 21:06 liuyongjia 阅读(1600) 评论(0) 推荐(1)

《高性能JavaScript》读书笔记

摘要：零、组织结构根据引言，作者将全书划分为四个部分：一、页面加载js的最佳方式（开发前准备）二、改善js代码的编程技巧（开发中）三、构建与部署（发布）四、发布后性能检测与问题追踪（线上问题优化）这样的组织结构也符合我们的开发习惯，首先进入第一部分。一、JavaScript加载起因：scr 阅读全文

posted @ 2018-03-03 18:14 liuyongjia 阅读(559) 评论(0) 推荐(0)

深入JavaScript类型判定

摘要：JavaScript的数据类型基本区分方法 ECMAScript标准定义了7种数据类型 6 种基本类型: Boolean，两种取值：true和false Null，一种取值：null Undefined，一种取值：undefined Number，JS的数值为基于 IEEE 754 标准的双精度阅读全文

posted @ 2018-02-17 22:04 liuyongjia 阅读(678) 评论(1) 推荐(1)

underscore源码解析

摘要：前言 underscore是最适合初级人士阅读的源码，在阅读源码时，有一些有趣的实现，记录如下。基于underscore1.8.3。留存root javascript // Establish the root object, ( ) in the browser, // on the serv 阅读全文

posted @ 2017-12-17 21:46 liuyongjia 阅读(637) 评论(0) 推荐(0)

JSONP原理解析

摘要：前言我工作以来接触的第一个项目就是前后端分离的，前端静态文件有自己独立域名，通过接口来获取数据进行渲染等操作。跨域的方法不需要多言，随便一搜，就有很多，但最常用不外乎jsonp和CORS。jsonp着重于前端，也算是前端Hack技巧，CORS重于后端，服务端需要配置的地方会较多。这篇解析一下j 阅读全文

posted @ 2017-12-03 20:21 liuyongjia 阅读(1219) 评论(2) 推荐(1)

IIFE（立即执行函数表达式）

摘要：我们经常会看到这样的写法：这就是一个简单的IIFE（立即执行函数表达式，immediately invoked function expression）了。这样的写法有什么好处呢？来简单分析一下。 1. 开头的分号我们都知道，js是可以加分号或者不加分号的，在某些情况下，不加分号会让解析器解析阅读全文

posted @ 2017-11-25 22:36 liuyongjia 阅读(1154) 评论(0) 推荐(0)

函数劫持

摘要：前言前段时间接手了一个shi一样的项目，各种代码触目惊心。一个文件里，一会儿4个空格缩进，一会儿2个空格缩进；各种magic number；函数形参a,b,c…… 当然这篇也不打算吐槽，也不想说什么代码可读性的问题，只是想借这个机会谈一下维护这样的代码时候用到的一个小技巧。函数劫持第一次看到这阅读全文

posted @ 2017-11-23 23:08 liuyongjia 阅读(845) 评论(0) 推荐(0)

从cdn说起

摘要：为什么要使用cdn 雅虎军规有一条规则建议我们是用cdn。随便在网上搜索，可以找到使用的cdn的好处。再次强调第一条黄金定律，减少网页内容的下载时间。提高下载速度还可以通过CDN(内容分发网络)来提升。CDN通过部署在不同地区的服务器来提高客户的下载速度。如果你的网站上有大量的静态内容，世界各地的阅读全文

posted @ 2017-11-22 21:36 liuyongjia 阅读(642) 评论(0) 推荐(0)

闭包和类

摘要：闭包先上 "维基百科" )的定义在计算机科学中，闭包（英语：Closure），又称词法闭包（Lexical Closure）或函数闭包（function closures），是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。所以，有另一种说法认阅读全文

posted @ 2017-10-22 18:16 liuyongjia 阅读(3201) 评论(1) 推荐(1)

bind、apply与call

摘要：bind、apply与call 先说观点：不论是bind、apply还是call，最大的好处就是代码复用。 bind 在开发中，我们只有复用代码时，才会出现this指向需要改动的情况。纵观bind的常用方法，不论是偏函数还是快捷调用等等，即使是setTimeout，也都是希望能把别的地方的方法拿阅读全文

posted @ 2017-10-19 23:04 liuyongjia 阅读(555) 评论(0) 推荐(0)

this到底指向哪里

摘要：this指向调用它的对象首先要明确，this指向调用方，谁调用，this指向谁。直接调用举个栗子：在chrome中执行后可以发现，外部挂在window下的test被修改了，因为这个testThis的函数，是被window调用的，它只会读取window下的test。构造函数调用再举个栗子：阅读全文

posted @ 2017-10-13 15:23 liuyongjia 阅读(1079) 评论(4) 推荐(1)

一篇搞定微信分享和line分享

摘要：在html中使用微信分享、line分享。阅读全文

posted @ 2017-09-23 17:20 liuyongjia 阅读(5471) 评论(0) 推荐(1)

快速学会require的使用

摘要：快速学会使用require.js 1.get start 先到 "官网" 下载requirejs到本地，官方同时提供Node版本r.js，我们只使用requirejs即可。接下来在页面上写入即可。那么业务js呢？我们注意到，官方文档提到了data main这个属性这个data main所对应阅读全文

posted @ 2017-09-17 19:04 liuyongjia 阅读(714) 评论(0) 推荐(0)

随笔分类 - JavaScript

公告