还寝梦佳柒-优快云博客

原创 nginx国密证书(gmssl)安装

本文档基于此安装包安装若目标机无法上网，无法执行yum，可通过手动下载安装包，rpm执行安装，部分rpm安装包如下。

2024-04-25 15:10:37 3477 2

原创解决ucharts的@getIndex在微信小程序中获取不到Index的问题

由于微信小程序的独特性，会出现getIndex获取不到index的bug。需要动态传入页面滚动条滚动的距离offsetTop来解决该问题。代码如下：// 子组件代码<template> <view> <qiun-data-charts type="column" :chartData="chartsDataColumn1" :inScrollView="true" :pageScrollTop="pageScrol

2021-12-20 17:36:30 1814

原创使用ucharts地图实现全国碳排放地图

本次使用的是秋云ucharts，在移动端及uniapp用的很不错。ucharts官网：https://www.ucharts.cn/阿里云的地图数据来源：http://datav.aliyun.com/tools/atlas/中国地图数据JSON：https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json建议把json下载到本地代码如下<template> <view class="charts-box">

2021-12-17 16:18:29 2798 9

原创 uni-app（小程序）页面下滑（滚动）至指定高度

let scrollTop= 20rpx // 需要下滑的高度，如需下滑至底部，直接给99999就好了setTimeout(() => { uni.pageScrollTo({scrollTop , duration: 0});}, 50);

2021-12-17 15:48:14 1640

原创 JS 脱敏方法

// 脱敏方法export function desensitization(str, mixLength = 3) { // mixLength 字符串少于一定值则脱敏全部，增加脱敏位数 str = String(str); if (str.length <= mixLength) { return '*'.repeat(mixLength); } let len = str.length; let firstStr = str.substr(0, str.leng

2020-11-12 17:19:14 2153

转载使用react-motion实现react动画

123

2020-10-26 15:32:45 1913 1

原创 React 使用addEventListener监听浏览器窗口大小、浏览器滚动条滚动

componentDidMount() { // 监听滚动 window.addEventListener('scroll', this.handleScroll) // 监听窗口大小改变 window.addEventListener('resize', this.handleResize) } componentWillUnmount() { // 一定要最后移除监听器，以防多个组件之间导致this的指向紊乱 window.remove..

2020-10-26 15:11:56 3476

原创为数组中所有对象添加属性

2020-10-20 14:06:02 572

原创禁用F12浏览器开发者工具的几种方法

当不想让自己的代码被调试时，需要禁用F12功能。整理了以下几种方法：经测验，第一种方法和第二种方法结合使用最优。打开调试时跳转页面。<script> //debug调试时跳转页面 var element = new Image(); Object.defineProperty(element,'id',{get:function(){window.location.href="https://www.baidu.com"}}); console.log

2020-08-02 16:08:16 10813

原创将一个对象的全部属性作为react的路由参数

当需要某个按钮点击后跳转到指定的页面并附带参数，我是让后端返回一个带有指定路由和参数集合的对象用以跳转。注：以react为例，在某页面渲染两个需要做路由跳转的button,// 这是后端返回的dataconst data = [{buttonName:"好好学习",value:"/learn/react",parameter:{ study:'react' }},{buttonName:"天天向上",value:"/up/everyday",parameter:{ id:888

2020-08-02 15:45:31 651

原创 React中路由参数改变页面不刷新数据的情况

路由的参数由于是在componentDidMount中获取的，如果在详情页面再次打开详情页面，由于组件并没有重新渲染，导致didMount不会获取路由参数。因此在参数改变的时候，可以利用componentWillReceiveProps来更新变量。// 获取路由参数 componentDidMount() { const didMountId = this.props.location.query.id; this.setState({ id: didMountId }, () =&

2020-08-02 15:19:43 2786 2

原创 JS中对象的keys, values，entries函数

1、 Object.keys()ES5 引入了Object.keys方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历属性的键名。const obj = { a: "aaa", b: 1};Object.keys(obj) // ["a", "b"]2 、Object.values()Object.values方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历属性的键值。const obj = { a: "aaa", b: 1};Object.values(obj

2020-07-28 21:59:14 1793

原创将一个数组中的指定对象替换为另一个数组中的对象

const data = [ {id:1,name:'a'}, {id:2,name:'b'}, {id:3,name:'c'}, {id:4,name:'d'}, {id:5,name:'e'}, ];const replaceData = [ {id:1,a:'aaa'}, {id:2,c:'ccc'}, {id:3,e:'eee'}, ];const newData = [

2020-07-21 19:53:40 2789 1

原创 JS将毫秒转为天时分秒的时间格式

function formatTime(ms) { var days = parseInt(ms / (1000 * 60 * 60 * 24)); var hours = parseInt((ms % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = parseInt((ms % (1000 * 60 * 60)) / (1000 * 60)); var seconds = (ms % (1000 * 60

2020-07-20 17:01:02 456

原创 Centos系统中如何在指定位置下安装Nginx？

Centos系统中Nginx如何安装在指定位置下？前言安装教程功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言之前因为没有写博客的习惯，导致很多东西时间久了容易遗忘。安装教程我们对Markdown编辑器进行了一些功能拓展

2020-07-12 17:10:18 1931

qq_44877496的博客