摘要: 写在前面 JS要实现下载功能,一般都是这么几个过程:生成下载的URL,动态创建一个A标签,并将其href指向生成的URL,然后触发A标签的单击事件,这样就会弹出下载对话框,从而实现了一个下载的功能。 这里所说的下载,有时候也可以理解为保存。出于安全考虑,JS肯定无法直接调用FileAPI写文件到磁盘阅读全文
posted @ 2017-07-12 10:11 我是小茗同学 阅读(1646) 评论(19) 编辑
摘要: 我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo。本文所有涉及到的大部分代码均在这个demo里面 ,大家可以直接下载下来运行。另外,本文图片较多,且图片服务器带宽有限,右下角的目录滚动监听必须等到图片全部加载完毕之后才会触发,所以请耐心等待加载完毕。什么是Chrome插件 严格来讲,我们正在说的东西应该叫Chrome扩展(`Chrome Extension`),真正意义上的Chrome插件是更底层的浏览器功能扩展,可能需要对浏览器源码有一定掌握才有能力去开发。鉴于Chrome插件的叫法已经习惯,本文也全部采用这种叫法,但读者需深知本文所描述的Chrome插件实际上指的是Chrome扩展。阅读全文
posted @ 2017-07-11 09:30 我是小茗同学 阅读(6679) 评论(78) 编辑
摘要: 前言 一直以来个人博客的搜索功能很蹩脚,只是自己简单用数据库的 来实现的,所以导致经常搜不到想要找的内容,而且高亮显示、摘要截取等也不好实现,所以决定采用Lucene改写博客的搜索功能。先来看一下最终效果: 本文demo地址:https://github.com/liuxianan/lucene d阅读全文
posted @ 2017-05-05 17:04 我是小茗同学 阅读(2103) 评论(5) 编辑
摘要: 综合这段时间对 (下称RN)和 (下称NS)的简单学习了解,分别从不同方面分析对比二者的优缺点。 页面结构 NS一个页面的目录结构: RN的一个页面一般就是一个JS文件,样式、XML、JS全部写在一个文件里: 对比报告 | | ReactNative | NativeScript | 对比结果 | 阅读全文
posted @ 2016-11-25 14:55 我是小茗同学 阅读(1523) 评论(4) 编辑
摘要: [TOC] 最近面试的时候被这个问题给卡了,所以抽时间好好复习一下。 几种对象 Node Node是一个接口,中文叫节点,很多类型的DOM元素都是继承于它,都共享着相同的基本属性和方法。常见的Node有 ,`text attribute comment document 节点 元素 元素 节点`的一阅读全文
posted @ 2016-11-22 09:14 我是小茗同学 阅读(3052) 评论(13) 编辑
摘要: 前言 某年某月的某一天,突然发现博客服务器上上传的图片都比较大,一些很小的截图都有几百kb,本来服务器带宽就慢,不优化一下说不过去。 问题细述 特别说明:本文代码因为只是用于我自己后台写markdown上传图片,运行环境只考虑PC,所以没有考虑任何兼容性,推荐Chrome下使用。 以下面一张图片为例阅读全文
posted @ 2016-10-24 10:00 我是小茗同学 阅读(931) 评论(0) 编辑
摘要: 前言 我这个域名年初就备案好了,一直太懒没把经过记录下来,今天下班的时候下大雨回不去,正好把这个补上,由于时间过去太久,有些地方不太记得了。 关于备案的一些基础知识 何为备案 备案就是把你网站主办人的资料、网站的资料到工信部去登记下,主要还是为了管控。备案貌似只有中国才有,国外不知道有木有,有待查证阅读全文
posted @ 2016-10-19 20:05 我是小茗同学 阅读(8913) 评论(15) 编辑
摘要: 前言 网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件,无法根据实际需要满足需求。 综上,我精心整理并修改了网上几种常见的字典文件并简单封装了一下可阅读全文
posted @ 2016-10-18 10:39 我是小茗同学 阅读(6635) 评论(75) 编辑
摘要: 曾几何时,项目中有碰到视频比例拉伸的需求,但是发现这个看似再普通不过的一个需求,找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸,但是里面的视频还是保持原始比例,怎么调都没用。阅读全文
posted @ 2016-09-21 10:20 我是小茗同学 阅读(7877) 评论(24) 编辑
摘要: unicode字符的不同表示法 unicode字符在html、css和js中的表示方法均不相同,下面分别作介绍。 原文发表于 "这里" css表示法 首先来一段很常见的bootstrap的字体图标代码: 上面代码中的 就是这个字符的unicode码,是16进制。 语法: '\ + 16进制的unic阅读全文
posted @ 2016-09-11 10:59 我是小茗同学 阅读(3310) 评论(3) 编辑