3 任我行RQ

尚未进行身份认证

我要认证

种一棵树最好的时间是十年前,其次是现在

等级
TA的排名 2w+

vue-waterfall-easy实现瀑布流布局

文档地址安装npm install vue-waterfall-easy --save-dev页面引入import vueWaterfallEasy from "vue-waterfall-easy";components: { vueWaterfallEasy,},完整代码<template> <div class="box"> <div class="waterfall"> <vue-waterfall-easy.

2020-10-27 16:09:11

mavon-editor引入开发markdown编辑器

文档地址安装npm install mavon-editor --save在组件引入,也可在全局引入import Vue from "vue";import mavonEditor from "mavon-editor";import "mavon-editor/dist/css/index.css";Vue.use(mavonEditor);完整代码<template> <div class="box"> <mavon-editor v-m.

2020-10-24 11:31:22

Js隐藏微信公众号分享按钮

//隐藏 document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() { WeixinJSBridge.call("hideOptionMenu"); } ); // 显示 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('showOption.

2020-10-23 13:54:02

vue适合初学者开发的后台

效果图展示最近撸了一个基于vue和elementUI的后台写法非常的简单的,没有很高级的写法,非常适合初学者进行练手开发该后台适配了pc端和移动端项目我已经放到了github,欢迎各位issue和star直达地址git命令git clone https://github.com/skywalk94/vueAdmin...

2020-10-19 10:21:22

nprogress路由切换添加进度条

文档地址安装npm install nprogress -S在vue路由页面进行引入import NProgress from 'nprogress'import 'nprogress/nprogress.css'npm install nprogress -S使用router.beforeEach((to, from, next) => { NProgress.start(); next()})router.afterEach(() => { NProgr.

2020-10-12 16:50:01

vue-json-excel导出excle表格

文档地址名称类型描述默认值dataArray要导出的数据。fieldsObject您要导出的JSON对象中的字段。如果未提供,则将导出JSON中的所有属性。export-fields (exportFields)Object用于解决其他使用变量字段的组件的问题,例如vee-validate。exportFields的工作原理类似于字段typestringMIME类型[xls,csv]xlsnamestring要导出的文件名。d.

2020-10-12 15:15:58

vue-cropper裁剪图片

文档地址安装npm install vue-cropper组件引入import { VueCropper } from "vue-cropper"; components: { VueCropper, },完整代码<template> <div class="box"> <div class="crop"> <vueCropper ref="cropper" :img="opt

2020-10-09 17:37:32

Js实现list导出为excel表格

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button

2020-09-25 14:32:07

vue-drawer-layout实现手势滑出菜单栏

文档链接地址安装npm install vue-drawer-layout --savemain.js导入import DrawerLayout from 'vue-drawer-layout'Vue.use(DrawerLayout)完整代码<template> <div class="box"> <vue-drawer-layout :drawer-width="230" ref="drawerLayout" @mask-click="clo.

2020-09-17 13:44:54

vuedraggable实现列表拖动排序

文档地址安装npm i -S vuedraggable页面进行导入import draggable from "vuedraggable";完整代码效果<template> <div class="box"> <draggable v-model="list" chosenClass="active" animation="500" @end="dragEnd"> <div class="row" v-for="(item,.

2020-09-17 10:03:44

微信小程序导航栏页面滑动切换

<view class="banner"> <scroll-view scroll-x="true" scroll-with-animation="true" scroll-into-view="nav-{{select > 0 ? select -1 : select}}"> <view wx:for="{{sortList}}" wx:for-index="index" wx:key="index" id="nav-{{index}}" cl.

2020-09-16 10:37:06

vue简单实现九宫格抽奖

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>九宫格抽奖</title> &l.

2020-09-15 17:44:16

微信小程序获取页面高度

watchHeight() { var query = wx.createSelectorQuery() //.box为指定类名高度 query.select('.box').boundingClientRect((res) => { this.setData({ height: parseInt(res.height) }) }).exec() }

2020-09-15 11:22:23

Js实现文本复制

function copyText() { var ctx = document.createElement("input"); var content = "需要复制的内容"; ctx.setAttribute("value", content); document.body.appendChild(ctx); ctx.select(); document.execCommand("copy"); ...

2020-09-11 10:23:24

Ts安装及自动编译ts文件

安装npm install -g typescript新建个index.ts文件手动执行ts文件tsc index.ts自动编译终端执行tsc --init会在自动生成tsconfig.json文件修改这个文件 "outDir": "./js",VsCode打开终端 ->运行任务 -> typescript ->“tsc: 监视 - tsconfig.json (ts)”...

2020-09-06 16:09:06

Js根据数组相同的值生成二维数组

原数组新数组<script> var list = [ { id: 1, num: 3, }, { id: 1, num: 3, }, { id: 1, num: 2, }, { id: 2, num: 1, }, { id: 2, num: 2, }, { id: 3, num: 2, }, { id: 3, num: 3, }, ] var res

2020-09-05 11:37:09

vue-lazyload实现图片懒加载

文档链接安装npm i vue-lazyload -Smain.js全局引入import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad, { preLoad: 1.3, error: '', //错误图占位 loading: '',//加载图占位 attempt: 1}) <img v-lazy="item.imgurl" alt /> <div v-lazy:background-image=

2020-09-01 11:16:54

Vue实现pc/H5弹窗拖拽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>vue拖拽</title> &lt

2020-08-31 16:16:40

微信小程序skeleton骨架屏

github链接地址https://github.com/jayZOU/skeleton.git克隆dist文件放入到项目component目录中page页面引入{ "usingComponents": { "skeleton": "../../component/skeleton/skeleton" },}文本添加<skeleton wx:if="{{isSkeleton}}" loading="chiaroscuro"></skeleton>.

2020-08-06 11:42:39

微信小程序锚点选择导航栏

<view class='box'> <scroll-view scroll-y scroll-with-animation style="width:25%"> <view class='nav'> <view wx:for="{{navList}}" wx:key='index' class="title {{index == active ?'select':''}}" data.

2020-07-24 16:37:33

查看更多

勋章 我的勋章
  • 领英
    领英
    绑定领英第三方账户获取
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 1024勋章
    1024勋章
    #1024程序员节#连续参与两年活动升级勋章,当日发布原创博客即可获得