html元素contenteditable属性如何定位光标和设置光标

最近在山寨一款网页微信的产品，对于div用contenteditable属性做的编辑框有不少心得，希望可以帮到入坑的同学。废话不多说了，我们先来理解一下HTML的光标对象是如何工作的，后面我会贴完整的DEMO代码，不用急，先去理解，才能做出更加好的输入体验。在HTML里面，光标是一个对象，光标对象是只有当你选中某个元素的时候才会出现的。当我们去点击一个输入框的时候，实际上它

业界 2016年07月05日

HTML 5 视频直播一站式扫盲

本文来自于腾讯bugly开发者社区，非经作者同意，请勿转载，原文地址：http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=1277视频直播这么火，再不学就 out 了。为了紧跟潮流，本文将向大家介绍一下视频直播中的基本流程和主要的技术点，包括但不限于前端技术。1. H5 到底能不能做视频直播？当然可以，H5 火了这么久，

业界 2016年07月05日

html5之canvas

canvas是html5出现的新标签，主要用来画图，看见网上能用来实现各种图形，所以感觉很好玩，就学习了一下。 canvas绘制图形有两种方法：context.fill() //填充context.stroke() //绘制边框在绘制图形前要设置好图形样式，也有两种方法：context.fillStyle()

业界 2016年07月05日

【分享】WeX5的正确打开方式（6）——数据组件初探

本文是【WeX5的正确打开方式】系列的第6篇文章，简单介绍一下WeX5中数据组件的特性和结构形式。数据组件的由来上一篇 WeX5绑定机制我们实现了一个简单的记账本应用，当时所有数据都用 JSON 对象写在 js 代码里面，然后通过绑定机制将数据和UI界面绑定起来。我们是这样写的： 1 var testData = [ { 2 fType : 'out', 3

业界 2016年07月05日

浏览器渲染的那些事（三）

终于到了布局的部分了！布局当渲染对象被创建并添加到树中，是没有位置和大小的，计算这些值的过程称为layout或reflow。布局是一个递归过程，由根渲染对象开始，对应html文档元素，布局继续递归的通过一些或所有的frame层级，为每个需要几何信息的渲染对象进行计算。跟渲染对象位置是0，0。所有渲染对象都有一个layout或reflow方法，每个渲染对象调用需要布局的chi

业界 2016年07月05日

浏览器渲染的那些事（三）

终于到了布局的部分了！布局当渲染对象被创建并添加到树中，是没有位置和大小的，计算这些值的过程称为layout或reflow。布局是一个递归过程，由根渲染对象开始，对应html文档元素，布局继续递归的通过一些或所有的frame层级，为每个需要几何信息的渲染对象进行计算。跟渲染对象位置是0，0。所有渲染对象都有一个layout或reflow方法，每个渲染对象调用需要布局的chi

业界 2016年07月05日

[译] Houdini：也许是你未曾听过的最振奋人心的 CSS 进化

原文链接：Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of更多译文将陆续推出，欢迎点赞+收藏+关注我的专栏，未完待续……你是否曾经想要使用一些特别的CSS特性，却因为未曾得到所有浏览器的支持而选择放弃？又或者是，这些特性得到了所有浏览器的支持，但总会伴随着奇怪的bug，表现不一

业界 2016年07月05日

转载：《44个Javascript变态题》

第1题['1','2','3'].map(parseInt);第2题[typeof null,null instanceOf Object]第3题[[3,2,1].reduce(Math.pow),[].reduce(Math.pow)]第4题var val = 'smtg';console.log('value is' + (val === 'smtg') ? 'Some

业界 2016年07月05日

HTML语义化

近来看面试题的时候，经常看到一个问题：HTML语义化是什么意思？w3school里面有html标签的含义。然而HTML5中对一些标签进行了修改，由于不了解H5的新定义，就很容易弄错标签之间的意思。例如：既然i标签是指斜体的意思，那么为什么font-awesome这类字体要用i标签呢？这不是反语义化了吗？除此之外，em和strong都是有强调的意思，又有什么区别呢？可能这个时

业界 2016年07月05日

AngularJS表单验证

表单网页中用户于服务端交互数据的表单控件有input、select、textarea，而表单是将为了达到一个目的（登录、注册等）各种控件整合到一起的一个集合。表单和其中的表单控件提供了验证服务，可以让用户在提交（一般在点击类型为submit的按钮时提交）表单前意识到自己有非法（不符合要求，以下都将称为非法）的输入。这种验证方式（客户端验证）提供了比单独的服务端验证更好的用户

业界 2016年07月05日