lessfish - 博客园

一道经典JS题（关于this）

摘要：项目中碰到的问题，以前也碰到过，没有重视，现记录如下。 <input type='button' value='click me' id='btn' / <script var num = 0; var obj = { num: 1, fn: function() { consol... 阅读全文

posted @ 2015-12-29 20:28 lessfish 阅读(1068) 评论(2) 推荐(4)

HTML5 — 让拖放变的流行起来

摘要：先上 "Demo" ，尽量用 chrome，代码可参考 "Github" 。在 HTML5 出现之前，页面元素的拖放需要监听 mousedown、mouseover 以及 mouseup 等一系列事件，然后改变元素的相对位置来实现这一效果。HTML DnD（Drag and Drop）API 的出阅读全文

posted @ 2015-12-28 21:56 lessfish 阅读(4055) 评论(7) 推荐(2)

你应该知道的25道Javascript面试题

摘要：题目来自 "25 Essential JavaScript Interview Questions" 。闲来无事，正好切一下。一 What is a potential pitfall with using to determine if bar is an object? How can thi 阅读全文

posted @ 2015-12-28 06:05 lessfish 阅读(3126) 评论(18) 推荐(7)

关于base64编码的原理和实现

摘要：在前文 "Data URI 应用场景小结" 中我们提到了一个概念，叫做 base64编码，今天我们就来聊聊 base64编码，揭开它的神秘面纱。一句话解释： Base64是一种基于64个可打印字符来表示二进制数据的表示方法。用记事本打开、`jpg pdf` 这些文件时，我们都会看到一大堆乱码，阅读全文

posted @ 2015-12-24 06:23 lessfish 阅读(1876) 评论(10) 推荐(3)

Data URI 应用场景小结

摘要： "Data URI scheme" 在前端开发中是个常用的技术，通常会在 CSS 设置背景图中用到。比如在 Google 的首页就有用到： Data URI scheme 简称 Data URI，经常会被错误地写成 data URLs。笔者认为通常用于将图片 base64 编码的 Data UR 阅读全文

posted @ 2015-12-21 06:26 lessfish 阅读(1172) 评论(0) 推荐(3)

玉伯的一道课后题题解（关于 IEEE 754 双精度浮点型精度损失）

摘要： "前文" 的最后给出了玉伯的一道课后题，今天我们来讲讲这题的思路。题目是这样的： Number.MAX_VALUE + 1 == Number.MAX_VALUE; Number.MAX_VALUE + 2 == Number.MAX_VALUE; ... Number.MAX_VA... 阅读全文

posted @ 2015-12-14 06:49 lessfish 阅读(1207) 评论(3) 推荐(4)

【0.1 + 0.2 = 0.30000000000000004】该怎样理解？

摘要：如果你以前没了解过类似的坑，乍一看似乎觉得不可思议。但是某些语言下事实确实如此（比如 Javascript）：再看个例子，+1 后居然等于原数，没天理啊！如果你不知道原因，跟着楼主一起来探究下精度丢失的过程吧。事实上不仅仅是 Javascript，在很多语言中 0.1 + 0.2 都会得到 0 阅读全文

posted @ 2015-12-10 06:37 lessfish 阅读(6001) 评论(15) 推荐(7)

思考题：如何获取当天的农历日期？

摘要：万年历大家肯定都用过，一般都有阳历、农历、节气等信息，但是你是否想过农历日期是如何获取的？阳历日期的获取很简单，以 Javascript 为例，有 "Date 对象" ，可以调用它的 API 获取年、月、日信息，但是农历日期并不像阳历一样有规律，更别谈 API 了。所以，对于农历日期的获取我们只能打... 阅读全文

posted @ 2015-11-30 07:08 lessfish 阅读(3186) 评论(4) 推荐(4)

移动端页面(css)调试之“weinre大法”

摘要：移动端页面调试一般分两步。第一步我们需要把本地（pc端）写的页面效果展现在移动端，一个很方便的办法是用 fiddler 作为代理，具体可以参考 "如何用 fiddler 代理调试本地手机页面" ，这样我们就能在自己的手机上看到真机效果，有时还可以用 alert 调试一些 js；当然，有时仅仅展现样式... 阅读全文

posted @ 2015-11-27 23:05 lessfish 阅读(3702) 评论(0) 推荐(3)

Javascript Date

摘要：最近看了些 userData 和 cookie 的东西，有些时候需要对时间对象进行设置，正好趁这个机会总结下。很多一看就懂的 API 可以参考 "JavaScript Date 对象" 或者直接参考文末截图，这里讲些我觉得值得记录的东西。 Date 类型 Date 类型使用自 UTC（国际协调时间）阅读全文

posted @ 2015-11-26 06:34 lessfish 阅读(1112) 评论(2) 推荐(2)

让 HTML5 来为你定位

摘要： Geolocation HTML5 的是一个令人兴奋的 API，通过这套 API，Javascript 代码就能够访问到用户的当前位置。当然，访问之前必须得到用户的明确认可，即同意在页面共享位置。如果页面尝试访问地理位置信息，浏览器就会显示一个对话框，请求用户许可共享其地理位置信息，比如这样：... 阅读全文

posted @ 2015-11-19 05:02 lessfish 阅读(13174) 评论(21) 推荐(20)

如何使用 UC浏览器开发者版进行移动端调试

摘要：在 "如何用 fiddler 代理调试本地手机页" 一文中我们了解了如何用手机查看 PC 端写的网页（本地），但是我们只能看到页面效果，如果哪段 js 挂了，那部分样式失效了，我们该如何进行调试呢？今天为大家介绍的 UC 浏览器开发者版（安卓版）就是这样一个神器！ 1、一台PC、一台手机 ... 阅读全文

posted @ 2015-11-13 20:28 lessfish 阅读(11856) 评论(3) 推荐(1)

Web Worker 是什么鬼？

摘要：前言前端工程师们一定有过这样的体验，当一个页面加载了大量的 js 文件时，用户界面可能会短暂地“冻结”。这很好理解，因为 js 是单线程的语言。我们再走的极端点，一段 js 中出现了的死循环，这时再去点击页面的 DOM 元素，将不会触发事件，事实上，这些异步的事件都排成了队列，只等页面的 js 阅读全文

posted @ 2015-11-10 21:54 lessfish 阅读(6352) 评论(6) 推荐(28)

为什么Javascript中的基本类型能调用方法？

摘要：我们从一道笔试题说起： var str = 'string'; str.pro = 'hello'; console.log(str.pro + 'world'); 输出啥？要理解这个问题，我们得从头说起。 Javascript 数据类型分两大类，基本类型（或者说是原始类型）和引用类型。... 阅读全文

posted @ 2015-09-24 18:19 lessfish 阅读(2077) 评论(7) 推荐(5)

二叉树三种遍历的递归和迭代解法

摘要：关于二叉树的定义，以及什么是二叉树的三种遍历（先序遍历，中序遍历，后序遍历），不是本文关注的重点，请自行查阅相关资料。本文的重点是如何用递归和迭代分别实现二叉树的三种遍历。 leetcode上有三道题分别求三种遍历结果： "Binary Tree Preorder Traversal" 、 "B 阅读全文

posted @ 2015-09-15 18:18 lessfish 阅读(4459) 评论(0) 推荐(0)

Jump Game 的三种思路 - leetcode 55. Jump Game

摘要： "Jump Game" 是一道有意思的题目。题意很简单，给你一个数组，数组的每个元素表示你能前进的最大步数，最开始时你在第一个元素所在的位置，之后你可以前进，问能不能到达最后一个元素位置。比如： A = [2, 3, 1, 1, 4], return true.一种走法是，还有一种走法是 O(... 阅读全文

posted @ 2015-09-15 08:59 lessfish 阅读(9089) 评论(0) 推荐(1)

树状数组的三大应用

摘要： "前文" 我们探讨了树状数组的原理。树状数组就是一种数据结构，它天生用来维护数组的前缀和，从而可以快速求得某一个区间的和，并支持对元素的值进行修改。但是树状数组并非只有这一种功能，变形后它还能衍生出两个功能，本文我们就来分别讨论下树状数组这三大功能。永远要记住，基本的树状数组维护的是数组的前缀阅读全文

posted @ 2015-09-14 20:08 lessfish 阅读(3477) 评论(2) 推荐(5)

神奇的树状数组

摘要：最近在学习位运算，正好把树状数组总结下，也算是能正式给建个分类。那么，树状数组到底有什么用呢？诚然，一样没什么卵用的东西我们学它干嘛。下面举个树状数组的经典应用：区间求和。假设我们有如下数组（数组元素从开始）: var a = [X, 1, 2, 3, 4, 5, 6, 7, 8, 9 阅读全文

posted @ 2015-09-14 14:04 lessfish 阅读(4716) 评论(0) 推荐(2)

JavaScript 位运算总结&拾遗

摘要：最近补充了一些位运算的知识，深感位运算的博大精深，此文作为这个系列的总结篇，在此回顾下所学的位运算知识和应用，同时也补充下前文中没有提到的一些位运算知识。把一个数变为大于等于该数的最小的2的幂一个数为2的幂，那么该数的二进制码只有最高位是1。根据这个性质，我们来举个栗子，比如有数字10，转为二... 阅读全文

posted @ 2015-09-11 14:31 lessfish 阅读(1434) 评论(0) 推荐(0)

leetcode - 位运算题目汇总(下）

摘要：接上文 "leetcode 位运算题目汇总(上）" ，继续来切leetcode中 "Bit Manipulation" 下的题目。 "Bitwise AND of Numbers Range" 给出一个范围，[m, n]（0 <= m <= n <= 2147483647），返回这些数字的与运算结... 阅读全文

posted @ 2015-09-11 08:03 lessfish 阅读(1010) 评论(0) 推荐(1)

simplify the life