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。
免责声明：本平台仅供信息发布交流之途，请谨慎判断信息真伪。如遇虚假诈骗信息，请立即举报
举报
