在日常工作中,经常会遇到图片+文字+背景色的设计稿实现。经常我们在Chrome浏览器上调试的好好的,但是到了移动端就会有各种奇特的适配问题——最经常遇见莫过于Android中文字稍微偏上了。在iOS和Android上的调…
标签:html5
H5效果篇--进度条的实现
为了演示方便,在第一个例子中,我们通过Javascript去控制时间从而不断地更新进度,并且允许用户通过点击按钮开始进度条的更新,一旦进度条开始更新,则按钮变得不可点击。如果进度条完成的话,则又可以点击按钮。 下面我们开…
HTML5相关文章和资源
Polyfills HTML5 Cross Browser Polyfills canvas HTML5 JS实现毛玻璃效果(高斯模糊) 高斯模糊的算法Canvas 内部元素添加事件处理 应用场景 PC端web站点 本地…
web前端基础——一个网页的三个主要组成部分
W3C是指万维网联盟(World Wide Web Consortium),创建于1994年10月。W3C的出现是为了定制网页开发的标准,让使用相同的网页能在不同的浏览器中有相同的效果,所以我们定制编写的网页都需要遵循W…
奇妙应用v-model完成父子组件传值
v-model引见 熟习Vue的小伙伴们都晓得 v-model 是Vue的一个很大的特征,能够完成双向数据绑定。但本质上呢,它不过是语法糖,它担任监听用户的输入事宜以更新数据。以下摘取自Vue官方文档 v-model 在…
构建自己的React:(3)Instances, reconciliation and virtual DOM
翻译自:https://engineering.hexacta.c… 截止目前我们已经可以使用JSX来创建并渲染页面DOM。在这一节我们将会把重点放在如何更新DOM上。 在介绍setState之前,更新DOM…
css命名和书写规范
前言 在项目开发中对于css名字的命名和书写老是感觉很混乱,这对于代码的可读性以及维护提出了挑战,所以在闲暇之余看了一些这方面的内容,现总结如下… 1.命名规则说明 所有的命名最好都小写 属性的值一定要用双引…
如何使用BFC清除CSS浮动以及解决margin合并的问题
1、CSS 最基本的布局单位 Box 是 CSS 布局的对象和基本单位。元素的类型和display的属性决定了Box的类型。 2、BFC BFC(Box Formatting Context)是一个独立的渲染区域,规定内…
关于跨域问题
面试必考题吧,所以在这会详细介绍以下内容 跨域产生的原因 罗列最常用的解决方法 分析各种方法原理 罗列各种方法优缺点 什么是跨域 由于浏览器厂商对安全性的考虑,提出了浏览器的同源策略做为解决方案。它是一个用于隔离潜在恶意…
移动端兼容问题总结(1)
原文地址: https://luoyangfu.com/article… input 键盘类型问题 描述: 在android上只需要更换type 即可更改键盘类型,ios无效。 解决方法: 需要在表单元素外层…
前端图片预览方式
图片预览方法 图片预览现在大多数基于HTML5提供的接口FileReader,而FileReader给我们提供了四个方法1.readAsArrayBuffer: result属性中二进制数据缓冲区2.readAsBina…
在线工具收集
在线工具https://oktools.net JSON格式化https://oktools.net/json Unix时间戳https://oktools.net/timestamp Base64编码https://o…