lllllllN-优快云博客

原创钉钉登录第三方网站

钉钉登录第三方网站简单介绍最近有钉钉登录后台的需求,于是在百度上找了很久,但是不是很多,于是就在想是不是过于简单导致没资料,实在没得办法,自己手动搞,最后发现其实官方已经说的很明白了,按照官方提示做就好了钉钉开发文档具体方案官方提供了两种方案一种是新开钉钉二维码页面,扫码再回到自己的页面另一种就是内嵌到自己的页面,(推荐)第一步全局引入,在 index.html 文件中插入<script src="https://g.alicdn.com/dingding/dinglogin/

2020-12-09 16:44:06 1351 1

原创 H5调用微信分享

话不多说,直接干货(我用的react,Vue也使用这个方法)在小程序项目中遇到了H5通过分享增加别人游戏次数的需求,这就不简单是一个海报分享或者直接分享能够实现的了,首先我把我的路由写成了一个动态传参路由,这样的话就可以在海报层面上进行分享携带我分享者的信息第二步就是实现H5上面的三个点进行分享,也就是文章的重点1.全局引入微信SDK,在根目录public文件夹下index.html<script type="text/javascript" src="https://res.wx.qq.c

2020-09-24 11:53:53 1994

原创图表Echarts

最近闲着没事研究了一下图表Echarts，先贴上 Echarts 介绍，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表，Echarts官方示例直接贴出代码，我把它封装成了一个组件，目前很基础，请各位大神自行补充，但大致功能还是有的/** series 为一个对象，可以定制图形

2020-07-08 15:34:20 263

原创手机号码格式正则验证

复杂版/^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/简易版/^[1]([3-9])[0-9]{9}$/举个栗子 var telStr = /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/;

2020-07-03 16:20:48 1844

原创前端传递数组

简单明了，不多解释qs.stringify({ids: [1, 2, 3]}, { indices: false }) //形式： ids=1&ids=2&id=3qs.stringify({ids: [1, 2, 3]}, {arrayFormat: ‘indices‘}) //形式： ids[0]=1&aids1]=2&ids[2]=3qs.stringify({ids: [1, 2, 3]}, {arrayFormat: ‘brackets‘}) //形式：

2020-07-01 17:50:20 1405

原创 react使用锚点，页面滚动（跳转）指定位置

react使用锚点在react中，原生的锚点是不可以使用的，因此需要手动判断和取DOM元素使用的方法和原生的锚点基本类似，唯一不同的是在点击跳转的时候，react使用的是写的方法，原生是直接跳转到相对应位置下面上代码进行对比<div id={'tab-bar'}> <Button inline onClick={ () => this.scrollToAnchor('a', true)}>猫1</Button> <Button inline

2020-06-12 18:39:59 9287 1

原创前端--携带token下载表格JS

项目起始的时候，有导出表格的需求，不需要token直接可以使用A标签直连下载但是在我们项目逐渐完善后，在导出导入等一系列敏感操作的情景下，会要求携带token进行下载导入，这时，A标签href直连就不好使了，就需要写一个公用的方法，本文使用的是原生ajax请求数据getUserToken（）为自己写的方法，return的是存储的tokenurl为下载的连接，post方法需要在连接后面使用formData格式append每个参数可以封装一个方法，可配置项：下载链接，文件名称var xhr =

2020-05-29 13:48:41 1017

原创 react-cookie react使用cookie

此文参考npm地址点击在react中使用cookie：1.安装cookie模块npm install react-cookie2.在组件中导入cookieimport Cookies from 'react-cookie'3.cookie的操作存字符串：Cookie.set('name','value')取字符串：Cookie.load('name')存json对象:Cookie.set('person',{'name':'Jack','age':'18'})取json对象:C

2020-05-15 11:43:46 2831

原创 react-zmage 使用(图片缩放、多张查看、放大、下载)

使用于查看图片、点击放大、查看多张图片、下载图片安装npm i react-zmage --save使用1.引入组件import Zmage from 'react-zmage'2.将页面中的 img 标签替换为 Zmage 组件<img src="图片源连接"/>???? to ????<Zmage src="图片源连接"/>// 现在这些图片都可以放大查看了！函数调用来唤出图片// Zmage.browsing 函数接受的参数与 <Zmage

2020-05-14 10:48:52 2094 1

原创 JavaScript 逻辑运算符

逻辑运算符逻辑运算符用于判定变量或值之间的逻辑。1、JS中的||符号：运算方法：只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。总结：真前假后,不可链式操作，（0,1自动转义为false和true），若想链式操作，可使用数组的方法，（查找，遍历等）2、JS中的&&符号：运算方法：只要“&&”前面是fa

2020-05-12 17:57:50 794

lllllllN的博客