FED

©FrontEndDev.org
2015 - 2024
web@2.23.0 api@2.21.1
一行代码实现 url parse
7/28/2015, 5:39:38 PM
一行代码
访问
1339
·
评论
1
解析url的各个部分:普通的方法是使用正则来进行匹配,而在前端可以这样:测试A标签的各个property包含了urlparse的结果信息。同样的,也可以创建一个空的iframe来操作它的contentWindow.location来实现。...
一起来做chrome扩展《使用代理proxy》
7/27/2015, 11:08:25 PM
一起来做chrome扩展
访问
8289
·
评论
0
在这么一个高墙林立的地方,不会翻墙肯定是不行的,所以这次就来看看chromeextension如何简单的控制chrome代理的。这是文档里的方法,很简单,当然要控制代理,还得加一些东西,比如value对应的值config.mode表明使用的是pac_script,什么是pac_script,可以看看维基百科:代理自动配置,可以把它简单的理解为一个js函数:FindProxyForURL(url,host),也就是pacScript.data对应的值。它虽然是一个js函数,但是是以字符串的形式传给它的。具体情况如下:...
一起来做chrome扩展《本地存储localStorage》
7/27/2015, 10:59:48 PM
一起来做chrome扩展
访问
4319
·
评论
1
chrome中的本地存储其实也是用的HTML5中localStorage,唯一区别是chrome扩展有自己的localStorage,它属于这个扩展,而不属于一个域名。得用这一点可以很好的处理扩展自己的一些数据,而不受访问网站和域名的影响。localStorage是HTML5特性,所以有些浏览器不一定支持,不过我们这里讲的是chrome扩展,所以完全不用担心这个问题。如果想在WEB页面上使用,那就要检查一下是不是支持它...
一起来做chrome扩展《AJAX请求》
7/27/2015, 10:42:01 PM
一起来做chrome扩展
访问
3721
·
评论
0
chrome在一次更新之后,出于安全考虑,完全的禁止了content_script从https向http发起ajax请求,即使正常情况下也会在console里给出提示。这对于WEB来讲是好事,但对于扩展来讲就是坏事。平时可以很容易的请求数据,现在就没那么容易了。好在chrome还提供了background_script,利用content_script和background_script之前的通信来实现ajax的请求,就跳过了chrome的这一限制。...
一起来做chrome扩展《基础介绍》
7/27/2015, 10:36:21 PM
一起来做chrome扩展
访问
1801
·
评论
0
首先说明,chrome的扩展并不它的插件,网上很多说写插件,其实都是说的扩展。写扩展并不复杂,只要根据chrome提供的一系列的API进行就可以实现很多的功能。只是对API的学习是有代价的,加上国内访问chrome官网文档并不顺利。虽然360提供了一个翻译文档,而且有不少例子,但它的内容还是太少,有些问题它仍然没有涉及。所以,如果是做一个简单的应用没有什么问题,但实际的项目开发往往得不到有用的介绍和解释。...
移动端高清多屏适配方案
7/23/2015, 11:52:59 PM
访问
3239
·
评论
3
在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:问题:带着问题,往下看......
一行代码实现 unescape html
7/22/2015, 10:12:30 PM
一行代码
访问
1998
·
评论
6
在HTML中,某些字符是预留的。在HTML中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在HTML源代码中使用字符实体(characterentities)。如需显示小于号,我们必须这样写:&lt;或&#60;或者&#x3c;;不同的表现格式是根据原始字符的ascii码来进行关联的。其中,<符号对应的十进制ascii为60,对应的十六进制为3c。...
一行代码实现数据类型判断
7/21/2015, 12:32:18 AM
一行代码
访问
1609
·
评论
0
JS判断数据类型,方法有很多,如typeof、constructor、toString等等,甚至可以使用jQuery内部的$.type都可以判断。其中typeof等的判断局限性都比较大,如typeof只能判断数据存储类型,constructor只能判断数据的原型,toString相对比较完整一点,但显示不够友好,在jQuery中对其做了一些修饰,正是Object.prototype.toString的功劳。...
iframe 跨域通信实现其高度自适应解决方案
7/20/2015, 11:55:48 PM
访问
1834
·
评论
2
大多数应用平台中会通过iframe的方式插入跨站的应用。大多数时候基本上能满足需求,但是如果遇到一些比较特殊的应用,他们的高度并不是固定的,会随着应用内容而变化。虽然会有滚动条的出现,但是这样从某种程度上会影响到页面的美观。于是乎,有没有一种方案可以让iframe的高度随着iframe内容而变化呢?通过javascript获取iframe的内容高度。设置iframe的告诉和内容高度相同。...
javascript 文字大小自动适应文本框 (文字大小自动调整)
7/20/2015, 11:50:36 PM
访问
3206
·
评论
0
在进行类似微博墙之类的展示页面中,经常会遇到这样的需求:在固定大小的区域放入字数不定的文字,但是要求字体可以自动改变大小来自动填充这些区域。如下所示:遇到这种情况怎么办呢?...
Window.postMessage() HTML5 跨域解决方案
7/20/2015, 11:47:27 PM
访问
4169
·
评论
1
又是倒霉的跨域TT,有多少人死在了“说出你知道的跨域解决方案,越多越好?”这个面试问题上。今天和大家说说,HTML5提供的一个跨域解决方案,Window.postMessage,它足够易学好用,会让你眼前一亮。但是往往大多数情况下,都不会让人一直笑下去,俗话说道高一尺魔高一丈,这个方法同样也会被HTTP的一些协议所限制着,比如X-Frame-Options:SAMEORIGIN,不过好在大多数情况下,情况不至于这么糟糕。下面进入正题:...
JavaScript 对象转换之toString、valueOf
7/20/2015, 11:43:36 PM
访问
1692
·
评论
1
开始这个话题之前,我们先看一下下面的几个例子:结果有时候会让我大吃一惊,这是为什么呢?今天就和大家讨论一下JavaScript的对象转换。先让我们了解一下JavasScript转换的“原始类型(primitivevalue)”:...
Nodejs实现可训练的中文分词实践
7/20/2015, 11:38:13 PM
访问
1774
·
评论
0
前段时间在研究TF-IDF、杰卡德相似系数计算文本的相似度的时候(目前我的博客中部分文章底部的“猜你喜欢”推荐的文章就是用这种算法计算出来的),用到了中文分词的一些东西,由于当时精力有限,直接用了python的“结巴分词”来实现。恰巧听说老东家最近出了个算法大赛,题目就是就是对小说《三体》进行中文分词!闲下来简单的动手写了一个Node版的算法,100行代码,虽然还是很初级的,但是还是想写些东西“纪念”一下。...
display构造table小例子
7/15/2015, 5:30:28 PM
css flex布局
访问
1576
·
评论
0
#利用display的属性特性构造的table可以兼容到IE8##前言自从上次发过文章之后感觉大家非常的热情,可我却没有坚持更新。感到非常惭愧!今天刚好得空,闲暇之余做个小例子玩玩,以飨读者。ok,今天的话题是display构造table,下面的说明要仔细看哦,对应的属性在DEMO中都有用到。...
《CSS 设计指南》学习笔记2
7/15/2015, 2:22:46 AM
访问
2037
·
评论
0
本篇文章是笔者的《CSS设计指南》学习笔记的第二部分,由于最近都在准备期末考的事,所以都没来得及对《CSS设计指南》进行一些总结,没有看之前第一部分的话也可以从这里传送过去。其实HTML页面中每个元素其实都是一个「盒子」,默认情况下这些盒子的边框不可见,背景也是透明的,所以我们不能直接的看到页面中盒子的结构,但是我们可以借助一些WebDeveloper工具条可以方便地显示盒子的边框和背景,让我们能很直观的看到这些盒子的结构。...
《CSS 设计指南》学习笔记1
7/15/2015, 2:20:28 AM
访问
1613
·
评论
0
本篇文章是对这几天看完CharlesWyke-Smit的《CSS设计指南》后的一些学习笔记与心得,笔者好像是大一的时候开始接触网页设计,由于并不是计算机专业的,所以所有都是自己自学的,记得当时自己对CSS基本上什么都不懂,甚至连怎么在CSS中选择某个class和id都不懂,然后就直接下载一些源码来看,后来看到这些CSS文件中有.和#,然后就连蒙带猜的学会了怎么使用它们,然后就在源码中看到什么不懂的就直接上W3School中查找API,这样也慢慢的让我掌握了CSS中常用的部分,并且制作网页时大多数的问题都能够得到解决。由于期间自己的态度摇摆不定也想学PHP、Java、Android等等,然而结果可想而知,并没有坚持下来,如今大三也快结束马上要进入准大四的阶段了,感觉不能在这样下去了,前段时间一直在思考一个问题,自己到底喜欢什么,然后回想自己大学以来花的最多时间的地方是什么,最终的出的结果就是——前端,尽管前端涉及的知识很多,但这并不能阻碍我对它的热情。决定下来后的第一件事情就是系统的巩固一下自己的知识体系,然后就有了这篇《CSS设计指南》的学习笔记,这本书也是比较多人推荐并且好评比较多的
CSS animation和transition的性能探究
7/15/2015, 2:09:24 AM
访问
1265
·
评论
0
本篇文章翻译自adobeWebPlatformTeam的博客:CSSanimationsandtransitionsperformance:lookinginsidethebrowser。虽然是一篇旧文,但是里面谈到的知识点很有用。对CSS的性能优化有很大帮助。你可能已经在你的项目中用上了CSSAnimation和CSStransition。如果还没有用上,那你有点out了。快去看下CSS-Trick上的这两篇关于animation和transition的文章。你在使用中一定发现了有些动画很流畅,而有些则很卡。为什么呢?...
CSS硬件加速的好与坏
7/15/2015, 2:05:20 AM
访问
1298
·
评论
0
本文翻译自AriyaHidayat的HardwareAcceleratedCSS:TheNicevsTheNaughty。感谢KyleHe帮助校对。每个人都痴迷于60桢每秒的顺滑动画。为了实现这个顺滑体验现在用的最流行的一个做法就是使用『CSS硬件加速』。在一些极端例子中,强制使用translate3d意味着大大提高应用程序的性能。...
CSS vs JS 动画:谁更快?
7/15/2015, 2:02:17 AM
访问
1203
·
评论
0
这篇文章翻译自JulianShapiro的CSSvs.JSAnimation:WhichisFaster?。JulianShapiro也是Velocity.js的创造者。这是一个非常高效、简单易用的JS动画库。他在Web动画方面有很高的造诣。Javascript动画怎么可能总是和CSStransition一样快,甚至更快呢?到底是什么秘密呢?Adobe和Google是怎么做到让他们的富媒体移动网站的速度和nativeapp媲美的?...
JWT 在前后端分离中的应用与实践
7/15/2015, 1:48:45 AM
访问
1893
·
评论
0
本文主要介绍JWT(JSONWebToken)授权机制在前后端分离中的应用与实践,包括以下三部分:前后端分离是一个很有趣的议题,它不仅仅是指前后端工程师之间的相互独立的合作分工方式,更是前后端之间开发模式与交互模式的模块化、解耦化。计算机世界的经验告诉我们,对于复杂的事物,模块化总是好的,无论是后端API开发中越来越成为规范的RESTfulAPI风格,还是Web前端越来越多的模板、框架(参见MVC,MVP和MVVM的图示),包括移动应用中前后端天然分离的特质,都证实了前后端分离的重要性与必要性(更生动的细节与实例说明可以参看赫门分享的主题淘宝前后端分离实践)。...