-- W e l c o m e t o N o k e y _ b l o g --

浅谈JS的this绑定

8月 26 2015
JS  bind  this

这个问题

AWS亚马逊云服务器.ssh目录下的authorized_keys文件被覆盖或修改后连接不上实例的解决方案(亲测)

8月 7 2015

一切源于自己对服务器知识理解的浅薄,主要是SSH和SFTP连接的规则。自己也是手贱啊,正因为贱所以才有机会接触这些知识领域,正所谓:兵来将挡,水来土掩!

问题出现的场景:公司PM给了我一个空的服务器(也就是亚马逊的云服务器AWS)让我临时传一些东西,然后我发现这个密钥只能用在SFTP上,而Xshell却用不了,我想安装一个node.js,所以必须用命令行,所以就萌生了用Xshell重新生成一个RSA密钥对,放到服务器上,覆盖掉authorized_keys这个文件(这即将成为一个很危险的操作)。当我覆盖完之后,尝试连接,失败。。。我发现我生成的是DSA的密钥类型!!!(其实当时即使我生成的是RSA估计也不行,因为那个密钥是亚马逊第一次创建实例的时候生成的)。最后我面临的问题就是:服务器的授权密钥文件被覆盖,无法使用SSH登陆,而且也没有口令登陆等其他方式。可能的解决方案是:修改或恢复authorized_keys文件。

Read More

Meta Tags and SEO(翻译)

5月 6 2015
HTML  Meta  SEO

文中 ps: 的内容是我自己理解并添加的,不属于原文。

现在有很多人对<meta>标签对搜索引擎排名的影响都存在很多误解,一些早已经失去作用的标签在过去被频繁的使用,所以哪些标签对SEO有作用,哪些没有呢?

##什么是Meta Tags?

Meta tags为搜索引擎提供了很多关于网页的信息,这些对于访客来说是不可见的隐藏信息。

Meta tags在<head>的标签里面进行设置,最好不要放在<body>里面,因为一些浏览器不能认出它们,那么它们就成了非法标记了。

通常,meta tags会包含一个name属性用来设置元数据,对应的属性值则放在content属性里面,下面让我们来看看它们其中的一些属性:

Read More

那些年,被无数前端撸过的“性能”(又名:你要是不知道重排和重绘都不好意思去面试)

4月 10 2015

在这个年代写前端的我们是幸福的。

大学时期看过一本书--《黑客》。很极致的表现了黑客的文化,真是看的我热血沸腾,好吧,我承认我是在打广告,如果不介意,顺便插入一段简介吧:“从20世纪50年代早期跨越到80年代后期,追述了计算机革命中初期黑客的丰功伟绩,他们都是最聪明和最富有个性的精英。他们勇于承担风险,勇于挑战规则,并把世界推向了一个全新的发展方向。这本书涵盖了一些著名黑客的最新资料,包括比尔•盖茨、马克•扎克伯格、理查德•托斯曼和史蒂夫•沃兹尼亚克,并讲述了从早期计算机研究实验室到最初的家用计算机期间一些妙趣横生的故事。”

Read More

CSS3 Transform-3D空间变换成像原理浅析

3月 10 2015
3D  Transform  css3

这篇文章我将向大家简单的介绍 CSS3 里面的 3D 变换的物理成像原理,所以只是浅析,并不涉及线性代数的矩阵变换

先看一个简单的3D实例(PC端就把鼠标移上去,手机端就用手指在上面滑动,用原生JS写效果还真是…不过偶尔写写还是挺爽的):


stage

3D-Box

Front


Back


Read More

这是一个新的开始

3月 2 2015

这一时刻,我降临在这个世界上!

新的开始,从来都是自欺欺人、自我安慰的话,但是为什么还是有人要说呢?其实我反思过自己的理智性,从我看的电影、动漫来分析说,越理智的人越冷血--他们往往能平静地观察客观世界的一些行为,并加以分析,然后找出对策或一种态度。难道其他人、或是以一种大众生活方式的人,就不能认识到这种内在的逻辑关系吗?不是的,他们只是“懒于思考”。而且他们也不愿去面对,活在当下或遵循命运的指导。不过,最简单的方式也是最幸福的。

在反观自己的理智性,当我说出“新的开始”的时候,这是我感性的一面,是 Keep my passion in my new life 的一种方式,希望一种积极向上的一种生活态度,它是一种无关结果的自我激励。以前觉得这些话很SB,是因为自己当时对生活真的没什么追求,满足现状就是我那时的状态。

理智也须践行, New Begin

Javascript的语法歧义之点“.”

1月 21 2015

###为什么会有语法歧义呢?
语法歧义可以说伴随着语言特性而具有的不可避免的东西,直译字面意思就能理解,无非是说一句话,会被理解为不同的意思。有一个比较典型的例子就是:if-if-else。那么面对语法歧义,人可以有多种理解,但是对于机器就只能有一种解释,这样才能编译。通常,编译器面对刚提到的if-else歧义采取的都是就近原则

Read More

JavaScript奇技淫巧45招

1月 7 2015

这篇文章是根据@不可能不确定翻译的一篇外文修改而来,以供自己和大家共同学习,并收藏以供日后参考。

JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGapAppcelerator)、服务器端开发(Node.jsWakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebotnodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人。

Read More

Javascript 中小数和大整数的精度丢失问题

1月 5 2015

事情的起因是昨天在群里(什么群?还没有加入W3ctech交流群你就OUT了,群号:175603092)和 @丷悠飏♬♩♪♫@1900. 发生的激烈讨论,有段时间没有这么好的感觉了,哈哈,又学到了新知识,所以,在此和大家分享一下我们讨论的成果,也希望大家参与其中,发掘更多的技术,毕竟探索是咱们程序员必备技能之一嘛!

事情的起因:

Read More

天猫收藏五角星的抛物线效果,模仿了一下

11月 26 2014
html  js

其实这个效果造就看到过,但是没有太在意,今天决定亲自实践一下( 点击下面的小图标试试吧 ):

###一、嗯,先分析分析:

这个效果从视觉上来说,是一个 抛物线轨迹 ,而做前端页面效果无非就是 JS 、 CSS ,CSS我就不考虑了,那么用JS做动画有一个不可或缺的东西,就是 缓动函数 ,它会让元素属性按照一定的规律进行动画变换,我之前做过一个 飞图 的效果,类似于 百度图片 里点击图片收藏的那个飞图效果,有兴趣的同学可以试一下 Baidu Image Effect。这样大体思路就确定了:

Read More