- 博客(40)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 css修改input框默认样式（checkbox）
项目场景：可以看到这是checbox，底图为默认样式，但是是单选框的逻辑，开始打算用radio实现样式修改不过遇到了很多困难，还是选择了checkbox实现单选逻辑解决方案：替换内部对号为icon及修改内部填充色等input[type="checkbox"]::before { content: ""; position: absolute; top: 0; left: 0; background: #fff; /* 未选中时的背景颜色 */ width: 100
2022-05-29 21:08:18
3451
1
原创 css修改input框默认样式（date）
项目场景：如图，需求方要求input框的日期选择器修改成如下格式，默认样式如底部解决方案：以下为修改步骤：替换日期选择器icon，并将其移到左边input[type="date"] { display: flex; padding-left: 10px; padding-right: 550px; font-size: 16px; line-height: 24px;}input[type="date"]::-webkit-calendar-picker-
2022-05-29 20:59:23
5204
原创 javascript实现某元素显示隐藏带动其他元素隐藏显示
项目场景：提示：前几天运营想要实现一个效果，当滚动轮滑过某个视口时，当该视口不可时，悬浮框显示，当该视口上滑可见时，悬浮框可见。可以看到上方底色的背景显示时，右下角黑色悬浮框隐藏，上方背景隐藏时，下方悬浮框隐藏。因为不想用jquery以及通过offfsetHeight计算等实现，采用了intersectionObserver实现，解决方案：提示：开始时总想着监听下方背景板，但后来发现无法实现，改为监听上方背景板实现。`<!DOCTYPE html><html lang="en
2022-05-25 20:50:44
447
原创 js使用时间戳实现倒计时功能
项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述问题：运营方反馈需要实现这样一个功能，当某个时间节点到了以后，当前时间变色。解决方案：countDown();// 实现赛事进程倒计时功能function countDown() { let timeArr = ["2022/6/10", "2022/10/12", "2022/11/15", "2022/12/15"];
2022-05-25 17:47:57
325
原创 Git报错fatal：Authentication failed for ...解决方法
git config --system --unset credential.helper以后每次和远程分支进行交互操作都要重新输入账号密码。git bash进入你的项目目录，输入：git config --global credential.helper store
2022-01-14 09:06:16
532
原创 ant-design的input组件(textarea)内置内容换行
<Input.TextArea disabled={true} autoSize={{ minRows: 8, maxRows: 10 }} value="{0}：订单支付金额 {1}：用户点击落地页" />
2021-12-29 11:51:34
3012
原创 理解ES6中的代理与反射(Proxy)
概述es6新增的代理和反射为开发者提供了拦截并向基本操作嵌入额外行为的能力。具体的来说，就是在对目标对象的各种操作影像目标对象之前，可以在代理对象中对这些操作加以控制。文章目录概述一、创建空代理？二、定义捕获器三、捕获器参数和反射API四、可撤销代理总结提示：以下是本篇文章正文内容，下面案例可供参考一、创建空代理？ const target = { name: "yang", }; const handler = {};
2021-12-27 10:39:56
461
原创 vite中支持less预编译
问题背景：在别的帖子上看到vite支持scss预编译，于是向试试less，因为平常习惯用less，但是在试的过程中遇到了问题，比如看到必须要改为index.module.less，经过试验要去掉module才可以成功。安装依赖npm i vite less -D不需要配置任何文件，直接引入即可生效...
2021-12-24 12:46:13
1686
原创 docker启动MySQL报错
一.问题描述今天用docker拉取了MySQL镜像，但是启动的时候遇到了问题。error: database is uninitialized and password option is not specified You need to specify one of MYSQL_ROOT_PASSWORD, MYSQL_ALLOW_EMPTY_PASSWORD and MYSQL_RANDOM_ROOT_PASSWORD二.解决由于没有找到其他帖子上在图形化界面上操作的修改，因此我们选
2021-12-23 09:31:14
5338
1
原创 把微信小程序异步API封装成为Promise，简化异步调用
第一种封装// index.jsconst toPromise = (wx) => { return (method) => { return (option) => { return new Promise ((resolve, reject) => { wx[method]({ ...option, success: (res) => { resolve(res) }, .
2021-12-22 11:53:06
476
原创 ant-design使用Upload组件时onchange回调函数没有获取到event
import React, { useState, useEffect } from 'react';import { LoadingOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';import { Upload, Button } from 'antd';import type { UploadChangeParam } from 'antd/lib/upload';import type { RcFile, Up
2021-12-21 14:44:47
2627
原创 微信小程序关于redirectTo和navigateTo、navigateBack详解及使用
文章目录前言一、小程序导航跳转的几种方法？二、使用步骤1.A页面跳转2.B页面处理数据3.A页面处理(扩展)总结前言前言：在小程序开发过程中，我们会遇到这样的需求，点击A页面上的某个元素跳到B页面(使用redirectTo)，在B页面上处理完数据之后再回到A页面(使用redirectTo)，那么A页面会重新被渲染，数据全部初始化，特别是某些需要权限认证的页面，重新认证是不合理的，这不满足需求。因此选择了A→B(使用navigateTo)，B→A（使用navigateBack)那么A页面不会重新执行o
2021-12-14 12:08:26
8494
原创 微信小程序请求错误时使用vantWeapp的空状态(van-empty)
文章目录前言一、van-empty是什么？二、使用步骤1.引入2.读入数据前言本文介绍了vant-weapp一些组件的使用经验提示：以下是本篇文章正文内容，下面案例可供参考一、van-empty是什么？vant-empty是vantWeapp展示类组件中的一个组件，适用于系统发生各种错误以及网络错误或者展示各种提示，支持自定义图片、描述文字以及底部插槽。二、使用步骤1.引入代码如下（示例）：{ "usingComponents": { "no-right": "../../
2021-12-14 10:31:09
1866
原创 vantWeapp使用动作面板(van-action-sheet)时数组动态添加编辑数据
项目背景：在实现如下功能时，我们想要实现点击电话按钮实现弹出电话号码面板并点击拨打电话。但是后台返回的电话号码数据并不是数组，因为我们要对data值进行动态添加。数据格式对应代码 <van-action-sheet show="{{ show }}" actions="{{ actions }}" cancel-text="取消" bind:cancel="onClose" bind:close="onClose" bind:select="onSelect" /> dat
2021-12-11 22:33:32
3364
3
原创 eslint报错`react-redux` import should occur before import of `./style/index.module.less`
我们知道，在模块化开发中，关于引入类库或者组件的顺序问题是有共识的，一般是第三方类库在上方，本地文件在下方。但有时候没有注意到，eslint好强大库????，这都能给我发现。import React, { useEffect, useRef, useState } from 'react';// import axios from 'axios';import styles from './style/index.module.less';import history from '../../his
2021-12-09 12:42:45
2881
原创 微信小程序复杂条件判断按钮显示隐藏
背景概述: 第二个和第三个view根据条件判断显示，第一个view根据条件判断是否在任一页面显示。<view class="root"> <view wx:if="{{(hasRecord || length > 0) && apiFinished }}" class="navigate-wrapper"> *** </view> <view wx:if="{{hasAuth&& a
2021-12-09 10:21:52
2346
原创 表单验证+策略模式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title
2021-12-04 21:49:18
94
原创 arco-design初始化
安装脚手架npm i -g @arco-design/arco-cli查看版本号注: 第一次查看版本会让选择平台初始化项目选择创建类型初始化并安装依赖.启动项目经过排查错误发现是依赖安装失败，因为打开了很多个控制台，上一个初始化时依赖安装失败并没有查看到，npm install重新安装就好排查失败原因发现了这样一行文字，最直观的感觉就是没有设置镜像，所以导致安装失败，因此查看了配置文件。直接复制粘贴设置镜像就好。重新启动.
2021-12-01 10:32:18
4245
2
原创 前端实现简单的词法分析(生成tokens)
const LETTERS = /[a-z0-9]/;const LeftParentheses = "LeftParentheses";const RightParentheses = "RightParentheses";const JSXIdentifier = "JSXIdentifier";const AttributeKey = "AttributeKey";const JSXText = "JSXText";const AttributeStringValue = "Attribu
2021-11-30 21:03:59
348
原创 CSS的background属性的缩写顺序
background 简写属性在一个声明中设置所有的背景属性。他有8个属性：background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image他是一个复合属性：为了可读性，定一个CSS书写规范，规则2.1：background的值的顺序是background-color，backgr
2021-11-25 10:09:54
637
原创 虚拟代理合并HTTP请求
项目背景: 在一个公司内部的后台项目中，有一个需求是修改状态，由于用户发起多次请求会增大服务器压力，且服务器资源被其他项目占用资源过多，因此将修改状态请求进行了优化。data () { return { editStateArray: [], timer: null }}，methods:{ editSportsConfigState (scope) { const { row: { id, state } } =
2021-11-24 18:32:06
1260
原创 yarn设置镜像源
今天在用yarn初始化react项目时，下载依赖很慢，一开始没反应过来，后来看了下配置文件，发现没有设置镜像源。命令行查看配置文件查看解决，只需要配置镜像即可切换为淘宝源yarn config set registry https://registry.npm.taobao.org或者切换自身(一般比较慢)yarn config set registry https://registry.yarnpkg.com...
2021-11-24 12:47:08
11536
原创 docker初上手踩坑
1.去官网下载后，docker安装失败。解决办法：按照上述链接操作安装即可，然后重启。2.配置docker镜像加速，找到编辑文件。(一般都在我们的c盘个人目录下，找下就能找到)进行编辑，参考这篇文章...
2021-11-24 09:35:33
407
原创 使用el-upload时的一些坑点
使用背景:笔者目前在迁移一个项目，将一个使用react技术栈的一项迁移到一个使用vue的项目中，在实现过程中，由于不熟悉以及个人能力所限，遇到了很多问题，记录一下。1.关于el-upload上传成功后仍然显示校验规则的问题解决方案:出现这种问题的原因其实是因为我们群LOGO对应的数据，在上传成功后没有赋值，也就是提交表单时部分数据为空，那自然不可能验证通过。不过一开始并没有想到这个问题，在网上搜索时走了很多弯路，比如下面几篇文章，其实有些繁琐。网上搜索到的解决方案，其实我们只要添加一个上传成功后的回调
2021-11-23 14:26:58
2191
原创 二次封装axios请求
import { getPtKey, getPtPin} from './util.js'class Axios { post(url, data, formType) { return this.request("POST", url, data, formType) } get(url, data, formType) { return this.request("GET", url, data, formType) } put(url, data, formTyp
2021-11-22 12:03:28
190
原创 记一次错误在git的master分支开发的解决方案
问题背景:日常我们进行项目开发，都是在dev分支上，由于笔者的失误错误的在master分支开发并且已经添加到暂存区和本地仓库，记录一下自己的解决。查看当前版本git log2. 删除暂存区和本地仓库的文件 ***这个时候，我们必须撤销版本库的修改才能解决问题！ git reset有三个选项，--hard、--mixed、--soft。***//仅仅只是撤销已提交的版本库，不会修改暂存区和工作区git reset --soft 版本库ID//仅仅只是撤销已提交的版本库和暂存
2021-11-22 11:47:23
722
原创 微信小程序中关于src变量拼接的问题
最近在做微信小程序字符串和变量拼接的时候遇到了问题，试了很多种最后找到了合适的传参方式，记录一下。imageUrl 是变量 <web-view src="{{'https://h5.m.jd.com/babelDiy/****?imgUrl=' + imageUrl}}"></web-view> ...
2021-11-19 17:46:38
1785
原创 微信小程序如何支持长按识别二维码功能
1.previewImage小程序wxml<image src="{{image}}" bindtap="imgLoad"></image>小程序js文件 imgLoad: function(event) { let imgList = [ '**', ] wx.previewImage({ current: '**', // 当前显示图片的http链接 urls: imgL
2021-11-17 15:01:36
1478
原创 微信小程序使用less函数简写
在使用less函数时，发现网上找到的帖子都是用变量名作为属性值，于是萌生了将变量名作为属性名的念头并付诸实践。WXML部分代码<cover-view class="scan-camera__border" scroll-top="0"> <cover-view class="scan-camera__border--common scan-camera__border--left--top " scroll-top="0"></cover-view>
2021-10-27 14:07:33
120
原创 记录实战中应用transform的一些问题
<div class="subject w"> <img src="./assets/logo.png" alt="" class="subject-logo"> <div class="subject-info"> <h2 class="subject-title">项目标题:基于云服务平台的高分卫星数据京津冀一体化综合应用服务软件</h2>
2021-07-12 12:50:02
167
原创 圣杯布局的简单实现
一.圣杯布局先给出html结构，注意想要自适应的center放在前面。<body> <div id="header">#header</div> <div id="container"> <div id="center" class="column">#center</div> <div id="left" class="column">#left</div> <di
2021-07-05 18:58:02
78
原创 let、var、const的区别
一.Javascript发展简述“1994年，网景公司（Netscape）发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器，轰动一时。但是，这个版本的浏览器只能用来浏览，不具备与访问者互动的能力。此时网景公司急需一种网页脚本语言，使得浏览器可以与网页互动。”彼时Sun公司的Java语言正大行其道，Sun公司大肆宣传，许诺这种语言可以"一次编写，到处运行"（Write Once, Run Anywhere），它看上去很可能成为未来的主宰。网景公司动了心，决定与Sun公司结成
2021-04-17 14:42:56
72
原创 arcgis api for js4.x版本中引用本地切片地图时跨域
首先需要下载resource-proxy代理，随后将文件夹呀放入tomcat的webapp目录下。urlUtils.addProxyRule({ urlPrefix: "http://localhost:6080",//配置文件proxy.config中的地址,要请求的地址 proxyUrl: "http://localhost:8080/Java/proxy.jsp"//部署的代理文件地址 }); var myDynamicLayer = new MapImageLayer(
2021-04-11 19:23:56
361
原创 样式中同级元素同时hover
<div class="subnav"> <ul> <li><a href="#">前端开发</a><span>></span></li> <li><a href="#">前端开发</a><span>></span>&l
2021-04-10 16:16:34
392
原创 手撕排序查找算法
arr = [1, 12, 65, 48, 56, 34, 78];一.排序算法1.冒泡排序function buddleSort(arr) { let length = arr.length, temp; for (let i = 0; i < length - 1; i++) { for (let j = 0; j < length - 1 - i; j++) { if (arr[j] > arr[j + 1]) { temp
2021-03-22 16:33:51
66
原创 面经汇总
一.Vue1.单页面应用优缺点https://www.jianshu.com/p/72a5e90582c62.computed和watch的区别https://zhuanlan.zhihu.com/p/99894379?from_voters_page=true3.v-for 和 v-if 的区别https://blog.csdn.net/TurtleOrange/article/details/89518721?utm_medium=distribute.pc_relevant.none-ta
2021-03-20 21:23:45
60
转载 http2.0和1.x
一、HTTP的基本优化影响一个HTTP网络请求的因素主要有两个：带宽和延迟。带宽如果说我们还停留在拨号上网的阶段，带宽可能会成为一个比较严重影响请求的问题，但是现在网络基础建设已经使得带宽得到极大的提升，我们不再会担心由带宽而影响网速，那么就只剩下延迟了。延迟浏览器阻塞（HOL blocking）：浏览器会因为一些原因阻塞请求。浏览器对于同一个域名，同时只能有 4 个连接（这个根据浏览器内核不同可能会有所差异），超过浏览器最大连接数限制，后续请求就会被阻塞。DNS 查询（DNS Lookup）：
2021-03-18 08:59:16
84
原创 JavaScript之手写快速排序
JavaScript之手写快速排序 var arr = [1, 2, 3, 4, 5, 6, 7]; function quickSort(arr) { if (arr.length <= 1) return arr; var arrIndex = Math.floor(arr.length / 2); var arrNum = arr.splice(arrIndex, 1)[0]; var left = [], righ
2021-03-17 20:42:12
142
原创 爬取中国各省份新冠疫情数月数据
由于前段时间正好有这样一个需求，当时做好的是爬取的数据放到txt然后导入到数据库，最后通过navicat导出为excel，本人兴趣使然，学习了python想写一个更简单的程序，虽然不尽人意，比如想把各个省份的数据放在各个表单里面，但由于使用的模块每次填入数据都会清空以前的数据，如果用复制的方法，每次填入一个省份的数据就要复制先前填入的数据，给我的感觉很别扭，我宁愿不去实现这个功能，但由于时间精力有限，所以现阶段只能做到这个地步了。虽然这个代码只有很短的一段，但是是我用了几天才写成的，本人也是初学者，嘴下留
2020-05-30 18:05:45
5669
3
空空如也
文件里面的emp这个界面运行不出现，点击用户管理也不出现。
2020-06-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人