wrapper

免费的接口： http://www.bejson.com/knownjson/webInterface/ 原博： https://blog.csdn.net/jbj6568839z/article/details/81416132 1.HTML页面 <div class="wrapper"> <input type="text" class="text"> <ul></ul> </div> 2.css * { padding: 0; margin: 0; list-style: none; } .wrapper { margin: 100px; } .text { height: 40px; width: 300px; } .wrapper ul { width: 300px; border: 1px solid #ccc; height: 200px; display: none; } 3.js代码 var Oinput = document.getElementsByTagName('input')[0]; var oUl = document.getElementsByTagName('ul')[0]; Oinput.oninput = function () { // 获取输入的值 var value = this.value; var oScript = document

什么是 better-scroll better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在 这里 。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。 better-scroll 的滚动原理 不少同学可能用过 better-scroll，我收到反馈最多的问题是： 我的 better-scroll 初始化了， 但是没法滚动。 不能滚动是现象，我们得搞清楚这其中的根本原因。在这之前，我们先来看一下浏览器的滚动原理： 浏览器的滚动条大家都会遇到，当页面内容的高度超过视口高度的时候，会出现纵向滚动条；当页面内容的宽度超过视口宽度的时候，会出现横向滚动条。也就是当我们的视口展示不下内容的时候，会通过滚动条的方式让用户滚动屏幕看到剩余的内容。 那么对于 better-scroll 也是一样的道理，我们先来看一下 better-scroll 常见的 html 结构： < div class = "wrapper" > < ul class = "content" > < li >... </ li > < li >... </ li > ... </ ul > </ div > 为了更加直观，我们再来看一张图： 绿色部分为 wrapper，也就是父容器，它会有固定的高度

最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流...... cssrem：一个CSS值转REM的VSCode插件； lib-flexible：移动端弹性布局适配解决方案； vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装； vee-validate：适用于vue项目中表单验证插件； better-scroll ：可能是目前最好用的移动端滚动插件; fastclick：解决移动端click 300ms延迟 vConsole：手机前端开发调试利器 webpack之proxyTable设置跨域 vue组件之间通信（父向子通信，子向父通信，非父子通信）方法示例； ref特性的使用； vue中setTimeout,setInterval的使用; 监听鼠标滚动事件,实现头部悬浮效果(this.$nextTick); new FormData()上传图像； vue,@click="event()"，添加()与不添加()的区别； 1、cssrem 介绍： 一个CSS值转REM的VSCode插件。我们在做移动端开发时，为了网页适配，一般会将像素单位px转换为rem.在用vscode开发时，我们可以安装cssrem这个插件。 插件效果如下： 默认配置： “cssrem

引用自 https://zhuanlan.zhihu.com/p/27407024 在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。 以滴滴为例，可以是这样竖向滚动的列表，如图所示： 也可以是横向滚动的导航栏，如图所示： 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。 什么是 better-scroll better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在 这里 。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。 better-scroll 的滚动原理 不少同学可能用过 better-scroll，我收到反馈最多的问题是： 我的 better-scroll 初始化了， 但是没法滚动。 不能滚动是现象，我们得搞清楚这其中的根本原因。在这之前，我们先来看一下浏览器的滚动原理： 浏览器的滚动条大家都会遇到，当页面内容的高度超过视口高度的时候，会出现纵向滚动条；当页面内容的宽度超过视口宽度的时候，会出现横向滚动条。也就是当我们的视口展示不下内容的时候，会通过滚动条的方式让用户滚动屏幕看到剩余的内容。 那么对于 better-scroll 也是一样的道理，我们先来看一下

当 better-scroll 遇见 Vue 在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。 以滴滴为例，可以是这样竖向滚动的列表，如图所示： 也可以是横向滚动的导航栏，如图所示： 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。 什么是 better-scroll better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在 这里 。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。 better-scroll 的滚动原理 不少同学可能用过 better-scroll，我收到反馈最多的问题是： 我的 better-scroll 初始化了， 但是没法滚动。 不能滚动是现象，我们得搞清楚这其中的根本原因。在这之前，我们先来看一下浏览器的滚动原理： 浏览器的滚动条大家都会遇到，当页面内容的高度超过视口高度的时候，会出现纵向滚动条；当页面内容的宽度超过视口宽度的时候，会出现横向滚动条。也就是当我们的视口展示不下内容的时候，会通过滚动条的方式让用户滚动屏幕看到剩余的内容。 那么对于 better-scroll 也是一样的道理，我们先来看一下 better-scroll 常见的

better-scroll的原理 1.什么是 better-scroll？ better-scroll 是一个移动端滚动的解决方案，它不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。 2.better-scroll的滚动原理？ 先来看一下浏览器的滚动原理，浏览器的滚动条大家都会遇到，当页面内容的高度超过视口高度的时候，会出现纵向滚动条；当页面内容的宽度超过视口宽度的时候，会出现横向滚动条。也就是当我们的视口展示不下内容的时候，会通过滚动条的方式让用户滚动屏幕看到剩余的内容。那么对于 better-scroll 也是一样的道理，我们先来看一下 better-scroll 常见的 html 结构： 为了更加直观，我们再来看一张图： 绿色部分为 wrapper，也就是父容器， 它会有固定的高度 。黄色部分为 content，它是父容器的第一个子元素，它的高度会随着内容的大小而撑高。那么， 当 content 的高度不超过父容器的高度，是不能滚动的，而它一旦超过了父容器的高度，我们就可以滚动内容区了 ，这就是 better-scroll 的滚动原理。 那么，我们怎么初始化 better-scroll 呢，如果是上述 html 结构，那么初始化代码如下： import BScroll from 'better-scroll' let wrapper = document

翻译前想说的话: 　　这是一篇介绍python装饰器的文章，对比之前看到的类似介绍装饰器的文章，个人认为无人可出其右，文章由浅到深，由函数介绍到装饰器的高级应用，每个介绍必有例子说明。文章太长，看完原文后我计划按照文章作者的划分，将分为两章翻出来和大家分享,如果你觉得干的还不错，就点个赞吧. 目录: 函数 一等对象 内部函数 从函数中返回函数 简单装饰器 语法糖 复用装饰器 装饰器传参 从装饰器返回值 你是谁? 一些现实中的例子 时间函数 调试代码 给代码降速 注册插件 用户是否登录? 有想象力的装饰器 装饰类 嵌套的装饰器 带参数的装饰器 Both Please, But Never Mind the Bread 这句话开始我不知道怎么翻，直到我看到了维尼熊......,请在这里www.google.com检索Winnie the Pooh Both Please, But Never Mind the Bread 有状态的装饰器 类装饰器 更多现实中的例子 代码降速,重新访问 创建单例模式 缓存返回值 添加单元信息 验证JSON 正文开始: 在本次的装饰器教程中，将介绍何为装饰器以及如何创建和使用它们,装饰器提供了简单的语法来调用高阶函数。 从定义上讲，装饰器是一个函数，它接收另一个函数作为参数并且扩展它的功能，但不会显式的去修改它 说起来可能会让人觉得难理解，但它(装饰器

继续上次的进度:https://www.cnblogs.com/flashBoxer/p/9847521.html 正文: 装饰类 在类中有两种不通的方式使用装饰器，第一个和我们之前做过的函数非常相似:在类的方法上应用。这也是当时引入装饰器的原因之一 一些常用的装饰器已经内置到python中，像@classmethod @staticmethod @property。这三个装饰器我们之前都介绍过，这段就不翻译了(打字手酸，偷懒下) 下面的Circle 类使用了@classmethod @staticmethod和@property三个装饰器 class Circle: def __init__ (self, radius): self._radius = radius @property def radius(self): """ Get value of radius """ return self._radius @radius.setter def radius(self, value): """ Set radius, raise error if negative """ if value >= 0: self._radius = value else : raise ValueError( " Radius must be positive " ) @property

装饰器(Decorators)是 Python 的一个重要部分。简单地说:他们是修改其他函数的功能的函数。他们有助于让我们的代码更简短,也更Pythonic(Python范儿)。在程序开发中经常使用到的功能，合理使用装饰器，能让我们的程序如虎添翼。 一、 函数名应用 函数名是什么？函数名是函数的名字，本质：变量，特殊的变量。 （1）函数名就是函数的内存地址，直接打印函数名，就是打印内存地址 def func1(): print (123 ) print (func1) 　　　　　　　　 # <function func1 at 0x0000029042E02E18> （2）函数名可以作为变量 def func1(): print (111 ) f = func1 f() 　　　　　　　　　　 # f() 就是func1() （3）函数名可以作为函数的参数 def func1(): print (111 ) def func2(x): x() func2(func1) 　　　　　　　　 # func1作为func2的参数 （4）函数名可以作为函数的返回值 def wrapper(): def inner(): print ( ' inner ' ) return inner f = wrapper() f() （5）函数名可以作为容器类类型的元素 使用for循环批量执行函数 def

Gitlab（docker）无限重启 前两天构建了一个虚拟机，想着搭建集群，没弄完，就把虚拟机停了，等我重新运行的时候，发现我的gitlab服务炸了，无限重启中。 #docker ps 一个好习惯，查看日志 #docker logs gitlab 从gitlab日志知道 /assets/wrapper: line 112: /opt/gitlab/embedded/bin/runsvdir-start: No such file or directory Configuring GitLab... /assets/wrapper: line 115: gitlab-ctl: command not found 是 runsvdir-start 和 gitlab-ctl 启动文件不见了。 报错分析： 首先 runsvdir-start 和 gitlab-ctl 文件存在与gitlab容器里面，启动时，检查到两个文件丢失，gitlab容器便进入重启中。 错误处理： 对于这种，在docker机制下运行的容器，由于gitlab正常运行，是无法进去到里面的，就算能进去也会很快被强制退出的，所以出现这种就比较复杂一点。 -- 去官网看了很多关于gitlab（docker）的分析-- 发现Docker对于gitlab（docker）的一般删除，数据是保留，而利用这一点，我们就可以baoli一点了