“JS相关”目录存档

隐私相关-了解HTML5 Do Not Track API

2018年07月26日,星期四

文章头图

中国的互联网对隐私那真是一点都不上心,前有“李彦宏称中国用户愿用隐私换便利”,后有“美团点评会显示你的好友在哪儿里点过餐,住过什么酒店”。其实浏览器本身提供了API可以让用户保护自己隐私不被跟踪,但是鲜有人知道,就算有知道的,也不会在实际项目中用,因为大环境对隐私都不重视,价值有限。

不过,从近些年诸多事件网民的言论来看,隐私这件事情已经越来越关注,一定会在哪天摆在台面上成为很重要的议题进行发酵的!因此,如果网站能在隐私这件事情上做得能让用户明显感觉到尊重,则这个网站的影响力,公司的口碑说不定会爆炸式增长。那作为前端的我们,可以在这件事情做些什么呢?

阅读全文…

JS字符串补全方法padStart()和padEnd()简介

2018年07月24日,星期二

字符串补全文章缩略图 在JS中,字符串补全是常用操作,以前我们的做法是先检测字符串长度够不够,不够,自己再拼接字符串以到达我们需要的字符串长度。到了ES6,浏览器天然支持字符串长度补全方法,这个方法就是padStart()padEnd()。乍一看好像很简单,但是,仔细一深入,发现意想不到的细节还挺多的,要不,你进来瞅一瞅?

阅读全文…

是时候好好安利下LuLu UI框架了!

2018年06月12日,星期二

LuLu UI是阅文前端荣誉出品的UI框架,基于jQuery,针对PC网站,兼容IE8+,包含20+静态或动态UI组件,非常适合面向外部用户的网站开发。

具有贴近用户,上手简单,使用场景广泛,成熟,体验好等优点,面向设计,方便体验侧前端同学进行开发,方便设计师视觉还原和创意实现,在PC端用户侧网站开发上,LuLu UI有着不可匹敌的竞争力!

阅读全文…

微信网页悬浮窗交互效果的web实现

2018年06月6日,星期三

微信更新后,发现多了个悬浮窗功能。公众号阅读,网页浏览回退后默认会出现。再点击,可以回到刚才阅读的地方。于是,再也不会遇到回复老婆的信息,再切换回来重新找刚才阅读东西的麻烦了。我个人觉得是很有用的一个功能。

其交互效果,也被不少人称赞。例如,窗口会收缩到悬浮按钮中,悬浮按钮可以拖到右下角取消浮窗。这些交互效果呢,使用web前端技术也是可以实现,有demo,有截图,有必要的源代码展示,希望本文的内容能够对您的学习有所帮助。

阅读全文…

突破本地离线存储5M限制的JS库localforage简介

2018年06月4日,星期一

说到本地存储数据,我们首先想到的是localStorage,应该很多小伙伴都用过,使用很简单。然而,localStorage却有不少确定,如存储容量限制,只支持字符串等。localforage的作用就是用来规避上面localStorage的缺点,同时保留localStorage的优点而设计的。具体是怎么规避的呢?最终使用效果又是怎样?

即将为你揭晓……

阅读全文…

JS实现照片图片变成黑白线条线稿

2018年06月3日,星期日

本文演示如何使用JS实现照片图片变成黑白线稿图片效果,照片变成黑白简单线条有什么用呢?我能想到的就有5个用途,具体是什么,不妨进来看一看~

阅读全文…

小tips: 点击页面出现富强、民主这类文字动画效果

2018年05月31日,星期四

如何实现点击页面出现富强、民主这类文字动画效果?很简单,复制本文提供的源代码,效果立即就出现了。快进来看看怎么实现的吧?

阅读全文…

不借助Echarts等图形框架原生JS快速实现折线图效果

2018年05月25日,星期五

不借助Echarts等图形框架原生JS快速实现折线图效果,文章本身没什么,关键文章底部有个有奖竞猜,猜中有机会免费赠送《CSS世界》签名版,要不过来试试。

阅读全文…

二次元live2d看板娘效果中的web前端技术

2018年05月21日,星期一

想要在网页中插入看板娘效果,其实很简单,复制复制,粘贴粘贴代码就有了。但具体原理和技术实现是怎样的呢?本文就将介绍Live2D相关技术以及在web网页中的应用。有非常卡哇伊的demo,有必要的截图和源代码展示,希望本文的内容能够对您的学习有所帮助。

阅读全文…

在同事的安利下,试用了下接口管理平台YApi

2018年05月9日,星期三

在同事的安利下,试用了下接口管理平台YApi,用了下,还行。自己写高保真的交互原型,需要可以有相当真实的API请求数据,例如出错,请求延时模拟,极端数据处理等。YApi正好可以满足这方面的需求,特记录与分享下。

阅读全文…