![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
h5
Mountain08
向上的路其实并不拥挤,就像出地铁站时的扶梯和楼梯。
展开
-
H5拖放
<!DOCTYPE HTML><html><head><script type="text/javascript">function allowDrop(ev){ev.preventDefault();}function drag(ev){ev.dataTransfer.setData("Text",ev.target.id);...原创 2018-03-15 13:18:11 · 214 阅读 · 0 评论 -
小程序canvas内容实现不同尺寸屏幕自适应(实用,适配不错)
注:本文转载自https://blog.csdn.net/zSY_snake/article/details/81188128 小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位,在绘制内容时所应用的单位仍然是 px,那么如何实现不同尺寸屏幕的自适应呢?首先我们根据开发工具可知不同常用屏幕的尺寸:由此可知我们开发中常用的参考屏幕尺寸(iPhone...转载 2019-01-21 10:10:30 · 4408 阅读 · 0 评论 -
css垂直居中的几种方法
<div class="app app1"><span>垂直居中的元素</span></div>一:.app1{ display: table-cell; vertical-align: middle; text-align: center; }二:.app2{ display...原创 2019-01-21 10:04:41 · 254 阅读 · 0 评论 -
近期开发小程序总结(判断滚动方向,图片自适应,缓存,吸顶,h5和小程序之间的参数互传,正计时/倒计时)
近期开发总结:一:小程序中scroll-view组件:判断是向上拉,还是向下拉 scroll: function (e) { var that = this; var value = e.detail.scrollTop; var array=that.data.MikeBox; array.push(value); var l...原创 2018-06-25 20:09:46 · 1215 阅读 · 0 评论 -
cookie、localStorage、sessionStorage的有效期和作用域问题(容易忽略的前端面试题)
cookie,localStorage,sessionStorage都可以实现客户端存储,三者的区别有哪些了?cookie作为最早期的被设计web浏览器存储少量数据,从底层看,它是作为http协议的一种扩展实现。cookie数据会自动在web浏览器和web服务器之间传输数据。cookie有效期:cookie默认有效期非常短暂,存在于web浏览器会话期间,当浏览器关闭,cookie也就消失了。如果要...转载 2018-03-27 20:07:38 · 6738 阅读 · 0 评论 -
前端面试题总结
前端和计算机相关知识你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化?怎么学习前端?怎么接触前端新知识?关于前后端分离关于浏览器内核(渲染引擎)浏览器加载文件顺序以及repaint/reflow为什么使用多个域名来存储网络资源会更有效?进程和线程的区别前端开发的优化问题Flash,Ajax各自的优缺点,使用中如何取舍?CSSCSS3css居中的方式请写一个简单...原创 2018-03-21 10:40:54 · 527 阅读 · 0 评论 -
H5相关
h5:拖放:<!DOCTYPE HTML><html><head><script type="text/javascript">function allowDrop(ev){ev.preventDefault();}function drag(ev){ev.dataTransfer.setData("Text",ev.target.id);}func...原创 2018-03-14 16:34:57 · 194 阅读 · 0 评论 -
WebSocket
实例内容今天主要说一下微信的WebSocket接口以及在小程序中的使用。WebSocket是什么(简述)微信的WebSocket接口和HTML5的WebSocket基本一样,是HTTP协议升级来的,做为一个新的Socket在B/S上使用,它实现了浏览器与服务器全双工通信。因为这里是做小程序,所以就不对WebSocket的底层和协议做过多的说明了,只是稍微介绍一下。想了解详细的WebSocket可以...转载 2018-03-20 11:54:17 · 238 阅读 · 0 评论 -
WebSocket简介
WebSocket 协议此文仅作为 RFC6455 的学习笔记。篇幅太长超过了简书的单篇最大长度,故分为两篇,此篇记录 1~4 节,其余见 WebSocket 协议 5~10 节;1.1 背景知识由于历史原因,在创建一个具有双向通信机制的 web 应用程序时,需要利用到 HTTP 轮询的方式。围绕轮询产生了 “短轮询” 和 “长轮询”。短轮询浏览器赋予了脚本网络通信的编程接口 XMLHttpReq...转载 2018-03-20 11:52:20 · 368 阅读 · 0 评论 -
使用Flexible实现手淘H5页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论—— 手淘的H5页面是如何实现多终端的适配?那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobile的世界中能过...转载 2018-03-20 09:51:12 · 548 阅读 · 0 评论 -
前端面试题(2018)
Q:什么情况下会碰到跨域问题?有哪些解决方法?跨域问题是这是浏览器为了安全实施的同源策略导致的,同源策略限制了来自不同源的document、脚本,同源的意思就是两个URL的域名、协议、端口要完全相同。script标签jsonp跨域、nginx反向代理、node.js中间件代理跨域、后端在头部信息设置安全域名、后端在服务器上设置cors。$.fn是什么意思?$.fn是指jquery的命名空间,加上f...转载 2018-03-19 17:17:04 · 18604 阅读 · 0 评论 -
页面常见布局+知名网站实例分析+相关阅读推荐
from github: github.com/Sweet-KK/cs…目录注:PC端推荐用法后面加▲,至于移动端在兼容性允许的情况下优先考虑flex一、水平居中 (1)文本/行内元素/行内块级元素▲ (2)单个块级元素▲ (3)多个块级元素 (4)使用绝对定位实现▲ (5)任意个元素(flex) ★本章小结:二、垂直居中 (1)单行文本/行内元素/行内块级元素▲ (2)多行文本/行内元素/行内块...转载 2018-03-15 13:48:39 · 566 阅读 · 0 评论 -
七种实现左侧固定,右侧自适应两栏布局的方法
总结一下左边固定,右边自适应的两栏布局的七种方法。其中有老生常谈的float方法,BFC方法,也有CSS3的flex布局与grid布局。并非所有的布局都会在开发中使用,但是其中也会涉及一些知识点。关于最终的效果,可以查看这里常用的宽度自适应的方法通常是利用了block水平的元素宽度能随父容器调节的流动特性。另外一种思路是利用CSS中的calc()方法来动态设定宽度。还有一种思路是,利用CSS中...转载 2019-05-06 10:26:41 · 1691 阅读 · 0 评论