10 2016 档案
摘要：直入正题，用JS实现一个简单的打地鼠游戏 因为功能比较简单就直接裸奔JS了，先看看效果图，或者 在线玩玩 吧 如果点击颜色比较深的那个（俗称坏老鼠），将扣分50；如果点击颜色比较浅的那个（俗称好老鼠），将得分100 实现 老鼠好像有点难画，又不想用图片，就直接用CSS画个简单的图代表老鼠和坑吧 ht
阅读全文
摘要：用Sublime Text蛮久了，配置配来配去的，每次换电脑都得重头再配过，奈何人老了脑子不中用了，得好好整理一些，下次换电脑就有得参考了.. 同事说，他的WebStorm简直太方便，自身集成了很多方便的工具，不用配置太多 哈哈哈哈但我还是更喜欢用ST 如果要将Sass编译成css文件，安装相应的编
阅读全文
摘要：目录 NPM NPM，即为Node的包管理工具，官网为 https://www.npmjs.com/，我们可以在站内搜索所需要的NPM包，了解相关的使用规则 安装NPM包有两种方式：线上与线下 线上 1. 连接官方源 下载npm管理工具后，默认是连接到官方的源，命令 npm config ls -l
阅读全文
摘要：在实际开发中，经常会遇到导入Excel文件的需求，有的产品人想法更多，想要在前端直接判断文件内容格式是否正确，必填项是否已填写 依据HTML5的FileReader，可以使用新的API打开本地文件（参考这篇文章） FileReader.readAsBinaryString(Blob|File) Fi
阅读全文
摘要：关于JS的正则用法，已经有很多文章了，大同小异 " 正则表达式30分钟入门教程 " " MDN正则表达式 " " 玩转JavaScript正则表达式 " " ES6正则的扩展 "
阅读全文
摘要：JS是个神奇的语言，借助Node.js的后端环境，我们可以进行相应的爬虫开发，如这篇 基于Node.js实现一个小小的爬虫 但搭建后台环境始终略为麻烦，拿到一台新电脑，不用配环境，可不可以直接在浏览器客户端直接实现呢？ 可以可以，这里就简单地说一下在浏览器客户端实现的爬虫抓取页面数据 一、概念理解
阅读全文
摘要：Chrome的扩展程序很多，也很容易入门，可以来简单实现一下 看看 官方文档 或者翻译的文档：百度、360，慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含： 一个manifest清单文件 html文件 js文件 其他文件等 可以看到，其实结构如同一般的页面，有共通之处。 一、了解Chrom
阅读全文
摘要：JS可以做的事多了，那就用来实现一个计算器吧 看看手机中的计算器，分为普通计算器和科学计算器 自认脑袋不够大，就实现一个普通版本的吧（支持正负数加减乘除等基本连续的运算，未提供括号功能） 看看图示效果, 或 在线演示 一、知识准备 1+1 = ? 正常来说，我们看到这个表达式都知道怎么运算，知道运算
阅读全文
摘要：早就听说过断点续传这种东西，前端也可以实现一下 断点续传在前端的实现主要依赖着HTML5的新特性，所以一般来说在老旧浏览器上支持度是不高的 本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收），理解其大致的实现过程 还是先以图片为例，看看最后的样子 一、一些知识准备 断点续传，既然有断，那
阅读全文
摘要：这个应该算作失真，或者也不算。情况就是用了toFixed后再进行相关计算，得不到预期的结果 具体看例子 比如想动态计算百分比，保留一位小数如94.4%这样子 恰巧碰到这个，然而percent并不是预期的结果。于是，测试各段数据 好生奇怪... 乘以10正常，当乘以100时，好像失真了 不明觉厉 最后
阅读全文
摘要：产品姐姐想法多，点击input项才能聚焦进行操作，点击外部不能有反应 好了。。。直入正题 为了让标签更加语义化，在表单项中，我们往往会使用label进行包裹 在移动平台页面的开发中，为了让表单项的可点区域变大而更好的操作，label可提供相应的便利。 但有时，我们只是需要label标签，却不希望可点
阅读全文
