4 guorui_cara

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 16w+

Vue移动端输入表单键盘恢复后,页面被抬起无法返回或者遮罩层里面事件全部失效

我遇到的这个问题主要存在2个不同的情景,第一种当可输入表单与当前页面在同一层级;第二种是当前页面,输入表单在弹框的里面,键盘抬起时父容器被抬起,弹框内所有事件无法使用。第一种情况下:处于同层面;<input type="text" v-model="phoneUserInfo.name" @blur="gotoView" @focus="gotoView"/>g...

2020-01-09 20:06:23

vue实现自适应折叠动画

简单明了上代码:使用的是函数组件(新建js,直接当做组件引用就好了)const elTransition = '0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out'const Transition = { 'before-enter' (el) { ...

2019-12-27 16:03:03

手机端禁止手指滑动屏幕触发点击事件

functionstopTouchendPropagationAfterScroll(){ varlocked=false; window.addEventListener('touchmove',function(ev){ locked||(locked=true,window.addEventListener('touchend',stopTouchen...

2019-01-24 15:55:41

Vue.set全局操作作用

Vue.set 的作用就是在构造器外部操作构造器内部的数据、属性或者方法。我们可以通过原生js对数据进行操作,但是当只通过索引操作数组时,就展现出vue.set的价值了。接下来看一下代码显示:<div id="app"> <p>{{name}}-{{age}}</p> <ul> <li v-for="(item,...

2019-01-15 16:28:51

npm install -g、-save、-save-dev

最近做项目使用node一些基本命令,对这些命令很模糊不清,搜索网上的一些博客,记录一下。npm install moduleName # 安装模块到项目目录下npm install -g moduleName # -g 的意思是将模块安装到全局,具体安装到磁盘哪个位置,要看 npm config prefix 的位置。npm install -save moduleName # -s...

2019-01-10 17:44:44

js对于对象的一些基础的操作

对象的访问方式var obj = { name: "Carrot", "for": "Max",//'for' 是保留字之一,使用'_for'代替 details: { color: "orange", size: 12 }};/*添加和打印*/obj["detail"]["color"]; //orangeo

2018-11-28 17:22:39

JavaScript实现时间轴请求后端数据进行加载显示

大体页面显示如图片(页面图片之类是当初下载的一个插件):(该功能在默认情况下是显示当年的全部信息,当你点击不同的年份会依次请求不同的数据表,然后按照自己的转换标准进行全部信息显示,当然js里面的字段都是数据库定义的,所以可以按照代码进行相应的修改,上面button或者下拉列表等条件当点击时进行传送数据库表名,后面进行相应的递送数据,然后再次初始化时间轴信息展示(每次都要清空一下),如果后端将数据拼...

2018-03-15 15:37:55

在Vue项目中使用npm安装bootstrap以及jquery

经过我好多次的查询和实验,总结了一下在vue项目中使用bootstrap框架,npm安装注意. bootstrap中js插件依赖于jquery,所以在这之前必须安装jquery。jquery安装1、在package.json中添加一行代码:“jquery”: “^2.2.3”"dependencies": { "element-ui": "^2.0.5", "vue": "^2.5.2

2017-11-23 16:33:08

echarts实现人物树形关系图实例

写这个栗子的时候主要因为是刚刚做一个项目,要用到人物关系图,所以一直在找合适插件,最后选择echarts2.0的tree图最合适这个关系图了。哈哈,话不多少,现在就把效果图献上吧。ps:照片是网上下载的,莫要见外啊。这个使用的是echarts2.X版本HTML代码<styletype="text/css">*{margin:0;pad

2017-11-14 21:14:56

使用jquery实现文字滚动,鼠标悬停效果

这就是个简单的小栗子,希望可以帮助前端初学者。 效果:文字无缝滚动,鼠标悬停则停止,鼠标移开则重新滚动。 1、html代码:<div class="scroll"> <ul class="list-unstyled"> <li>苹果</li> <li>橘子</li> <li>香蕉</li> <li>菠萝</li>

2017-10-26 16:39:11

echarts通过timeline时间轴改变图表的数据,解决X轴,series问题

问题叙述:通过echarts的时间轴进行数据、X轴坐标以及每个option的属性都不一样的进行图表切换。这里面使用的是echarts2.0版本,可惜的是我鼓捣半天也没弄出来echarts3.0的timelinechanged方法,希望知道的人可以告知一下。例如:我想xAxis.data个数多少改变,option.series[]里面的数据多少改变等问题,这会导致数据合并,例如有个xAxis.d

2017-10-19 16:12:06
勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。