自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

h5杂记

项目bug 及技术分享

  • 博客(19)
  • 收藏
  • 关注

原创 手写Promise

手写 PromisemyPromise 基本实现Promise构造函数接收一个executor函数,executor函数执行完同步或异步操作后,调用它的两个参数resolve和rejectPromise有三个状态: pending 等待(进行中)、resolved 成功 、rejected 失败function myPromise (excutor) { var self = this // 当前的状态 self.status = 'pending' // 状态为成功时的值 self.v

2021-01-08 17:31:38 78

原创 require.context 注册vue组件

VUE 优雅的组件全局注册高复用vue的组件花式引入注册引入的方式 require.context组件结构src目录下 高复用组件目录 @src/moreComponentglobal.jsmain.js在任意组件调用demo预览高复用vue的组件花式引入注册引入的方式 require.context组件结构src目录下 高复用组件目录 @src/moreComponentglobal.js/* * @Author: 王新鹏 * @Date: 2020-11-26 09:17:52 *

2020-11-26 10:15:22 247

原创 事件循环JS

事件循环

2023-03-14 17:02:55 80

原创 如何理解JS异步

js异步的理解

2023-03-14 15:56:32 83

原创 ant form动态字段 表单校验页面不标红

问题如下动态的设置form的值点击保存时应该校验必选字段, 页面未标红提示, 但是控制台已经打印了错误如图2期望正确的校验 图3解决定义 :selfUpdate=“true”自定义字段更新逻辑,你可以通过 Form 的 selfUpdate 进行统一设置。当和 Form 同时设置时,以 Item 为准。 需 1.3.17 版本以上...

2021-08-03 18:58:18 1316

原创 ant design confirm 中this

Ant Design 使用弹框时 在确认的回调中this为空, 需要写成箭头函数可以解决// 登出函数logout = () => { confirm({ title: '确定要退出登录吗?', icon: <ExclamationCircleOutlined />, content: '退出后将清除登录信息!', okText: '确定', canc

2021-04-25 09:53:50 594

原创 react 使用 pubsub-js实现兄弟组件传参

// 下载插件yarn add pubsub-js组件Await 订阅import React, { Component } from 'react'import PubSub from 'pubsub-js' // 引入插件export default class Await extends Component { componentDidMount(){ /* 通过subscribe 订阅消息 有两个参数 参1 订阅的消息名 同发布一个 参2

2021-03-29 11:55:49 208

原创 react Fetch 请求 举个栗子

fetch 关注分离设计思想import React, { Component } from 'react'export default class Search extends Component { // 起步版 search = () => { const id = 1; fetch(`/api/search/getdata?id=${{id}`) .then( response =>{ // 跟服务器联系上了 return respo

2021-03-29 11:32:43 112

原创 echart 堆叠柱形图总数

在使用堆叠柱形图 展示总数于柱形上vue 使用组件动态设置数据父组件methods: { MerchantsId(val) { // 获取行业分类数据 getCategory({ codes: val }) .then((response) => { this.topxAxis = []; this.topseries = []; // 数据处理 视业务需求 const arr = response.data; var

2021-01-26 15:43:41 742

原创 MUI 级联选择器 第二级回显

MUI 级联选择器 第二级回显多级选择: 使用setSelectedValue选择默认值时, 第二级需要延时写入<input type="text" placeholder="请选择区县" readonly class="screen_quxian screen_quxian_shop">let active_sele = ''let active_sele_1 = ''$('.screen_shop').on('click', function () { // 接口返回的数据

2020-12-21 09:39:54 528

原创 VUE render函数使用

- - - render函数拯救繁乱的template - - -在vue开发中,因为要控制不同的变量展示不同的模块,所以频繁的使用了v-if 、v-if-else、v-show等。使得页面过于繁乱,所以可以自己封装一下自己的组件复杂的判断<template> <div> <h1>复杂的判断</h1> <!-- 假设按钮有多种类型,通过value来显示不同类型 --> <div v-if='value ===

2020-11-26 11:06:52 592

原创 vue 异步延时执行

vue 异步延时执行一、问题如下:弹框输入内容,输入完提交。提交参数需要在input失去焦点后请求拿到,导致输入完点击提交时,无法拿到所需要的数据。需要点击时延时二、解决方案使用Promise解决 <script>const timer = ms => new Promise(resolve => setTimeout(resolve, ms))methods: { async save () { await timer(500) //

2020-05-20 09:11:01 3009

原创 前端 微信二次分享

前端 微信二次分享一、问题如下:从秀健身APP分享到微信、qq、微博等时,表现形式像名片一样,有标题 描述 图片,此时打开链接查看 内容,再次点击分享按钮,分享后的名片丢失描述及图片二、解决方案使用微信公众号jssdk自定义分享1.首先引入微信jssdk =》 向下兼容 <script src="https://res2.wx.qq.com/open/js/...

2020-01-07 15:18:06 488

原创 cdn 技术浅解

cdn 技术浅解使用CDN会极大简化网站的系统维护工作量,网站维护人员只需将网站内容注入CDN的系统,通过CDN部署在各个物理位置的服务器进行全网分发,就可以实现跨运营商、跨地域的用户覆盖典型的CDN系统由分发服务系统,负载均衡系统和运营管理系统组成分发服务系统:就是cache 设备 用来获取最新的内容,将其与本地已有、未有的内容更新、添加,并且在收到请求时, 返回出本地的内容给用户。负...

2020-01-07 15:09:58 231

原创 vue 生成二维码 页面保存为海报

vue 生成二维码 页面保存为海报页面需求:在app,点击分享跳转页面, 在当前页面展示邀请人信息、生成可扫描跳转的二维码及其他信息,在站内外都可以将生成卡片保存到本地。生成二维码 vue-qr 插件 地址:https://www.npmjs.com/package/vue-qr 此插件可以生成带logo的二维码将页面保存为图片 使用 html2canvas 插件 地址: htt...

2020-01-07 14:57:23 1382

原创 vue & h5 事件埋点

vue & h5 事件埋点项目需求: 记录在app内点击页面完成的事件项目技术使用: 友盟的API实现过程:在友盟注册账号, 就可以在网站统计中开始部署了vue 中使用在github上有封装好的插件 vue-uweb下载链接下载后在main.js中注册使用,传入参数 siteId 是在友盟拿到的id, 每个环境都不同, 在这里动态赋值其余参数为是否开启调试模式、 是否开...

2020-01-07 14:34:58 2823 1

原创 VUE 项目落地页使用 LinkedME 深度链接服务跳回App

VUE 项目落地页使用 LinkedME 深度链接服务跳回App当前需求: 在微信或者浏览器中打开页面, 需要跳转回对应app;当前实现技术: 使用 LinkedME 深度链接服务实现流程:1。 ios 后台配置及处理相关参数完成2。 javascript 前端调用3。 在项目中,api目录下 引入了 linkedme.min.js ,同时创建了 linkedme.js , 对初...

2020-01-07 14:18:43 2687

原创 js左右滑动手势

js左右滑动手势在一定端最常用的事件之一会就是滑动了,但是js却未给我们提供相应的方式方法,所以只能自己封装了实现心路历程首先要判断滑动的两个大方向,垂直和水平 ,通过touchmove和touchstart的坐标可以相减得出运动的垂直边与水平边,再比较两条边的大小判断得出滑动的大方向得出大方向后可以通过相减后正负值的结果判断左右上下滑动,调用写好相关的函数调用touchmove...

2020-01-07 14:03:51 2645

原创 随着页面滚动,标题栏颜色变化

随着页面滚动,标题栏颜色变化页面头部标题一开始是透明状态,,随着屏幕滚动,颜色慢慢变深,到一定高度停止变化给window 绑定滚动事件,获取当前滚动的高度当前高度 * 最大透明度 / 停止变色高度 = 透明度// 标题颜色改变var banner = document.querySelector('.banner'); // 获取滚动停止位置的元素var bannerHeight = ...

2020-01-07 13:57:06 1872

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除