- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 微信小程序实现3d轮播
效果图：代码：wxml<swiper autoplay interval="2000" circular indicatorDots="true" indicator-active-color="#fff" indicator-color="#000" previous-margin='50px' next-margin='50px' bindchange="swiperChange"
2021-03-09 10:21:28
498
原创 vue原型挂载组件
html页面<template> <div class="wrap" v-if="showWrap" :class="showContent ?'fadein':'fadeout'">{{text}}</div></template><script> export default { }</script><style lang="scss" scoped>
2021-02-25 14:47:27
1151
原创 vue-skeleton-webpack-plugin搭建骨架屏，以及nprogress优化用户体验
最近在优化手里面项目，发现项目首页加载实在很慢，第一次加载白屏显示时间很长，用户体验极差，所以自己鼓捣加个骨架屏和加载滚动进度条试试。使用vue-skeleton-webpack-plugin、nprogress搭建骨架屏首先安装插件npm install --save nprogressnpm i vue-skeleton-webpack-plugin对于nprogress其他使用属性，可以在链接查看；在项目中使用方法，在route里面加入钩子函数或者在main.js也可以，这样在页面
2020-12-18 20:43:53
640
1
原创 Vue移动端输入表单键盘恢复后，页面被抬起无法返回或者遮罩层里面事件全部失效
我遇到的这个问题主要存在2个不同的情景，第一种当可输入表单与当前页面在同一层级；第二种是当前页面，输入表单在弹框的里面，键盘抬起时父容器被抬起，弹框内所有事件无法使用。第一种情况下：处于同层面；<input type="text" v-model="phoneUserInfo.name" @blur="gotoView" @focus="gotoView"/>g...
2020-01-09 20:06:23
335
原创 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
966
原创 手机端禁止手指滑动屏幕触发点击事件
function stopTouchendPropagationAfterScroll(){ var locked = false; window.addEventListener('touchmove', function(ev){ locked || (locked = true, window.addEventListener('touchend', stopTouchen...
2019-01-24 15:55:41
6987
3
原创 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
1091
原创 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
399
原创 js对于对象的一些基础的操作
对象的访问方式var obj = { name: "Carrot", "for": "Max",//'for' 是保留字之一，使用'_for'代替 details: { color: "orange", size: 12 }};/*添加和打印*/obj["detail"]["color"]; //orangeo
2018-11-28 17:22:39
151
原创 JavaScript实现时间轴请求后端数据进行加载显示
大体页面显示如图片（页面图片之类是当初下载的一个插件）：（该功能在默认情况下是显示当年的全部信息，当你点击不同的年份会依次请求不同的数据表，然后按照自己的转换标准进行全部信息显示，当然js里面的字段都是数据库定义的，所以可以按照代码进行相应的修改，上面button或者下拉列表等条件当点击时进行传送数据库表名，后面进行相应的递送数据，然后再次初始化时间轴信息展示（每次都要清空一下），如果后端将数据拼...
2018-03-15 15:37:55
5033
1
原创 在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
30718
4
原创 echarts实现人物树形关系图实例
写这个栗子的时候主要因为是刚刚做一个项目，要用到人物关系图，所以一直在找合适插件，最后选择echarts2.0的tree图最合适这个关系图了。哈哈，话不多少，现在就把效果图献上吧。 ps:照片是网上下载的,莫要见外啊。 这个使用的是echarts2.X版本 HTML代码<style type="text/css"> *{ margin: 0; pad
2017-11-14 21:14:56
42847
21
原创 使用jquery实现文字滚动，鼠标悬停效果
这就是个简单的小栗子，希望可以帮助前端初学者。 效果：文字无缝滚动，鼠标悬停则停止，鼠标移开则重新滚动。 1、html代码：<div class="scroll"> <ul class="list-unstyled"> <li>苹果</li> <li>橘子</li> <li>香蕉</li> <li>菠萝</li>
2017-10-26 16:39:11
2748
原创 echarts通过timeline时间轴改变图表的数据，解决X轴，series问题
问题叙述：通过echarts的时间轴进行数据、X轴坐标以及每个option的属性都不一样的进行图表切换。这里面使用的是echarts2.0版本，可惜的是我鼓捣半天也没弄出来echarts3.0的timelinechanged方法，希望知道的人可以告知一下。例如：我想xAxis.data个数多少改变，option.series[]里面的数据多少改变等问题，这会导致数据合并，例如有个xAxis.d
2017-10-19 16:12:06
31753
8
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人