梦尘星月-CSDN博客

原创 React Hooks

创建自定义的 Hook，应该以 “use” 前缀命名自定义 Hook 处理主题切换逻辑return (<div></div>可以在多个组件中共享同一个自定义 Hook，从而避免重复编写相同的逻辑。

2023-11-03 11:52:41 111

原创 el-date-picker中datetime类型禁用日期包含时分

将pickerOptions设置为计算属性，这样可以通过更新selectableRange的值，来对时间的范围进行实时的变化。很坑的情况，对于datetime类型下的禁用时间，在pickerOptions中进行时间戳的禁用，却无法禁用时分。需要监听remindTime的值，这样可以知道日期后，动态的设定是否需要什么样的时间范围。需要监听remindTime的值，这样可以知道日期后，动态的设定是否需要什么样的时间范围。

2023-09-12 18:02:04 1321

原创剪贴板操作-复制图片

MIME（Multipurpose Internet Mail Extensions）类型是一种标识文档和文件类型的标准方法。它是一种字符串标识符，用于指示文件的内容类型和格式。

2023-09-12 14:10:53 970

原创 Element UI 开发中遇到的问题总结

一、el-table列表的整体序号indexMethods (index) { // currentpage当前页码，this.tableData.total总条数，index索引值 return (this.tableData.total- ((this.currentpage - 1) * 10) - index)这样做会有一个问题，在页码更新重新请求列表时，序号会出现变成负数的情况，因为index的值在列表刷新时进行了重置，导致列表的数据还未到第二页时，数据还是当前页

2021-12-30 13:00:54 536 3

原创 uniapp picker-view实现省市区三级联动

通过picker-view组件实现的省市区三级联动代码中已将其组件化，使用的是静态的数据，也可以动态进行获取实现如下图代码如下<template> <view class="region-box"> <picker-view :value="region" @change="bindChange"> <picker-view-column> <view class="center" v-for="(item, index)

2021-05-29 17:23:22 5097 4

原创 Vue.extend动态创建Toast

1.创建好一个Toast比如创建一个toast.vue，代码如下：<template> <div class="container" v-if="show"> <div>{{ text }}</div> </div></template><script>export default { name: 'Toast'}</script><style>.contai

2021-04-22 12:54:33 194

原创小程序中本地存储与web存储的区别

web与小程序中本地存储的区别1.代码方式不同web:localStorage.getItem("key", "value") localStorage.getItem("key")小程序中：wx.setStorageSync("key", "value") wx.getStorageSync("key")2.存储时的类型转换web中存入数据时会将执行行toString（）方法将数据进行类型转换小程序中不存在转换...

2020-10-14 19:55:47 185

原创对微信小程序的数据请求进行Promise封装

// 一个页面中可能会发送多个请求，ajaxTimes记载同时发送异步请求代码的次数，目的是为了在请求数据都完成后再消除加载框let ajaxTimes = 0;const baseUrl = '基本url路径';export const request = (param) => { ajaxTimes ++; // 显示加载中效果 wx.showLoading({ title: "加载中", mask: true });

2020-10-14 19:52:06 306

原创自学微信小程序入坑

navigator在使用navigator进行页面跳转时，要注意是否是要跳转值tabbar页面，如果是的话则需要加入open-type="switchTab"<navigator open-type="switchTab" url="/pages/cart/index" class="tool_item"> <text class="iconfont icon-gouwuche"></text> <text>购物车</text> </.

2020-10-14 19:47:13 89

原创移动端适配-rem

1.rem与em的区别说到rem，通常会与em，px这类进行比较。rem主要是根据网页的根元素来设置字体大小，和 em的区别是，em 是根据其父元素的字体大小来设置。对于现在大部分的浏览器来说，例如IE9+，Firefox、Chrome、Opera等，在我们不修改相关的字体配置，都是默认显示 font-size 是 16px 即html { font-size:16px;}那么在我们想要通过rem设置内部一些标签的值时，就要通过你想要设置的像素值来除以根元素的像素值。比如我们想设置一个p标

2020-10-10 12:42:57 116

原创对于下拉菜单实现的方法

1. 通过H5中的select标签进行制作可以通过value属性获取下拉菜单的选项，并利用style.display样式隐藏或显示需要的div。代码如下：<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit

2020-09-29 20:13:26 367

转载 canvas实现漂亮的下雨效果

说明：本篇文章采自于腾讯云FEWY的文章个人觉得文章十分不错，细节也很到位，代码也很好了解，很适合学习。所以转载于此，希望自己以后能够得到很好的借鉴，方便寻找。如果有侵权，请联系本人进行删除。这篇文章说如何用canvas画出漂亮的下雨效果，先看看最后实现的效果吧。效果图解释看图来分析下，我们需要实现哪些效果。1、雨滴下落效果，移动鼠标控制下落方向2、雨滴下落散成小水珠，小水珠的移动方向和鼠标移动方向相同3、雨滴下落到鼠标坐标一定范围内，散成小水珠，同样的，小水珠的移动方向也和鼠标移动方向

2020-09-29 19:27:44 1086 1

原创 reflow(回流)和repaint(重绘)

概括：在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。1. 页面的渲染具体过程（原文链接：[http://www.cnblogs.com/Peng2014/p/4687218.html]）说到reflow和repaint就不得不提到页面的渲染过程：(1).用户输入网址（假设是个 HTML 页面，第一次访问，无缓存情况），浏览器向

2020-09-28 08:23:11 133

qq_40536213的博客