Emoji简介|阮一峰 - 前端 - 掘金含义 Emoji 是可以插入文字的图形符号。 它是一个日语词,e表示"絵",moji表示"文字"。
连在一起,就是"絵文字"。
Emoji 在上个世纪90年代,由日本电信商引入服务,最早用于在短消息之中插入表情。2007年,苹果公司的 iPhone 支持...IM 设计与实现 - 后端 - 掘金即时通讯(Instant Messaging,简称IM)是一个实时通信系统,允许两人或多人使用网络实时的传递文字消息、文件、语音与视频交流。实现方式有两种。
第一种基于Server转发的,Client双方通信会经过Server转发来完成消息传递。
例如QQ、微信。...Sticky Footer,完美的绝对底部写在前面 做过网页开发的同学想必都遇到过这样尴尬的排版问题:在主体内容不足够多或者未完全加载出来之前,就会导致出现(图一)的这种情况,原因是因为没有足够的垂直空间使得页脚推到浏览器窗口最底部。但是,我们期望的效果是页脚应该一...聊一聊 H5 应用缓存 - ManifestManifest 是 H5提供的一种应用缓存机制, 基于它web应用可以实现离线访问. 为此, 浏览器还提供了应用缓存的api--applicationCache. 虽然manifest的技术已被web标准废弃, 但这不影响我们尝...翻屏类 h5 适配方案:解决宽高自适应难题基于淘宝适配方案flexible + 翻屏h5 适配方案adaptive flexible解读及应用 原文:
http://www.
w3cplus
....vbot - PHP 版本的微信群管理机器人Vbot 是基于微信web API实现的机器人,通过匿名函数能够实现多种自定义的效果 体验 扫码加好友,验证输入 上山打老虎 即可自动加为好友并且拉入vbot群。 vbot并非24小时执行,有时会因为开发调试等原因暂停功能。如果碰巧遇到关闭情况,可加Q群 ...「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路本文来自尚妆前端团队南洋 发表于尚妆github博客,欢迎订阅。
移动端H5页面rem缩放方案flexible.js兼容375px方案的思路 参考: 移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js git...手机端页面自适应解决方案-rem 布局进阶版(附源码示例)一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》,意外受到很多朋友的关注和喜欢。
但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的方案——rem布局(进阶版) ...WebRTC 点对点直播 - 前端 - 掘金摘自:villainhr WebRTC 全称为:Web Real-Time Communication。它是为了解决 Web 端无法捕获音视频的能力,并且提供了 peer-to-peer(就是浏览器间)的视频交互。实际上...H5 项目常见问题汇总及解决方案转自 FrontEndRoad/HTML5-FAQ H5项目常见问题及注意事项 meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //HTML页面结构...移动端 H5 页面注意事项 - 前端 - 掘金1. 单个页面内容不能过多 设计常用尺寸:7501334 / 6401134,包含了手机顶部信号栏的高度。
移动端H5活动页面常常需要能够分享到各种社交App中,常用的有微信、QQ等。 ...移动端适配页面快速搭建 - 掘金遥想去年入前端坑的时候,就很快遇到了移动端页面的开发,天真的我立马上去量设计稿,然后撸起袖子就是干!可是打开调试一看乱套了,先不说布局上的问题,就是大小看起来也不太对啊,太大了!然后就去问老司机,他说尺寸你要除以2才行,我心里挺郁闷的,为啥啊。...[译] 让 CSS 更完美:PostCSS - modules译者注(GeoffZhu): 这篇适合一些使用过预处理CSS的开发者,比如less,sass或stylus,如果你都没用过,那你一定不是个好司机。在PostCSS中早就可以使用CSS Modules了,该篇作者贡献了一个新工具,可以让更多开发者方便的使用最新的...Web Storage--HTML5 本地存储什么是Web Storage Web Storage是HTML5里面引入的一个类似于cookie的本地存储功能,可以用于客户端的本地存储,其相对于cookie来说有以下几点优势: ...Canvas 绘制时钟效果 - 前端 - 掘金Cnavas绘制时钟 背景图的绘制(大圆、数字、小圆点),掌握基础知识:圆的绘制(arc方法),关于圆的弧度的计算,数学中关于sin cos的用法 弧度计算分解图.png <!DOCTYPE html> <html ...Web Storage 实用指南如有不当之处,欢迎指出,如需转载,请注明出处 本文一共分为两章。
第一章讲Web Storage的使用,目标是让大家看完第一章后基本能应对80%的使用场景。 第二章会讲一些Web Storage的进阶知识,包括一些标准,没有太多看的必要,但是也会有点小...audio 的那些坑 - 前端 - 掘金最近在做语音消息直播的业务,发现 H5 上使用 audio 时的一些坑,在这里分享下。...html5 API postMessage 跨域简单 demo@[postMessage, 跨域] 地址:html5 API postMessage跨域详解 window.postMessage随着陀螺仪作为只能手机的标配,根据手机角度不同,让图片有点视差微动效果可以给用户一点惊喜,于是简单研究了一下 HTML5 下利用陀螺仪获取设备方向的 API。 处理方向变化的事件 HTML5 中与手机方向变化有关的 API 有两个,一个是 deviceor...全面进阶 H5 直播 - 前端 - 掘金视频格式?编码? 如果我们想要理解 HTML5 视频,首先需要知道,你应该知道,但你不知道的内容?那怎么去判断呢? ok,很简单,我提几个问题即可,如果某些童鞋知道答案的话,可以直接跳过。
...平时自己项目中用到的 CSS - 掘金css有些属性容易忘记,半天不写就要去查api,有时候api还不好使,于是还是记下来以后方便用,后续会慢慢补充进来的。 Github: asd0102433/blog博客长期更新,喜欢的朋友star一下 outline...初学 Canvas 仿知乎登录页面动画写了一个demo 具体git地址 sunweiling/zhihu-canvas 因为做成动图以后压缩的问题会看不到线,所以就把颜色都改成不透明的了 demo里面还是跟知乎里的一样。 主要的知识点 ...CSS 变换、过渡、动画实现案例以下所有效果的实现方式均为个人见解,如有不对的地方还请一一指出。 目录 方块“Z”字形运动 线段围绕盒子运动 饼图[动图, 固定比例,如20%] 移动端录音旋转小按钮效果实现[渐变色][初始原型] 方块“...Canvas 特效之变幻线 - 前端 - 掘金一个 canvas 特效的基本思路...基于 HTML5 Canvas 实现矢量工控风机叶轮旋转之前在拓扑上的应用都是些静态的图元,今天我们将在拓扑上设计一个会动的图元——叶轮旋转。
先看看最后我们实现的效果:
http://www.
hightopo.com/demo/fan/i
ndex.html
我们先来看下这个叶轮模型长什么样 从模型...WebRTC 点对点直播 - 前端 - 掘金摘自:villainhr WebRTC 全称为:Web Real-Time Communication。它是为了解决 Web 端无法捕获音视频的能力,并且提供了 peer-to-peer(就是浏览器间)的视频交互。实际上...Html5 小游戏之小小塔防 - 前端 - 掘金很久没有更新博客了,最近比较忙,而且也没什么idea! 最近看了一个坦克大战的html5源码,发觉颇有收获。所以抽空写了一个相对于以前的小游戏复杂些的塔防游戏!也算是一种对于自身的突破! 虽然是demo版,也不能太丑,所以我还是找了一些素材图片,找素材图片还真...WebRTC 直播时代 - 前端 - 掘金WebRTC 全称为:Web Real-Time Communication。它是为了解决 Web 端无法捕获音视频的能力,并且提供了 peer-to-peer(就是浏览器间)的视频交互。实际上,细分看来,它包含三个部分: ...基于 socket.io 的多聊天室,支持自主创建~一个简单的聊天室页面 线上地址index 1.支持创建聊天室,可多个聊天室共存 2.需要注册登录(以便之后扩展用户系统) 3.默认端口设置的8083,可以在conf...从 Chrome 源码看浏览器如何 layout 布局假设有以下html/css: <p ></p> 这在浏览器上面将显示一个框:为了画出这...一篇文章让你了解 service-workerService Worker 是什么? service worker 是独立于当前页面的一段运行在浏览器后台进程里的脚本。
service worker不需要用户打开 web 页面,也不需要其他交互,异步地运行在一个完全独立的上下文环境,不会对主线程造成阻塞。...Vue.js 自定义指令的用法与实例市面上大多数关于Vue.js自定义指令的文章都在讲语法,很少讲实际的应用场景和用例,以致于即便明白了怎么写,也不知道怎么用。本文不讲语法,就讲自定义指令的用法。 自定义指令是用来操作DOM的。
尽管Vue推崇数据驱动视图的理念,但并非所有情况都适合数据驱动。...Vue 2.0 起步 后台管理 Flask-Admin - 微信公众号 RSS上一篇:Vue 2.0 起步 订阅列表上传和下载 - 微信公众号RSS本篇关键字:Flask-Admin 权限管理 定制显示格式 显示关系表外键内容 显示多对多内容 Flask-...前端必备 HTTP 技能之 WebSocket 协议详解WebSocket是一个计算机通信协议,通过一个TCP连接提供全双工的通信频道。2011年IETF在RFC6455文件中标准化了WebSocket协议,WebSocket的 Web IDL格式的API是W3C标准化的。
...Canvas 的 像素大小 和 展示大小背景 当 canvas 元素的 width 和 height 或 设置的是百分比或者 vh/vw等的时候(即不是用 px 为单位的时候),会发现画面虽然全屏了,但却十分模糊 ...谈谈对 Web 安全的理解 - 前端 - 掘金作为一个前端 er,掌握必要的网络安全知识是必要,下面我整理了几种常见的网络攻击方式及防御技巧,本文内容来自网络,仅供参考。 CSRF 攻击 CSRF, 中文名称:跨站请求伪造,也被称为:one clic...前端每周清单:Instant App 将至,WebAssembly 将获默认支持,PWA 实践渐增 - 知乎专栏前端每周清单:Instant App将至,WebAssembly将获默认支持,PWA实践渐增 为InfoQ中文站特供稿件,首发地址为这里;如需转载,请与InfoQ中文站联系。从属于笔者的Web 前端入门与工程实践。更多阅读清单请转向 往期索引。
...WebAssembly 系列Javascript Just-in-time 工作原理作者:Lin Clark 编译:胡子大哈 翻译原文:WebAssembly 系列Javascript Just-in-time 工作原理 英文原文:A crash course in just-in-...HTML 不能这么写、你造吗? - 前端 - 掘金目录 a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素,内联元素不能包含块级元素,只能包含内联元素 p标签不能包含块级元素 ...看漫画,学 WebAssembly原文地址:A cartoon intro to WebAssembly 原文作者:Lin Clark 译文出自:掘金翻译计划 译者: 根号三 校对者:Reid、Tina92 WebAssembly 运行得很快,你可能已经听说过这个了。但是是什么让 WebA...WebAssembly 系列WebAssembly 工作原理作者:Lin Clark 编译:胡子大哈 翻译原文:WebAssembly 系列WebAssembly 工作原理 英文原文:Creating and working with ...WebAssembly 系列为什么 WebAssembly 更快?作者:Lin Clark 编译:胡子大哈 翻译原文:WebAssembly 系列为什么 WebAssembly 更快? 英文原文:What makes WebAssembly fas...WebAssembly 系列WebAssembly 的现在与未来作者:Lin Clark 编译:胡子大哈 翻译原文:WebAssembly 系列WebAssembly 的现在与未来 英文原文:Where is WebAssembly now a...WebAssembly 系列生动形象地介绍 WebAssembly作者:Lin Clark 编译:胡子大哈 翻译原文:WebAssembly 系列生动形象地介绍 WebAssembly 英文原文:A cartoon intro to WebAsse...理解 Web 缓存 - 前端 - 掘金提到 Web 缓存大家都会觉得很简单,不就是检查资源是否有缓存,如果有就加以利用。如果追究下去,多数人还能扯出 cache-control, last-modified, etag 之类的名词,但如果真的考究一下这些字段之间有什么区别,又是怎么工作的,其实很多...WebSocket 浅析 - 前端 - 掘金前言 在WebSocket API尚未被众多浏览器实现和发布的时期,开发者在开发需要接收来自服务器的实时通知应用程序时,不得不求助于一些“hacks”来模拟实时连接以实现实时通信,最流行的一种方式是长轮询 。
长轮询主要是发出一个HTTP请求到服务器,然后保持...HTML5 IndexedDB - 前端 - 掘金Indexed Database API,简称 IndexedDB,是在浏览器中保存结构化数据的一种数据库。 IndexedDB 的思想是创建一套 API,方便保存和读取 Javascript 对象,同时还支持查询及搜索。(API 超级多~) 此外,Index...HTML5 一些有用的 APIsAnimation Timing Windo。