html5
zgh0711
努力让自己变得更有价值
展开
-
H5 定位爬坑过程记录
https不要在 Chrome 测试精确定位没有精确定位需要的话可以使用城市信息查询<script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&key=9721dba07cd10df7137a1167f290edf3'></script> <script src="/...原创 2020-08-29 19:47:37 · 240 阅读 · 0 评论 -
前端面试总结 -- 网络基础之 HTTP 和 HTTPS
基本概念HTTP:超文本传输协议(英文:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协作式和超媒体信息系统的应用层协议[1]。HTTP是万维网的数据通信的基础。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。通过HTTP或者HTTPS协议请求的资源由统一资源标识符(Uniform Resource Identifiers,URI...原创 2018-08-10 18:06:10 · 2608 阅读 · 0 评论 -
前端面试总结 -- CSS 中 display 的 block,inline,inline-block 这三个属性有什么区别
这是一个考察 CSS 基础的面试题,话不多说,先上代码<!DOCTYPE html><html lang = "en"><head> <meta charset = "UTF-8"> <title>Title</title></head>&am原创 2018-08-09 14:39:37 · 2342 阅读 · 0 评论 -
ES6 学习 -- Promise
ES6 中新增了很多很好用的新特性,Promise 就是其中之一,现在也得到了广泛的运用,今天就来学习下 Promise 。 在老的 JS 里面,异步函数的处理是一个很麻烦的事情,而且一不小心还会陷入多重回调嵌套的 ‘回调地狱’,Promise 就是为了解决这个问题而诞生的。 这篇文章是我在学习 Promise 时做的笔记,学习资料来源 Promise 入门,这是慕课网的一个视频课程,另外还有...原创 2018-06-21 18:37:11 · 438 阅读 · 0 评论 -
H5 布局 -- 让容器充满屏幕高度或自适应剩余高度
在前端页面布局中,经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS 来写。这样写的话,当容器内内容很多的时候是没有问题的,可以达到预期的效果,但是如果容器内内容比较少,不足以撑起足够的高度的话,这个CSS 样式实际上是没起作用的。那要怎么解决这个问题呢?让容器高度充满这个屏幕在容器内容很少的情况下,要想让这个容器充...原创 2018-05-15 10:49:12 · 37973 阅读 · 9 评论 -
flex布局中,保持内容不超出容器的解决办法
在移动端,flex 布局很好用,它能够根据设备宽度来自动调整容器的宽度,用起来很方便,已经越来越离不开它,但是最近在做项目的时候发现一个问题。就是在一个设置了 flex:1 的容器中,如果文字很长,这时候文字就会超出容器,而不是呆在设置好的动态剩余的空间中。原创 2017-10-18 11:00:58 · 73744 阅读 · 31 评论 -
JS 遍历 JSON 数组及获取 JSON 数组长度
遍历 JSON 数组原创 2017-07-31 11:55:39 · 5224 阅读 · 0 评论 -
JS 中字符和 ASCII码转换函数
字符转ascii码:用charCodeAt(); ascii码砖字符:用fromCharCode();原创 2017-07-21 10:16:28 · 2494 阅读 · 0 评论 -
H5 中监听页面滚动事件,判断滚动方向的方法
在做 H5 开发的时候,有时候需要监听页面的滚动的事件,根据页面滚动方向的不同来进行不同的操作,通常是判断页面是向上滚动还是向下滚动,那么怎么判断呢,只需要使用下面的区区几十行代码即可。原创 2017-07-07 17:18:14 · 25657 阅读 · 2 评论 -
用 CSS 写一个向右的箭头
今天在修改别人写的网页的时候发现一个有意思的东西,就是一个向右的箭头,这玩意居然还能用 CSS 来写,让我眼前一亮,就记录下来,原创 2017-06-30 14:24:46 · 53396 阅读 · 1 评论