在响应式网页设计的革命中,图片看起来是被浪潮落下的一个事物。直到最近,根据不同的屏幕尺寸和像素密度来提供不同的图片还是没有完全实现。 <picture>元素展示了很多改变这个局面的希望,但无论picture元…
分类:html5
[译]10个惊人的CSS和JavaScript动画logos例子
现在构建一个HTML和CSS的动画logo比以前容易多了,配合更新的JavaScript库可以进一步推动网络动画的发展。 看看这个画廊的10个令人难以置信的自定义动画logo,它们展示的是一些未知的实体或者世界知名品牌。…
从零到有模拟实现一个Set类
前言 es6新增了Set数据结构,它允许你存储任何类型的唯一值,无论是原始值还是对象引用。这篇文章希望通过模拟实现一个Set来增加对它的理解。 原文链接 用在前面 实际工作和学习过程中,你可能也经常用Set来对数组做去重…
浏览器端用JS实现创建和下载图片
问题场景 在前端很多的项目中,文件下载的需求很常见。尤其是通过JS生成文件内容,然后通过浏览器端执行下载的操作。如图片,Execl 等的导出功能。日前,项目中就遇到了这类需求,在浏览器端实现保存当前网页为图片,然后还可以…
匹配手机号码及运营商校验
最新手机号正则,(无法保证时效性,注意 及时更新) 移动:134、135、136、137、138、139、147、148、 150、151、152、157、158、159、172、178、182、183、184、187、…
数据分析与BI的联系,BI是如何做数据分析的
BI就是数据分析吗?两者的关系是怎样的?BI是如何进行数据分析的?要知道,数据分析与BI并不是完全等同的关系。本文就来解读数据分析与BI。 675bbec1dd125d2 一、名词解释BI是Business Intell…
前端必须知道的 HTTP 安全头配置
在本文中,我将介绍常用的安全头信息设置,并给出一个示例。在本文的最后,我将介绍用于常见应用程序和web服务器的安全头信息示例设置。 Content-Security-Policy 内容安全策略(CSP)常用来通过指定允许…
CSS3实现伪类hover离开时平滑过渡效果
由于hover伪类添加的动画效果,仅当鼠标放在元素上时会被触发,而当鼠标离开时,效果会中断,会显得很生硬。 大多数人的想法都是使用js的onmouseover和onmouseleave事件来实现动画效果。其实不必这么麻烦…
【阿里前端面试点】目标,想成为一名好的前端工程师
介绍 狭义的来讲,前端指的就是我们常说的html, css, javascript. 三者必不可缺. 而其中涵盖的知识点不可一篇文章就能完整的讲述出来的。广义的定位,涉及到浏览器,手机App里面的用户交互展示的内容,都属…
解决各种情况下的iframe高度自适应内容
JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的…
HTML5调用本地摄像头画面,拍照,上传服务器
实现功能和适用业务 采集本地摄像头获取摄像头画面,拍照保存,上传服务器; 前端上传图片处理,展示,缩小,裁剪,上传服务器 实现步骤 调取本地摄像头(getUserMedia)/上传图片,将图片/视频显示在浏览器上 拍照/…
如何把本地网站部署到云服务器上
线下环境和线上环境还是有很大差别的,这篇文章的目的就是方便自己以后迅速的把开发好的网站部署到云服务器上,也方便大家能够遇到问题时能够从本篇文章中找到对应问题。一、购买云服务器,这里以腾讯云为例。 如何购买这里就不废话了,…