- 博客(11)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 微信小程序实现瀑布流
最近做微信小程序涉及到了瀑布流功能，由于考虑到用户微信版本，所以放弃了官方提供的瀑布流方式(有兴趣可以访问官方文档)，经过最终调研，决定使用多个数组来实现。具体思路：以两列瀑布流为主，需要展示的数据数组为数组A，左边一列展示的为数组B，右边一列展示的为数组C，循环数组A，经过页面的渲染判断当前数据加入数组B还是数组C,比如左侧数据列表高度小于右侧，则数据进入左侧数组B，同时数据渲染，循环这一步骤直到数据渲染完毕。具体实现：1. 通过flex布局将页面分为两列 .container
2023-05-15 17:42:46
1290
原创 记录微信小程序createIntersectionObserver()方法的使用
记录微信小程序createIntersectionObserver()方法的使用
2022-10-12 18:59:31
4778
1
原创 有哪些让人欲罢不能的学习方法？
1.快速学习法-费曼学习法学习金字塔一个叫Scott H. Young的人，在 12 个月内自学完成 4 年麻省理工学院计算机科学的 33 门课程。据称他采用了所谓超速学习理论和方法，即《费曼技巧》，也称之为《费曼学习法》。理查德·菲利普斯·费曼（RichardPhilips Feynman），美国犹太裔理论物理学家，量子电动力学创始人之一，纳米技术之父，1965年获得诺贝尔物理学奖。费曼同时也是加州理工学院最受欢迎的教师之一。《费曼物理学讲义》至今还在被大学生们使用。费曼非常热...
2020-08-28 19:08:33
407
原创 Vue组件进阶用法与实践
Vue组件进阶用法与实践一 、基础组件自动化全局注册使用场景：模块系统内频繁使用的基础组件；使用方法：使用 require.context 全局注册；比如说我们的内部网站，目前我们的页面使用的是局部注册，按需加载：import ComponentA from './ComponentA'import ComponentC from './ComponentC'export default { components: { ComponentA, Component
2020-08-28 19:06:49
406
原创 基于ECharts的职位地铁图的实现
目的现在有一个需求，是要实现如下图所示的一个职位地铁图，用来表示公司所有的职位情况，其中黄色表示经历过的职位，绿色表示当前的职位，实现的方法可能包括canvas绘制甚至是一个个div拼凑而成，本篇文章介绍一种比较简单的方法——基于ECharts来实现。1、熟悉ECharts实例因为是基于ECharts来实现的，所以我们先来熟悉一下ECharts官方所提供的一个Graph实例，地址：https://echarts.apache.org/examples/zh/editor.html?c=gra
2020-08-02 15:25:29
1429
原创 记录Vue拖拽插件Draggable的使用
Draggable是基于Sortable.js的一个Vue组件：具体信息和官方实例首先安装、引入：npm install vuedraggableimport draggable from 'vuedraggable'使用方法：<template> <div> <draggable element="ul" v-model="listdata"> <li v-for="item in listdata">{{
2020-07-29 08:58:19
173
原创 mavon-editor编辑器新增的图片上传功能
mavon-editor编辑器新增的图片上传功能官方网址给出了图片上传的详细步骤，但是删除图片仅仅是删除了数组内的，其实图片还是存在服务器的，这就很难受了，记录一下删除图片的方法：<mavon-editor v-model="todoForm.description" :subfield="false" :defaultOpen="todoForm.id?'preview':'edit'" style="min-height: 500px" :ishl
2020-07-28 15:38:11
1535
2
转载 Vue之间的组件通信
Vue之间的组件通信vue.js最强大的功能之一就是组件，不同的组件之间的作用域是相互独立的：而组件之间常用的几种通信方式包括：props/$emit $emit/$on Vuex $attrs/$listeners provide/inject $parent/$children和$ref1.props/$emit...
2020-07-13 22:53:46
176
原创 前端按钮导航栏过宽时的左右滚动效果
这个方法是使用margin-left来实现的，通过设置展示导航栏固定的宽度，使用margin-left来实现展示的区域，如下图所示：我这里使用按钮来作为导航，导航按钮固定宽度为130px；导航栏展示宽度1170px，即最多展示9个导航按钮，多出来后会出现左滑右滑按钮，然后根据左边距来展示：<div style="display:flex"> <i v-show="briefingList.length>9"//我这边设置最多显示9个按钮，多于9个才出现.
2020-07-02 19:41:54
1279
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人