家里有个兔崽子-优快云博客

原创利用antd进行轻量级表单开发，获取验证码

利用antd完成轻量化表单开发，主要解决的是获取验证码功能

2022-04-19 09:20:36 1563

原创利用html2pdf将html生成pdf

<!DOCTYPE HTML><html><head> <title>HTML转PDF测试</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /></head><body> <button onclick="downloadPdf()">生成PDF</but.

2022-04-14 10:06:16 1417

原创分享一个grid布局自动生成器

比如你有一个这样的布局需求那你可以进入这个网站：CSS Grid Generator操作完成后点击”请给我示例中的代码“

2022-03-07 16:44:55 1155

原创 react获取常规的select和antd的Select的选中值2种方式

antd版本：4.16.13react版本：17.0.2import React, { Component } from 'react'import { Select } from 'antd';const {Option} = Selectexport default class Test extends Component {//用onChange方法先保存select值 handleSelect=(value) => { //conso

2021-12-22 14:10:22 8415

原创纯js将json文件生产excel

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>j..

2021-11-18 17:17:36 187

原创 React结合antd开发后台，环境部署

1.安装脚手架2.创建react项目3.安装axios4.安装路由5.安装antd6.安装图标yarn add ant-design-icons：参考<link href="https://cdn.jsdelivr.net/npm/ant-design-icons/dist/anticons.min.css" rel="stylesheet"><i class="ai-smile-o"></i>7.安装代理npm install h

2021-08-19 14:55:28 259

原创记录一次阿里云sql数据库的一个数据表被误操作导致数据被全部修改

操作失败的情况：计划对一条记录修改时，没有传where，导致所有数据被修改解决步骤：将数据库的那个表改个名字或者删掉登陆阿里云→云数据库RDS→实例id→管理→备份恢复→临时实例，选择一个较早的数据备份，然后创建一个临时实例点击”迁移临时实例至主实例数据库“数据迁移→选择所属区域→创建迁移任务源数据实例选择临时实例，账号密码与目标的账号密码一样然后选择你要迁移的数据库里的数据表，勾选结构迁移、全量迁移，...

2021-08-13 14:53:03 349

原创 React中的计时器如何使用

import React, { Component } from "react";export default class App extends Component { state = { currentTime:new Date().toLocaleString() } /** * @author: xuehengfei * @description: 当前时间 */ getCurrentTime=() => {.

2021-07-07 09:16:06 926

原创 React开发相关插件

订阅消息：pubsub-js，方便兄弟间传递消息请求数据：axios //请求地址用`包住，不能用单引号 axios.get(`https://api.github.com/search/users?q=${keyword}`).then( promise => { console.log(promise.data); }, error => { console.log(error.message);

2021-07-06 15:47:16 472

原创 02_React开发之用VS Code进行开发todoList案例

找到你之前创建的react项目，右键选择open with code，如果右键找不到"open with code"，请参考这里，或者先打开vs code程序，再把项目添加进来

2021-07-06 10:48:42 271

原创 SuperMap GIS 10i(2020)资源整理

以下内容从超图官网(https://www.supermap.com/)整理技术资源中心官网：https://www.supermap.com/support/技术问答社区http://ask.supermap.com/优快云社区：https://blog.youkuaiyun.com/supermapsupport许可申请https://sso.supermap.com/login?service=https://www.supermapol.com/web/mycontent/clou..

2021-06-22 14:10:14 557

原创 iis环境替换SSL证书注意事项

将证书下载并存放到服务器端，通过运行(WIN+R)，输入MMC控制台将证书导入（文件→添加/删除管理单元→证书→计算机账户）打开iis控制台，打开其中一个https的网站，将证书更换如果域名做了云解析，另一台服务器也需要根据上述步骤替换ssl证书如果网站做了cdn加速，登陆CDN控制台，对证书进行替换...

2021-06-22 14:02:48 1222

原创行测数量关系公式总结

问题一：当A与B分别从甲地和乙地相向而行，第一次相遇时距离甲地n千米，继续前行到终点后返回，第二次相遇时距离乙点m千米，则甲乙相距多远？公式：3n-m，注意n>m

2021-04-23 16:39:42 618

原创 asp版阿里云HTTP批量推送模式获取上行短信

<%getpostjson=Request.TotalBytes '得到字节数if getpostjson=0 then response.Write("json null") response.End()end ifreadjson=Request.BinaryRead(getpostjson) '二进制方式来读取客户端使用POST传送方法所传递的数据json = bytes2bstr(readjson) '二进制转化json="{""data"":"&jso

2020-08-27 10:57:08 702

原创关于form表单提交

持续更新获取input的check类型的选中的多个值 <label class="radio"><input name="zforum" type="checkbox" value="English Forum" />English Forum</label> <label class="radio"><input name="zforum" type="checkbox" value="Forum en Français" /&g

2020-08-24 10:34:33 154

原创关于jquery的each的index

<div class="my"> <a href="javascript:;">1</a> <a href="javascript:;">2</a> <b>b</b> <p>p</p> <a href="javascript:;">3</a> <a href="javascript...

2020-08-06 09:35:10 972

原创关于(function () { })(jQuery)与$(window).load(function () {})与$(document).ready(function () {})；加载顺序对比分

<head> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <meta itemprop="dateUpdate" content="2020/7/7 11:36:24" /> <meta name="viewport" content="wi..

2020-07-23 14:53:38 212 1

原创获取当前省份

function islocal() { $.ajax({ type: 'GET', url: 'https://restapi.amap.com/v3/ip?key=48ea1c2fb9755702721d3dbefbf94b08', dataType: 'json', contentType: 'application/json', success: function

2020-07-23 09:13:42 451 1

转载 css3 object-fit详解

上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。object-fit理解CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：cover, contain等。object-fit也是类似的，但还是有些差异，具体有5个值：.fill { object-fit: fill; }.contain { object-...

2020-06-16 14:21:52 1093

原创 JS获取url地址中的参数的值

2020-06-09 16:49:24 316

原创如何让网站在两个以上服务器保证同步运行？

背景近期海外客户反馈，集团官网访问缓慢。分析原因如下：距离远：网站存放在阿里云华北区的服务器上带宽低：服务器带宽只有30M集团网站以目录名称来区分语言站点，可以参考华为网站命名方式：（日语）https://www.huawei.com/jp/，（加拿大语）https://www.huawei.com/ca/…目标解决方案硬件准备根据公司海外客户分布最终选择在孟买，供应商...

2019-12-26 17:19:14 1560

原创从sql server导出数据access时，id不会自动递增

最近想把网站连接的数据库从sql server改成连接.mdb文件，但是发现导出的mdb文件的表里的id不会自动递增。用microsoft access先创建一个空的mdb文件如：test.mdb接下来，打开sql server软件，选中目标数据库，右键→任务→导出数据，如下图下一步：选中access，点击浏览选中刚才创建的mdb文件下一步：勾上源左侧的框，点击右侧的目标数...

2019-11-26 09:37:36 396

原创分享一款视频弹出插件

来源：http://fancyapps.com/fancybox/注意：目前版本是v2，兼容jquery的v2以上fancybox1.3.4以及之前的版本不兼容jquery的v1.9之后的版本该插件支持单图、多图、iframe、swf等弹出，其中如果弹出iframe需要加data-fancybox-type="iframe"需要引用的文件主要有<script src...

2019-09-24 11:11:46 1175

原创 display:grid的使用方法

声明容器#app{display: grid;grid-template-columns: 200px auto;grid-template-rows: 50px auto 50px;grid-template-areas: "header header" "sidebar main" "footer footer";} //声明容器是grid，并将列分为200px，和auto ...

2019-03-20 10:45:19 4385

原创 ul 和ol标签通过before优化展示效果

2019-03-05 14:26:16 615

原创利用array的prototype属性自己写一些原生的JS方法

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><p id="demo"&amp

2019-03-05 09:23:36 257

原创 js学习心得

function test() { var s = ""; for (var i = 0; i < arguments.length; i++) { alert(arguments[i]); s += arguments[i] + ","; } return s; }t...

2019-02-26 16:04:49 636

转载 js获取函数执行所需时间

通过js的sort和阮一峰的快排来对比下函数执行时间var quickSort = function(arr) { 　　 if (arr.length <= 1) { return arr; }　 var pivotIndex = Math.floor(arr.length / 2); var pivot = arr....

2019-02-25 10:33:00 2024

转载 JS typeof 操作符

typeof "John" // 返回 string typeof 3.14 // 返回 numbertypeof NaN // 返回 numbertypeof false // 返回 booleantypeof [1,2,3,4] ...

2019-02-25 10:12:46 104

转载 js的字符串方法记录一下

var x = "JohnJohn"; // x 是字符串y = x.charAt(2); // hy = x.charCodeAt(2); // 104y = x.concat(y, y); // JohnJohn104104, x+y+yy = x.indexOf('h'); // 2, 索引从0开始y = x.lastIndexOf('h'); // 6...

2019-02-20 16:55:50 130

原创用flex将内容在div里居中

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0px auto; }

2019-01-22 11:07:36 1857

原创 js实现让网站的外链加target=_blank

function add() { var all_a = document.getElementsByTagName("a"); host_url=window.location.host; for (var i = 0; i < all_a.length; i++) { var domain = all_a[i].href.split("/");...

2018-12-24 15:32:54 2080

原创 js获取url中的主域名

var url = "http://support.supermap.com.cn/DataWarehouse/WebDocHelp/iMobileLiteFor";var domain = url.split("/"); //以“/”进行分割if( domain[2] ) { domain = domain[2];} else { domain = ''; //如果url...

2018-12-24 15:17:27 5165

转载背景图片随鼠标滑动

<div class="testBefore"><h1>BEFORE</h1></div><div class="fixedBg"></div><div class="testAfter"><h1>AFTER&lt

2018-11-12 17:13:38 1306

原创二维码生成

<!doctype html><html><head><meta charset="utf-8"><title>二维码生成</title><meta name="viewport" content="width=device-width,initial-scale=1,

2018-05-04 14:28:48 188

原创如何让图片用css酷炫的显示出来

鼠标放到第一个图上，第二图的logo会360度从0到1放大显示出来<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="view

2018-04-20 11:20:34 1018

原创如何用css对字体或背景做颜色渐变效果

想在你的网站上做出漂亮的颜色渐变效果，用css能实现吗？当然<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewpor

2018-04-20 10:18:51 323

原创如何在手机端显示导航栏横向内滚动，可以左右滑动

效果图如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="wid

2018-04-18 15:56:06 16415

原创 css图片如何在div居中显示，多出部分隐藏

在前端布局过程中，因为图片会从数据库获取，宽高不一致，只有强制设置宽高值，但是容易导致图片变形。接下来用css来解决上述问题，不过此方法不兼容ie效果图展示：下图始终在div显示居中，不受div的大小影响代码展示：<!DOCTYPE html><html><head lang="en"> <meta charset="UT...

2018-04-16 12:10:26 5511