移动端头部固定,上划逐渐透明 <template> <div> <router-link tag="div" to="/" class="header-abs" v-show="showAbs"> <div class="iconfont header-abs-back"></div> </router-link> <div c…

我们想要一块区域实现上划刷新时. 首先需要一块滚动视图:ionCintent 或者 ionScroll 把ion-infinite-scroll当作滚动视图的最后一个子元素,他的on-infinite属性可以赋一个达到底部时执行的函数 函数如下: 上划时执行getNew()函数: 这里有一个坑,当获取不到数据之后,获取数据的转圈动画就一直都存在. 所以当获取不到数据后使用ng-if阻止刷新就好了. 对于下拉刷新:把ion-refresher做为滚动区域的第一个子元素.不同的是它的几个可配置属性为…

要实现微信小程序 在canvas画布上划动,页面禁止滑动,不仅要设置disable-scroll="true",还要要给canvas绑定一个触摸事件才能生效. <canvas canvas-id="myCanvas" class="myCanvas"  disable-scroll="false" bindtouchstart="touchStart" bindtouchmove="touc…

在百度音乐 http://music.baidu.com/ 看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的.于是把这个效果再实现一下:大体思想是,设计一个透明层i,skewx在X轴上做了负25度的变形,背景颜色用的是CSS3的线性渐变linear-gradient,然后hover的时候,设置0.5s的动画时间.同时在 i 层使用 cursor:pointer,如果不设置这个的话,需要等透明层动画之后才能看得到 pointer 指针.打开 fireBUG 调试来看…

在图像上划矩形 import numpy as npimport cv2 as cvimg=np.zeros((400,400),np.uint8)cv.line(img,(100,100),(350,100),255,2) # (100,100)为起始点 (350,100)为终点 颜色为255,宽度为2的直线cv.line(img,(100,100),(100,350),255,2)cv.line(img,(350,100),(350,350),255,2)cv.line(img,(100,3…

本文由云+社区发表 本文主要讲述了如何一步步在生产环境上部署django和vue,操作系统默认为centos 说明:后文中出现的以下字符串均表示具体的路径或者名称,含义如下: DJANGO_DIR----表示django的工程根目录 DJANGO_NAME----表示django的工程名称 VUE_HTML_DIR----表示vue编译好的index.html路径 VUE_STATIC_DIR----表示vue编译好的静态文件夹static的路径 整体框架 一个常用的web框架图如下图所示 框架…

在浏览器上开发GO和Vue!(基于code-server) 曾几何时,开发者们都被安装编程环境苦恼,尽管现在很多语言的开发环境已经不难装了,但是如果我们能有一个运行在云端的编译器,那么我们就可以随时随地通过浏览器编写.编译我们的代码啦!! 先看我们最终效果: 完美运行Go程序!下面开始整个环境搭建. 打包好的镜像 配置完成的Go+Vue的编译+Debug环境Docker镜像已推送到Docker仓库中,如果懒得自己跟着配的可以直接拉我的镜像跑起来! 镜像是基于code-server官方镜像,具体运…

相信很多同学都会遇到过这个问题, 当我们弹出一个半透明的遮盖层时, 又想在遮盖层上加一些子视图, 这个时候如果你的遮盖层设置了alpha属性,  你会惊讶的发现, 加载遮盖层上的所有子控件都是透明了,  错误做法如下: view.backgroundColor = [UIColor clearColor]; view.alpha = 0.8; 想解决这个问题重点是不要设置view全局透明, 只需要将其北京设置透明就可以了, 正确做法如下: view.backgroundColor = [[UIC…

环境: 在一个透明的view中添加一个tableview,tableview也变透明了. 解决: 不要这样设置view的透明度 view.backgroundColor = [UIColor clearColor]; view.alpha = 0.8; 应该这样设置 view.backgroundColor = [[UIColor whiteColor]colorWithAlphaComponent:0.7f];…

meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content=&…