随笔分类 - Web前端
前端
摘要：关于HTPS，基本上你想知道的都在这里了。本文原标题《HTTPS原理与实践》，下图是本文配套PPT的目录截图：原理篇 认识HTTPS 先说一下，本文可能有些地方由于描述不到位或者我本人理解错误而出现不准确内容，有错误欢迎指正！ 什么是HTTPS 全称 ，直译过来就是通过SSL实现的超文本传输协议，简单来讲就是加密版的HTTP协议，也就是HTTP+SSL/TLS
阅读全文
摘要：前言 "个人网站" 最近增加了 "评论功能" ，为了方便用户不用注册就可以评论，对接了QQ和微博这2大常用软件的一键登录，总的来说其实都挺简单的，可能会有一点小坑，但不算多，完整记录下来方便后来人快速对接。 后台设计 在真正开始对接之前，我们先来聊一聊后台的方案设计。既然是对接第三方登录，那就免不了
阅读全文
摘要：写在前面 JS要实现下载功能，一般都是这么几个过程：生成下载的URL，动态创建一个A标签，并将其href指向生成的URL，然后触发A标签的单击事件，这样就会弹出下载对话框，从而实现了一个下载的功能。 这里所说的下载，有时候也可以理解为保存。出于安全考虑，JS肯定无法直接调用FileAPI写文件到磁盘
阅读全文
摘要：我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo。本文所有涉及到的大部分代码均在这个demo里面 ，大家可以直接下载下来运行。另外，本文图片较多，且图片服务器带宽有限，右下角的目录滚动监听必须等到图片全部加载完毕之后才会触发，所以请耐心等待加载完毕。什么是Chrome插件 严格来讲，我们正在说的东西应该叫Chrome扩展(`Chrome Extension`)，真正意义上的Chrome插件是更底层的浏览器功能扩展，可能需要对浏览器源码有一定掌握才有能力去开发。鉴于Chrome插件的叫法已经习惯，本文也全部采用这种叫法，但读者需深知本文所描述的Chrome插件实际上指的是Chrome扩展。
阅读全文
摘要：综合这段时间对 （下称RN）和 （下称NS）的简单学习了解，分别从不同方面分析对比二者的优缺点。 页面结构 NS一个页面的目录结构： RN的一个页面一般就是一个JS文件，样式、XML、JS全部写在一个文件里： 对比报告 | | ReactNative | NativeScript | 对比结果 |
阅读全文
摘要：[TOC] 最近面试的时候被这个问题给卡了，所以抽时间好好复习一下。 几种对象 Node Node是一个接口，中文叫节点，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法。常见的Node有 ，`text attribute comment document 节点 元素 元素 节点`的一
阅读全文
摘要：前言 某年某月的某一天，突然发现博客服务器上上传的图片都比较大，一些很小的截图都有几百kb，本来服务器带宽就慢，不优化一下说不过去。 问题细述 特别说明：本文代码因为只是用于我自己后台写markdown上传图片，运行环境只考虑PC，所以没有考虑任何兼容性，推荐Chrome下使用。 以下面一张图片为例
阅读全文
摘要：前言 说明：本人有些链接可能已失效，建议 "查看原文" 获取最新内容，博客园我只更新一次，后续有修改时只更新个人网站那份。 网上关于JS实现汉字和拼音互转的文章很多，但是比较杂乱，都是互相抄来抄去，而且有的不支持多音字，有的不支持声调，有的字典文件太大，还比如有时候我仅仅是需要获取汉字拼音首字母却要
阅读全文
摘要：
曾几何时，项目中有碰到视频比例拉伸的需求，但是发现这个看似再普通不过的一个需求，找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸，但是里面的视频还是保持原始比例，怎么调都没用。
阅读全文
曾几何时，项目中有碰到视频比例拉伸的需求，但是发现这个看似再普通不过的一个需求，找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸，但是里面的视频还是保持原始比例，怎么调都没用。
阅读全文
摘要：unicode字符的不同表示法 unicode字符在html、css和js中的表示方法均不相同，下面分别作介绍。 原文发表于 "这里" css表示法 首先来一段很常见的bootstrap的字体图标代码： 上面代码中的 就是这个字符的unicode码，是16进制。 语法： '\ + 16进制的unic
阅读全文
摘要：前言 "原文链接" 园子里有人问到了这个问题，所以写篇博客简单介绍下。 博客园代码高亮使用的插件是 "highlight.js" ，本来想替换成我 "个人网站" 使用的 "prism.js" ，但是比较坑爹的是，解析过程在服务端已经完成了，为什么这么说呢？因为我禁用浏览器JS重新刷新页面时， 里面的
阅读全文
摘要："原文链接" 什么是网站地图 网站地图，又叫站点地图，它就是一个列出了你网站上所有页面地址的清单文件，一般来说分为2种，一种是给搜索引擎看的，一种是给用户看的，前者帮助搜索引擎更好地收录你的网站，后者帮助用户更好的了解你的网站整体结构、更快的找到他们想要找的内容。本文讲的主要是前者。 站点地图格式
阅读全文
摘要：前言 本来想模仿Java里面的 对象的，但是感觉这样用起来不方便，所以还是直接写成单独的方法算了。 "原文链接" 日期格式化 使用说明 formatDate(date, fmt)，其中fmt支持的格式有： y（年） M（月） d（日） q（季度） w（星期） H（24小时制的小时） h（12小时制的
阅读全文
摘要：缘由 为什么博客园的markdown解析出问题了啊？好奇怪啊！ 一直以来在编码规范界有2大争论不休的话题，一个是关于是用空格缩进还是tab缩进的问题，一个是花括号是否换行的问题，笔者是 和`花括号换行`的坚决拥护者，不解释，免得挑起争论。 可惜的是，几乎找遍全网都找不到一个支持 和`花括号换行 空格
阅读全文
摘要：什么是css计数器 体验更佳排版请戳原文链接： "http://blog.liuxianan.com/css counters.html" 就是采用css给一些html元素自动生成编号，比如类似 这种，先看个效果： 对，就是这种类似Word里面很常见的效果，代码如下： 兼容性 IE8+，Chrome
阅读全文