- 博客(96)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Flutter-RichText 文本更多，隐藏效果
2. RichText使用文字后展开、隐藏功能实现完整代码在文本末尾2.1. 实现目标 当文本超过3行时，显示省略号并显示 ‘更多’ 按钮，点击更多展示完整文本； 完整文本末尾显示 ‘隐藏’ 按钮，点击隐藏，回到状态 1 多条数据互不影响 2.2. 基本实现思路： 判断文本是否超过最大行maxLines，可以通过TextPainter获取小控件属性，再根据 didExceedMaxLines 属性返回的布尔值进行判断。 判断完成后，因为要在三行文
2022-03-29 14:29:58
4688
原创 react-native获取指定元素宽高位置信息
// 计算合适高度 const _onLayout = useCallback((e) => { let { x, y, width, height } = e.nativeEvent.layout }, [])<View onLayout={_onLayout}> ...</View>
2021-10-21 14:17:58
1417
原创 JS-数据类型判断
function isType(data, type) { const typeObj = { "[object String]": "string", "[object Number]": "number", "[object Boolean]": "boolean", "[object Null]": "null", "[object Undefined]": "undefined",.
2021-09-20 14:39:03
303
原创 Vue2 下， axios多下载处理，包含跨域
1.环境@vue/cli 4.5.13“ant-design-vue”: “^1.7.7”,“axios”: “^0.21.1”,“crypto-js”: “^4.1.1”,“jquery”: “^3.6.0”,“vue”: “^2.5.2”,“vue-router”: “^3.0.1”,“vuex”: “^3.6.2”项目地址：https://gitee.com/beiysd/react-methors.git效果2.跨域处理config -> index.j
2021-08-26 11:49:56
741
原创 axios下载，多个下载并行
1.效果2.主页面代码/** * @name DownLoad * @description 下载进度条 */import React, { Component } from "react";// import axios from "axios";// import { isDev } from "@/utils/axios";import { Title } from "@/component";import { Button, Progress } from "antd"
2021-08-25 18:30:29
885
2
原创 MySQL学习_1_MySQL安装与设置
1.下载MySQL压缩包MySQL官网下载地址https://dev.mysql.com/downloads/mysql/选择合适版本下载2.个人配置配置内容[client]#设置mysql客户端默认字符集default-character-set=utf8mb4[mysqld]#设置3306端口port = 3306#设置mysql的安装目录,自己的mysql安装目录basedir=H:\\Tools\mysql-8.0.26-winx64#设置mysql数据库
2021-08-24 17:10:25
115
原创 vue中计时器初始化时会重复
描述计时器在 mounted 中被调用，会重复 mounted() { this.timer = setInterval(this.testWord, 1000); },原因旧有计时器没被清理，这和生命周期有关解决方法使用beforeDestroy刷新页面会清除旧有计时器 beforeDestroy() { if (this.timer) { clearInterval(this.timer); } },...
2021-04-28 11:07:37
524
原创 Linux-行内常用命令集合
1.云服务器安装图形界面服务器操作系统：CentOS 7.5 64 位此处使用的是GNOME极简桌面1.1 效果1.2 操作命令1 安装 GNOME 桌面和图形管理工具期间会有一次确认中断，输入 y，回车就好yum groupinstall "GNOME Desktop" "Graphical Administration Tools"2 默认登录模式systemctl set-default multi-user.target //设置成命令模式syste
2021-04-27 09:56:10
130
原创 git push 提交失败的几种原因
1.clone时使用快速克隆方式报错代码：error: RPC failed; curl 18 transfer closed with outstanding read data remaining因为git中config的url出错删除.cnpmjs.org，回归原始路径，再次提交就可以了2.http.postBuffer参数过小在git命令行窗口执行命令：git config --global http.postBuffer 524288000 调整postbuffer为50
2021-04-26 21:18:35
3484
原创 vuepress+百度统计 API 调用+源码
⭐️ ⭐️ 这是百度普通版统计 API 使用，而非百度商用版 API百度统计百度统计-用户手册这里有各式各样的请求参数和示例，总能找到你想要的返回数据1 必要条件1.1 在 vuepress 项目中已引入百度统计详情可见：引入百度普通版统计1.2 vuepress 项目中已有本地主题文件 theme，这个并不是必要的，但我是为了方便显示统计文章的浏览量，而使用的自定义主题详情可见：自定义主题开发2 百度统计 API 必要参数获取2.1 登录百度统计进入管理页面下的其他设置-.
2021-04-23 17:45:53
1801
3
原创 vuepress自定义主题开发-超简单模式
1.简单模式-修改默认主题1.1 新建 theme 文件夹在.vueress 文件下，新建 theme 文件夹1.2 找到 vuepress 自带的默认主题模板在 node_modules 下寻找*@vuepress_theme-default@1.8.2@@vuepress文件，并将文件夹下除开 node_modules 的其他文件，复制粘贴到 theme 文件中，你就可以随意修改主题⭐️ 需要注意的是，需要在 docs 下的 README.md 文件中写入 home:true 及入口按钮等
2021-04-23 17:31:53
3198
原创 vuepress引入百度统计-图文详解
百度统计百度统计-用户手册这里有各式各样的请求参数和示例，总能找到你想要的返回数据1.注册并登录百度统计账号注意 这里有两种账号，本文介绍的是百度普通版统计，而非商用版2.新增网站通常情况下网站域名和网站首页一致网站类型根据自己情况填写3.复制代码到 config 配置文件3.1 如图所示，复制统计代码3.2 配置 config 文件因为 vuepress 是静态渲染服务，所以更换路由不会刷新页面，所以要进行第三步配置，监听路由变化，反馈到百度统计3.3 添加
2021-04-23 15:30:46
1003
原创 vue 监听路由变化
watch: { // 监听路由变化 "$route.path": function(newVal, oldVal) { console.log(`new_path = ${newVal}, old_path = ${oldVal}`); }, },
2021-04-22 17:24:17
151
转载 使用encodeURI和decodeURI转码和解码
原文：使用encodeURI和decodeURI转码和解码encodeURI() 函数可把字符串作为 URI 进行编码。语法:encodeURI(URIstring)参数 描述URIstring 必需。一个字符串，含有 URI 或其他要编码的文本。返回：URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。说明该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。该方法的目的是
2021-04-22 11:38:31
2780
原创 输入框数字输入，整数部分用千分位表示，小数保持原样
1.参考Antd-InputNumber 该组件存在的问题此组件中没有限制输入， 导致数字之外的字符也可以输入小数点允许重复输入，且使用千分位表示2.设计抛弃antd-input组件，使用原生input，又因为千分位逗号生成，所以不指明type类型监听input-onChange事件，对内容进行校验及转换3.逻辑主要部分在设计的第二步，即功能的实现输入只能是数字和小数点 /^([0-9](\.)|[0-9])*$/小数点只能出现一次/^(?!.*(\.).
2021-04-13 17:00:08
1689
原创 打包的时间
打包的时间需要在主文件 index.html head 标签内写入//打包的时间,用于判断包的版本是否更新<meta name="build-date" content="<%= new Date().toLocaleString() %>" />
2021-04-13 10:28:42
212
原创 百度在线读音示例-中文+英文
在线读音-百度 api 示例参考：https://www.cnblogs.com/HelloBytes/p/13069667.html1.TTSTTS 是 Text To Speech 的缩写，即“从文本到语音”，是人机对话的一部分，让机器能够说话。TTS 是语音合成应用的一种，它将储存于电脑中的文件，如帮助文件或者网页，转换成自然语音输出。TTS 不仅能帮助有视觉障碍的人阅读计算机上的信息，更能增加文本文档的可读性。TTS 应用包括语音驱动的邮件以及声音敏感系统，并常与声音识别程序一起使用
2021-04-13 10:06:51
3661
1
原创 react+Antd-Upload组件-图片上传 使用记录
1.场景注册上传图片，所有信息填写完毕后统一返回给后端，提交注册*** sessonStorage 关闭会话框即会清空*2.效果2-1 保留Upload组件自带的预览和删除功能2-2 做了特殊判断，只上传一张，和上传多张图片的处理，本质是对上传按钮的显隐控制3.业务逻辑3-1. 上传一张图片，调一次图片接口，返回线上路径，本地存储线上路径（格式为下方代码所示，其中uid是Upload组件上传时的uid，path为后端返回图片路径）多图：[{id:uid, path:'xxx'}]
2021-04-09 12:03:18
2481
原创 JavaScript原生跨域-记录
数据聚合前端线上CDN加速1、jsonp跨域** 此跨域只支持get请求1-1、script标签写法代码段中使用的是聚合数据测试接口，key需要自己申请个免费的就行window.onload=function(){ // jsonp跨域 var scripts = document.createElement("script"); scripts.src ="http://v.juhe.cn/todayOnhistory/queryEvent.php?date=3/30&key=*
2021-03-30 14:49:32
225
原创 JS原生-随机点名
<!-- * @name: * @author: wuxd * @Date: 2021-03-17 11:10:59 * @LastEditTime: 2021-03-30 11:14:53--><!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content.
2021-03-30 11:17:07
151
原创 vuepress 图像放大
图片放大参考 @vuepress/plugin-medium-zoom安装yarn add -D @vuepress/plugin-medium-zoom# OR npm install -D @vuepress/plugin-medium-zoom使用简单使用plugins: [ "@vuepress/plugin-medium-zoom"],自定义选项属性类型默认值描述marginnumber0放大图像外的空间backgroundstri
2021-03-24 18:07:58
1431
1
原创 vuepress 侧边栏自动生成
参考文档：Node.js 中 __dirname 和 ./ 的区别https://github.com/Darcrandex/my-blogVuePress 自动生成侧边栏和导航栏，完美替代 GitBook1.第一种方法，安装插件"vuepress-plugin-autobar":"boboidream/vuepress-bar",可以自动生成侧边栏，但侧边栏分组的展开关闭是互斥的2.第二种方法，获取文件夹下结构自行处理安装插件："directory-tree..
2021-03-24 11:22:36
4050
5
原创 taro + h5 并行开发，顶部返回按钮
1.场景：小程序开发，外层只套了个taro外壳，内部所有功能都在H5页面实现2.目录3.taro中首页为空页面，指向另一taro文件(home)，在home中使用webview跳转H5页面，这样一来，小程序顶部就会出现返回按钮...
2021-03-23 09:27:54
1601
原创 taro小程序 关于less、sass插件安装报错问题
1.问题描述2.根据报错，安装对应插件依旧提示同样错误3.依照官网对sass问题的处理，尝试安装$ npm install -g mirror-config-china，依旧不行4.后来发现taro版本过低，升级tarotaro update self
2021-03-22 17:50:29
1352
原创 Github clone报错OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com
1.取消代理使用https网络则取消https的代理（但我试了下依然无法解决问题，所以推荐第二种）git --config --unset https.proxy2. 忽略证书设置env GIT_SSL_NO_VERIFY=true git clone https://<host_name/git/project.git ...
2021-03-18 09:55:41
1510
转载 怎么把VSCode加入右键功能菜单中
转自：https://blog.youkuaiyun.com/weixin_37896608/article/details/91880097对于我们经常使用的研发、测试、产品、设计等工具，我们希望能直接快速的找到并使用，一般的方式基本上包括两种：1、桌面快捷方式2、电脑的开始菜单以上两种方式，在软件、工具安装的时候，即可实现，甚至我们在以上两种的基础上，还可以把 快捷方式 在底部 任务栏显示，但如果太多也不好看，而且个别情况下也不方便最近在做项目研发时，用到 VSCode，又不希望，在工具中再费劲找
2021-03-12 21:27:57
656
原创 Antd 3.x Modal.confirm 手动控制
1.场景在confirm中输入内容，检验不通过，则提醒用户，但不关闭confirm框2.问题antd 样例中，onOk，onCancel都是一触即关的模式3.解决后校验不通过，confirm框依旧存在，点击取消或是输入正确内容后点击确定，confirm框才会消失代码：/*** @name feedBack* @author beiysd* @description 反馈*/ feedBack = () => { let confirm = Moda
2021-03-04 22:25:05
2243
2
原创 react 嵌套路由的子路由页面，刷新报错；正常从父级跳入不报错
1.场景：2.原因：01：主文件index.html中的 js 引入路径写为绝对路径导致；02：引入的某一js文件地址出错，需要一个个检查；
2021-03-01 13:52:17
602
原创 vs-code编辑器下，将已有项目文件的换行符由CRLF替换为LF
1.环境：vscode编辑器1.37.12.场景：从远程仓库拉取的代码，因为设置原因，要求使用LF换行符；但拉取后代码因为git-bash默认或是vscode默认原因，导致使用的是CRLF换行符，导致运行项目报错3.解决方法：yarn lint使用yarn lint运行一次代码，会将项目文件统一转换为以LF换行符为结尾...
2021-02-27 18:32:54
6895
3
原创 Antd-4.x-DatePicker日期组件汉化问题
1.问题场景2.修复后3.原因按照antd官方给出的配置使用；antd4.x-DatePicker国际化配置/ 默认语言为 en-US，如果你需要设置其他语言，推荐在入口文件全局设置 localeimport moment from 'moment';import 'moment/locale/zh-cn';import locale from 'antd/lib/locale/zh_CN';<ConfigProvider locale={locale}>
2021-02-25 14:51:52
1660
1
原创 antd-popover样式更改，及参数详解
overlayClassName=>popover 识别参数 <Popover overlayClassName={ styles.ant_popover }//样式类 title={111}//标题 content={222}//内容 trigger='click'//触发方式-hover-focus visible={show}//手动显示 placement="topLeft"//相对页面内容，popover位置变化-共有.
2021-02-25 10:15:10
11702
3
原创 千分位正则
/** * @name: formatNumber * @Author: * @msg: 千分位 * @param {number} num * @return {*} */function formatNumber(num) { if (isNaN(num)) { throw new TypeError("num is not a number"); } return ("" + num).replace(/(\d{1,3})(?=(\d{3})+(?:$|\.)).
2021-02-10 11:52:42
209
原创 Jquery滚动到固定位置
1.场景：外部按钮控制容器滚动条，滚动到指定id的块级元素2.逻辑：3.源码/** * @Name: * @Author: * @Desc: 关于滚动条的一些事件 * @Date: 2020-12-04 09:25:34 */import React, { Component } from "react";import { Title } from "@/component";import $ from "jquery";import styles from "./st
2021-02-04 14:45:11
779
原创 日-周-月-年，时间选择组件
1.场景日：默认本日，以日为单位选择；周：默认本周，以周为单位选择；月-年类似2.组件：使用antd组件DatePicker3.效果4.源码：/** * @name TimeList * @desc 日期列表 * @author * @date 2021/02/03 */import React, { Component } from "react";import { DatePicker } from "antd";import moment from "m
2021-02-04 14:27:52
1491
原创 next.js window is not defined
1.场景公用方法是地址栏传参，用到window，但页面是react模板，使用时window is not defined，即使这样都不行if(!window){ return}2.原因next.js是服务器渲染，运行在node上的，并不是浏览器上的；所以使用生命周期componentDidMount，在页面渲染到浏览器后，才能找到window3.暂时解决都在页面的生命周期componentDidMount中...
2021-01-26 18:23:08
3904
原创 next.js引入图片404问题
1.场景next.js项目中，引入图片报404问题，路径是对的，但无法正确找到图片2.原因没有写入相应规则，比如react中，webpack自己已经默认做了配置，但next.js中需要手动配置**最好将图片放入最外层的static文件中引入方式<img src="/static/image/10440.jpg" alt="icon" />3.配置3.1安装url-loaderyarn add url-loader3.2 在next.config.j
2021-01-26 12:31:34
4064
2
原创 react、next.js引入路径修改
1.场景项目中引入文件，通常是import a from '../common/b'//表示src/common/b有些公共组件更是嵌套多层，所以使用符号@/，表示src/的路径使用import a from '@/common/b'//表示src/common/b2.react中使用环境："react":"^17.0.1","webpack":"4.44.2",2.1在根目录中创建jsconfig.json文件，添加以下代码{ "compiler...
2021-01-25 16:30:55
1786
转载 react项目和next项目修改默认端口号
转载：https://www.cnblogs.com/beileixinqing/p/10396472.htmlcreat-react-app生成的项目默认端口号是3000，如下可以更改：在package.json中修改 "start":"react-scripts start",为"start":"set PORT=9000 && react-scripts start",next.js按文档生成的项目默认也是3000 "scripts": { "tes
2021-01-25 13:53:28
570
react-template.zip
2020-09-15
taro 使用echarts图表.zip
2020-08-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人