html

Fullscreen API 全屏显示网页

第一次看到应用 Fullscreen API 全屏显示网页,是 FaceBook 中的照片放大。作为一个比较新的 API,目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准,所以必须使用浏览器特定的方法,也就是应用添加前缀(webit/moz)的方法。这个 API 不仅能够使整个页面全屏显示,也可以使页面中的某个元素全屏

Vue.js 实践(2):实现多条件筛选、搜索、排序及分页的表格功能

与上周的第一篇实践教程一样,在这篇文章中,我将继续从一种常见的功能——表格入手,展示Vue.js中的一些优雅特性。同时也将对filter功能与computed属性进行对比,说明各自的适用场景,也为vue2.0版本中即将删除的部分filter功能做准备。需求分析还是先从需求入手,想想实现这样一个功能需要注意什么、大致流程如何、有哪些应用场景。表格本身是一种非常常用的组件,用于

最初,唯有时光记得

回顾Retrospect to the past and look into the future最近在积极地学习webview,原本打算整理一下写成一篇文章。无奈时间有限,暂时没有把握把webview要学习的知识写清楚,个人也还在摸索中。此外从周末开始迁移自己的文章到gitbook上,加上处于实习的尾声,突然发现这周可能无法完成,突然有些慌,把自己写的gitbook的序拿

现代化的前端开发工具与流程

先列出部分,一点点把每条的坑填上,写文章。保真图设计阶段考虑响应式栅格与常用布局 篇SASS 语法 篇Node 在前端领域的基础知识 篇使用 Gulp 与各类工具(browerSync、styleLint) 篇HTTP & Restful API Style 篇如何现代化地使用图标(icon)篇CSS 布局(float、position、flexbox) 篇CSS 过渡与动

切图崽的自我修养-页面加载Js的常见方式

前言我就想随便找个地方放东西不行吗?看别人写的代码,中写原生js无一例外加了window.onload, jquery示例中无一例外的加了 $(function(){}) But why? 从此这两尊神秘的大佛让我畏惧了很久,今天写的博文,就是为了崇尚科学破除迷信,撕下'规则' 的神秘面纱. 而这神秘的面纱,本质就是浏览器加载js的方式总的来说,浏览器加载js通常就这么

给产品经理讲技术|H5基础知识:表单

【相关推荐】给产品经理讲技术丨如何适配iOS屏幕给产品经理讲技术 | 互联网的黄金矿工:爬虫给产品经理讲技术|撩妹技术三部曲之“设计模式”给产品经理讲技术丨没线,并不可怕?给产品经理讲技术丨提需求的正确姿势是什么我承认又标题党了,表单这种基础知识从很早的Html版本就已经存在了,表单是用户输入和网页之间数据交互的一个界面,TA在Html中用这个标签来标记。但是谁叫Html规

href的那些事

看个问题test,此时href的值是什么呢?带着这样的疑问,开始今天的话题‘href的那些事’。问题分析为什么会有这个问题呢?上周在项目中,msui会对页面a标签绑定些事件,会用到href内容。href=""这么写,就会一直报错。因为浏览器此时获取到的href的值当前页面绝对路径。此时就会导致msui内部一直报错。href的定义w3c的定义The href attribut

css 迷惑的position

迷惑的position小加发现实际开发中position使用频率很高,但很多人却对position不是很了解,导致开发中出现各种问题,现在让我门一起来看看这个迷惑的position吧~static元素未定位,默认出现在普通流中,即元素从左到右,从上到下的方式布局~HTMLStatic - 普通流 header box left box right box

H5项目常见问题及注意事项

Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度,为一个正整数,或字符串‘device-width’// height 设置viewport高度,一般设置了宽度,会自动解析出高度,可以不用设置// initial-scale 默认缩放比例,为一个数字,可以带小数// min