#
[精品] [置顶] HTTPS从认识到线上实战全记录

前言关于HTTPS,基本上你想知道的都在这里了。本文原标题《HTTPS原理与实践》,下图是本文配套PPT的目录截图: 前言原理篇认识HTTPS什么是HTTPSSSL/TLSHTTPS的优点HTTPS的缺点HTTPS原理小明和小红的故事单向认证回到小明和小红的故事双向认证引申思考如何保证公钥不被篡改为何正式传输时使用对称加密CA何为CACA如果作恶怎么办顶级证书私钥泄露怎么办SSL证书证书的种... 阅读全文

@2017-12-19 前端综合 浏览(1019)
#
[置顶] 【重要通知】即日起,本站开始启用全新域名 haoji.me (好记么)!

如题鉴于之前的域名太长不太好记,经过长时间的慎重考虑以及一段时间的精心准备,本站即日起(2017年11月21日)开始启用全新域名 http://haoji.me (好记么)!旧域名除了极少数仍然保留外,大部分都做了301自动重定向处理,所以大可放心。 做这个决定也是下了一番决心,因为本站上线已有1年多,换域名要做的工作非常多:买域名、重新备案、代码改造、cnzz统计需要重新弄,QQ登录、微博登... 阅读全文

@2017-11-21 网站建设 浏览(596)
#
[精品] [置顶] 【干货】Chrome插件(扩展)开发全攻略

写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面:https://github.com/sxei/chrome-plugin-demo ,大家可以直接下载下来运行。 另外,本文图片较多,请耐心等待加载完毕。 本文目录: demo部分截图: 前言什么是Chrome插件严格来讲,我们正在说... 阅读全文

@2016-12-19 前端综合 浏览(4561)
#
[精品] [置顶] 【干货】JS版汉字与拼音互转终极方案,附简单的JS拼音输入法

前言网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件,无法根据实际需要满足需求。 综上,我精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库。 这篇文章差不多一个月前就写好了大部分了,但是就差拼音输入法这一块一直没... 阅读全文

@2016-09-27 JavaScript 浏览(6176)
#
【CSS布局】左侧固定宽度右侧100%布局的六种实现方式

兼容性较好的3种方法方法一:float+overflow实现:左边浮动+固定宽度,右边overflow:hidden即可,注意,右边不要设置width:100%。由于设置overflow:hidden并不会触发IE6-浏览器的haslayout属性,所以若要兼容IE6需要设置zoom:1。 原理:overflow:hidden会触发BFC,BFC不会浮动元素重叠,因此会重新计算宽度。 <... 阅读全文

@2018-05-23 CSS 浏览(18)
#
做前端这么多年,今天才发现关于sessionStorage的一个误区

前言所有人都知道,localStorage和sessionStorage的最大区别是生命周期,一个永久,一个仅针对一个会话期间有效。那么,到底什么是一个会话?多个标签页之间的数据是否会共享呢? 后台的session我们对会话session的认识一般都是从后台的session开始的,比如Java的session,它是基于往cookie写入一个JSESSIONID来实现的,所以,只要你不是打开一个隐... 阅读全文

@2018-05-21 前端综合 浏览(13)
#
前端跨域总结

老生常谈的问题,虽然有些不太常用,但还是总结一下。 图片法这种方法利用了图片没有跨域限制的特点,仅适用于不需要获取服务端响应的场景,如日志统计等,且只能以GET方式请求,一般很少用。 var img = new Image();img.src = 'http://other.domain.com/log.png'; JSONPXmlHttpRequest有跨域限制,但是script标签没有,... 阅读全文

@2018-05-14 前端综合 浏览(28)
#
WebWorker简单复习

本文demo:http://demo.haoji.me/2018/04/28-webworker/ JS是单线程语言由于JS设计的初衷就是用来进行一些简单的用户交互以及DOM操作,为了避免复杂性,从一开始JS就被设计成一门单线程语言,现在如是,以后也不会变。 然后正是由于单线程的缘故,当我们需要在前端运行一些大运算量的代码时,浏览器肯定会陷入卡顿。为了解决前端大运算量问题,HTML5引入了We... 阅读全文

@2018-04-28 JavaScript 浏览(54)
#
中缀表达式与后缀表达式

概念前缀表达式(Prefix Notation)是指将运算符写在前面、操作数写在后面、不包含括号的表达式,而且为了纪念其发明者波兰数学家Jan Lukasiewicz所以前缀表达式也叫做波兰表达式。比如- 1 + 2 3 后缀表达式(Postfix Notation)与之相反,是指运算符写在操作数后面的不含括号的算术表达式,也叫做逆波兰表达式。比如1 2 3 + - 中缀表达式(Infix N... 阅读全文

@2018-03-19 算法 浏览(136)
#
彻底禁用Chrome的“请停用以开发者模式运行的扩展程序”提示

前言作为一个前端程序员,难免会有一些专属自己的小扩展,没必要每一个都发到Chrome应用商店去,虽然可以勾选“开发者模式”来运行本地插件,但是每次启动都会有一个烦人的“请停用以开发者模式运行的扩展程序”提示,这个提示有多烦人,接触过的人都知道,启动的时候它不立即提示,等过了几秒钟等你打开某个网页开始执行某些操作时它突然弹出来干扰你的操作,真是苦不堪言!所以总想着如何把它给去掉。 解决方法网上... 阅读全文

@2018-03-12 前端综合 浏览(284)
#
Linux下如何查看某个端口被谁占用

方法一lsof -i:端口号,这个很简单,也很好记,比如查看80端口被谁占用lsof -i:80: 很明显被nginx占用了。 方法二netstat -tunlp可查看当前活动网络连接(查看所有为netstat -anp): [root@iZ94i7kwlagZ ~]# netstat -tunlpActive Internet connections (only servers)Pro... 阅读全文

@2018-03-01 Linux基础 浏览(178)
#
Linux防火墙iptables基本配置

正文iptables一般有2种配置方式,一种是直接在iptables后面跟一些命令,然后执行service iptables save保存到配置文件夹,一种是直接修改配置文件,建议始终都修改配置文件,因为使用自动保存功能会把配置顺序打乱,一些备注也搞没了。 配置文件路径为/etc/sysconfig/iptables,默认情况下是没有这个文件的,此时可以随便输入一条规则,然后保存: iptab... 阅读全文

@2018-03-01 Linux基础 浏览(131)
#
网络安全小白记一次服务器被攻击排查全过程

背景早上到公司发现个人网站打不开,一直在转,用xshell连接服务器,虽然能连上,但是卡到爆,处于完全无法操作的状态,登录阿里云后台发现CPU使用率持续超过45%: 可怜的1M带宽也被全部占用(也就是截图中的1122kbps): 想查看是哪个进程占用这么大的CPU和带宽,但是带宽被未知程序占用,xshell完全连不上,怎么破!最后只能强制重启服务器,重启之后CPU和带宽立马恢复正常,网... 阅读全文

@2018-03-01 网站建设 浏览(313)
#
Windows10更新之后如何修改系统字体大小

背景今天早上Win10企业版自动更新了,更新之后发现桌面、资源管理器等很多地方字体变小了,小得我实在受不了: 尝试通过修改缩放来实现,但是这种方式整个电脑都会整体放大,包括网页字体,这不是我想要的: 记得之前是通过下面这种方式修改桌面字体大小的: 但是更新之后的Win10根本找不到这个地方,即使找到了控制面板也没有: 修改方法无意中在网上找到了直接修改注册表的方法,记录如下... 阅读全文

@2018-02-28 IT相关 浏览(361)
#
利用Chrome开发者工具对Android移动端页面进行远程调试

前言曾经对这一块不知道多熟悉,一年多没接触移动端开发,竟然连远程调试怎么打开都不记得了,所以看来啊,任何东西无论多简单都要做笔记,这是这的! 下面开始其实真的非常简单! 第一步,开启远程调试这个就不用细说了,是个人都知道怎么开启。 第二步,连接手机和电脑连上基本就不用管了,驱动都不用装,这个后面再细说。 第三步,手机使用Chrome访问任一网站也可以不使用Chrome,但是使用Chrome... 阅读全文

@2018-02-08 移动端 浏览(244)
#
Chrome浏览器控制台的一个不知道能不能算bug的bug

正文直接上代码: var obj = {a:1, b:2};console.log(obj);obj.b = 3;console.log(obj) 效果如下: 收起时显示的还是旧的值,展开时才是新的,最近就因为这个问题坑了我半天,后来才发现代码没问题,是Chrome控制台显示问题。水文一篇,记录下来! ... 阅读全文

@2018-01-17 JavaScript 浏览(234)
#
如何让number类型的input支持小数提交

正文如下代码: <form> <input type="number" name="test"/> <input type="submit" value="提交"/></form> 输入时可以正常输入数字和小数点,但是提交的时候浏览器会拦截,不允许输入小数: 修改如下即可,step表示允许的小数位个数,比如2位小数用0.01,3... 阅读全文

@2018-01-12 HTML 浏览(288)
#
Linux下使用squid搭建自己专属的http/https正向代理服务器

服务器配置其实很简单,我的是Centos系统,其它系统类推。 第一步,安装:yum install -y squid。 第二步,配置:vim /etc/squid/squid.conf: 主要是这2个: # 代理服务器端口http_port 3128# 允许访问所有地址,默认是 deny,这个要主动改一下http_access allow all 不同服务器默认配置可能不太一样,我的阿里... 阅读全文

@2018-01-10 Linux基础 浏览(23)
#
线上服务器tomcat老是莫名其妙自动停止问题

背景有时候无意间打开自己的网站发现挂了,看下访问日志,发现已经挂了好几天了!尼玛,这还了得啊!今天又碰到了,因为没有做监控,服务挂了也不知道,刚开始还以为是服务器被谁攻击了,三天两头挂掉,今天查了一下,发现是系统内存太满,自动把tomcat进程给杀死的! 执行vim /var/log/messages即可看到如下信息: 解决解决方法要么是给tomcat增大内存配置,要么是把tomcat加入... 阅读全文

@2018-01-10 Tomcat 浏览(262)
第1页,共12页