![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
indd
csdn 广告太多
展开
-
background-position属性用法
background:url(../images/list01.png) no-repeat 0 center; background:url(../images/bg.png) no-repeat -4px -3px; background:url(../images/list01.png) no-repeat 0 center; 的意思是 图像地址 不重复 水平位置0 垂直位置居中0 ce原创 2016-07-18 21:01:39 · 5470 阅读 · 0 评论 -
前端处理图片的几种方式
你知道前端对图片的处理方式吗?前言作为前端工程师 de 我们,日常少不了会跟图片打交道。在各大电商平台工作的前端工程师们,感受可能会更加的明显。以下是我之前跟图片打交道踩到的坑,跟大家分享一下经验。一、情景再现用 Postman 请求接口的时候,返回的是这个图片(二进制)在 chrome 的 network 查看的时候,返回的也是这个图片(二进制)可是,在 debug 打印的时候,...转载 2019-02-28 08:32:55 · 7729 阅读 · 1 评论 -
Safari无痕浏览影响localStorage
在移动端做交互,我们经常会用到本地存储localStorage来存储变量。if(window.localStorage){ localStorage.setItem('key','value');}但只是这样判断是不够的,现在的一些浏览器有一种功能叫无痕浏览,顾名思义,就是用户在浏览网页的过程中什么都不缓存,什么也不记录,不留下痕迹。自然地,localStorage也被禁用了。...原创 2018-12-21 10:42:09 · 2086 阅读 · 0 评论 -
content: ""乱码问题
I am using a unicode escape in my .sass file and I want to preserve it, but sass is creating a weird character in the output. How to solve this?解决sass 编译后特殊字符在页面上显示乱码的问题@function unicode($str...){...原创 2018-12-04 13:25:25 · 1690 阅读 · 0 评论 -
safari浏览器兼容性问题
今天写代码遇到的一个bug,在chrome上显示得好好的时间,一到Safari就提示 “invalid date”,于是回来看代码(为了一目了然,进行一些处理):var deadline = new Date("2016-06-10 23:59");这行代码是将数据库中存的日期“2016-06-10”字符串转成Date对象。分析当看到日期格式是yyyy-mm-dd,我联想到了yyyy/m...转载 2018-11-29 11:34:25 · 8072 阅读 · 0 评论 -
编码与解码 -- 浏览器做了什么
**这里有篇神文How browsers work, 也是本篇文章的重要参考。**浏览器基本的工作流程进入主话题之前,先闲扯一些废话,先罗列一下浏览器的主要构成:用户界面- 包括地址栏、后退/前进按钮、书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分浏览器引擎- 用来查询及操作渲染引擎的接口渲染引擎- 用来显示请求的内...转载 2018-09-27 19:50:32 · 822 阅读 · 3 评论 -
阿里图标库+icoMoom制作字体图标
1、登陆阿里字体图标库:http://www.iconfont.cn/ 2、选择需要下载svg格式的字体图标 3、登陆 https://icomoon.io/app/?utm_source=caibaojian.com#/select 4、importIcons导入下载的图标,select选择导入的图标最后生成字体图标并下载 5、引入fonts文件夹,...原创 2018-03-19 20:33:01 · 1806 阅读 · 0 评论 -
webSocket通信
WebSocket 机制 以下简要介绍一下 WebSocket 的原理及运行机制。WebSocket 是 HTML5 一种新的协议。它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到实时通讯,它建立在 TCP 之上,同 HTTP 一样通过 TCP 来传输数据,但是它和 HTTP 最大不同是:WebSocket 是一种双向通信协议,在建立连接后,WebSocket 服务器和 Bro转载 2017-01-08 17:58:04 · 1823 阅读 · 0 评论 -
css中px,em和rem的区别要弄清楚
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相转载 2016-07-24 21:44:35 · 316 阅读 · 0 评论 -
HTML编写规范摘要
在编写代码中我们要有意识的注意代码的规范对团队协作的重要性一、编写HTML的相关规范:1、创建HTML文档时要使用能够代表内容语义的标记命名; 例如:(1)相关活动页面的主体页(首页),一般情况是以”index.html”命名或者”home.html”命名; (2)相关活动页面的分享页面及其预热页面是以“share.html”与“notice.html”;如果该活动不止一个分原创 2016-08-20 11:02:36 · 2516 阅读 · 0 评论 -
margin 负值之美
负值转载 2016-07-18 21:12:21 · 728 阅读 · 0 评论 -
H5 键盘兼容性小结
H5 键盘兼容性小结在 H5 项目中,我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时,会自动触发键盘弹起,而键盘弹出在 ios 与 android 的 webview 中表现并非一致,同时当我们主动触发键盘收起时也同样存在差异化。而无论如何,我们希望功能流畅的同时,尽量保持用户体验的一致性,因...转载 2019-02-25 08:35:48 · 468 阅读 · 0 评论