- 博客(156)
- 收藏
- 关注
RSS订阅原创 android SDK安装以及环境变量配置（windows）
1.首先去官网下载对应sdkandroid找到对应的exe文件 下载。3.在安装过程中一定要记得自己的安装目录 后面用的到4.安装完成之后，就是环境变量的配置了。首先 新建一个环境变量环境变量完成之后，找到path变量，点击编辑，弹框再点击新建%ANDROID_HOME%\platform-tools %ANDROID_HOME%\tools把这两个粘贴进去，保存确定。5.验证自己是否配置成功打开cmd 输入命令行android -h...
2022-05-17 12:22:39
3120
原创 web端上传图片添加水印
let imgFile = file.source.source let reader = new FileReader() reader.readAsDataURL(imgFile) // input.files[0]为第一个文件 let base64 = '' reader.onload = () => { const canvas = document.create..
2022-03-10 14:25:44
312
原创 全局添加水印
import React, { useEffect, useState } from 'react';function HooksDemo() { // 声明一个叫 "count" 的 state 变量 const [count, setCount] = useState(0); useEffect(()=>{ watermark({ watermark_txt: "测试水印" }) }) const watermark=(settings)=> ...
2022-03-01 15:43:50
489
原创 企业微信扫码登录
企业微信扫码登录步骤：1.首先在要放置二维码的页面提供一个盒子用于防止生成的二维码2.在当前页面将企业微信提供的js进行引入3.调用提供的方法实例，4.要获得扫码成功之后的code和state值，调用服务，就能查到当前用户的token，进行用户的唯一登录综上几个步骤就能实现微信扫码登录得我效果，剩下的就需要自己慢慢去理解。...
2022-03-01 15:43:20
2283
原创 发布自己的npm包
首先第一步 要到npm官网注册一个账户 npm登录2.新建一个文件夹test,在test文件夹目录下面，打开命令行，执行npm init 命令，初始化package.json文件在这里 你要保证你的包名是唯一的 验证包名是不是唯一 ，就是在命令行执行npm i 包名如果能够执行成功，不好意思 包名重复，更换包名。在执行完之后 package.json文件里面有一个main，表示你的入口文件 ，入口文件名字要和你的文件夹的名字相同。准备工作完成之后就是把自己的包发布一下了，切换..
2022-01-14 16:54:27
285
2
原创 常用工具函数
// 生成指定范围随机数export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;// 数字千位符分割export const format = (n) => { let num = n.toString(); let len = num.length; if (len <= 3) { return num; } else { .
2021-12-31 08:47:17
160
原创 react滑动删除组件
js部分/** * 滑动删除 */import React from "react"; import "./index.less"; class SlideDelete extends React.Component { constructor(props) { super(props); this.state = { width:0, isShow:false }; }
2021-12-06 11:21:32
891
原创 react中多tab组件
index.jsx 页面import React, { Component } from 'react';import classname from 'classnames';import './SliderTabs.less';import unSelected from '未选中图片路径'import Selected from '选中图片路径'class SliderTabs extends Component { constructor(props) { super(p.
2021-11-18 10:48:37
1246
原创 react中预览pdf文件
jsximport React, { Component } from 'react';import { Document, Page } from 'react-pdf/dist/entry.webpack';import 'react-pdf/dist/Page/AnnotationLayer.css';import envconfig from "@/envconfig/envconfig"import './PDFView.less';import { getSearchQueryS
2021-10-30 17:48:32
1137
原创 react中tab滑动栏
我们在会遇到这种tab特别多的情况，需要点击/滑动选择，这个时候就可以使用这个滑动栏。tabs代码块：import React, { Component } from "react"import './ModeTabs.less'/** * 模式TAB组件 * * props: * datas = {[{title: '',}, {title: '',}]} * activeTab = {0} * type={0} 默认不传，为默认样式，传1则为第二种样式，选中时字体为下划...
2021-10-29 09:29:46
1513
1
原创 使用postcss报错
在使用postcss进行打包时出现这个错误：Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.查找资料找了好久因为是版本不兼容的问题，解决方法：在根目录下面新建一个 postcss.config.js文件文件配置如下module.exports={ plugins:[ re..
2021-08-15 11:05:45
1656
原创 webpack
在使用dev-server是报错 我的版本信息 webpack: ^5.50.0；webpack-cli: ^4.7.2； webpack-dev-server: ^3.11.2报错信息：`Error: Cannot find module webpack-cli/bin/config-yargs`这里了webpack-cli 与webpack-dev-server 版本不兼容的问题，解决办法1.webpack-cli的版本降为3.3.12 解决办法2.`npx webpack serve..
2021-08-14 17:35:08
135
原创 h5拍照添加水印上传
/** * 可预览图片 ++水印 名字 部门 当前时间 */import React, { Component } from 'react';import { ImagePicker } from 'antd-mobile';import { Toast } from '@/pages/project/yjpt/components/PandaToast.jsx'import envconfig from "@/envconfig/envconfig";import Carousel.
2021-08-04 17:29:35
1476
原创 解决引入fastClick 导致antd中upload ios 点击两次生效问题
// FastClick.attach(document.body);//绑定事件判断绑定事件// 解决引入fastClick 导致antd中upload ios 点击两次生效问题 shangshunli 2021/07/02 --上传附件try{ let versionNumber = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/)[1].replace(/_/g, ".") .
2021-07-05 14:47:27
826
原创 可预览图片组件
/** * 可预览图片 */import React, { Component } from 'react';import { ImagePicker } from 'antd-mobile';import { Toast } from '@/pages/project/yjpt/components/PandaToast.jsx'import envconfig from "@/envconfig/envconfig";import Carousel, { ModalGateway, Mo.
2021-07-04 15:43:23
375
原创 react中城市选择器组件
在react项目当中使用城市选择器，import React from 'react'import './index.less'import { Picker } from 'antd-mobile';// 城市选择器class CitySelect extends React.Component{ static defaultProps = { label: '', name: '', value: '', readO.
2021-07-04 15:22:19
1448
2
原创 pdfjs不显示电子签名
今天在使用pdfjs进行预览的时候，发现在预览的时候电子签名不能显示，后来用了这种方法。padf//解决PDF预览不显示电子签名的问题 就是直接把这段代码注释掉就好了//if(data.fieldType==='Sig'){//this.setFlags(AnnotationFlag.HIDDEN);//}...
2021-06-30 19:05:02
1334
1
原创 原生js实现ajax解决跨域---获取当前登录设备ip地址
/** 原生js实现Ajax* */function Ajax(params) { params = params || {}; params.data = params.data || {}; var _json = params.jsonp ? jsonp(params): json(params); // 判断是json还是jsonp function json(params) { // 普通请求 params.type = (params...
2021-06-25 09:46:44
393
原创 ios11+调用高德api踩坑
因为公司的crm系统要重新做，里面要求业务员打卡必须在项目的800米范围之内，才能够打卡成功，我们就使用了高德api自动获取当前位置信息，进行与数据库里面录入的位置信息进行对比，算出相应的距离，首先我们封装了一个获取当前位置window.AMap.plugin('AMap.Geolocation', () => { const geolocation = new window.AMap.Geolocation({ // 是否使用高精度定位，默认：true
2021-05-30 10:03:35
894
7
原创 实现企业微信自动登录
1.要想实现企业微信自动登录，首先在自己本地进行测试的时候，需要把映射自己本机域名，因为微信后台可信域名对于ip格式，本地域名的格式是不支持的2.在自己本地进行调试的时候，首先你本人必须是当前应用的后台管理员，然后你就可以把上面的可信域名换成自己的域名，这样就完成了登月的一小小步，下一步就是，下载微信开发者工具，夺笋，必须要在微信开发者工具上面才能进行模拟在微信里面的环境微信开发者工具下载之后应该是这样的，然后在企业微信后台开通使用微信开发者进行调试然后在开发工具输入后台配置
2021-04-29 15:22:28
1420
1
原创 创建空白数据库
CREATE TABLE [dbo].[表名]([ID][int] IDENTITY(1,1) NOT NULL,[编码][varchar](100) NULL,[录入时间][datetime] NULL,[是否删除][int] NULL,) ON [PRIMARY]
2021-03-20 21:33:07
593
原创 js引用本地json文件
1.想要制作一个省市区的地址选择，需要在本地引入json文件 $.getJSON('/web4/product/oa/CommercialManage/area.json',data=>{ this.areaData=data })data就是你data文件里面的数据2.这个是第二种方法function readTextFile(file, callback) { var rawFile = new XMLHttpRequ
2021-03-02 11:20:33
6772
原创 制作下拉多选框
1.下拉框的一些样式<div class="checkBoxDiv"> <span style="font-size:12px;color:#808080;font-weight:normal;">业务类型：</span> <input type="text" readonly autocomplete="off" value="全部" class="checkBoxProject
2021-02-25 11:36:28
461
原创 js计算两个日期之间工作日，去除周末
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>6.计算工作日</title></head><body></body><script> function getWeekday(first, last) { //计算工作日方法：遍历这两个日期区间的
2020-11-16 16:39:25
1872
原创 highcharts的简单使用
代码：var option = { chart: { spacingBottom: 20, spacingTop: 60, }, title: { text: null }, credits: {
2020-11-03 17:10:03
377
原创 高德地图的自动定位功能
1.去高德地图开放平台去注册，获得自独一无二的key值<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 2.准备一个div的盒子作为地图属性，并为该div指定id属性<div id="container"></div> 3.加载页面自动根据ip获得当前所在位置let mapObj = new A
2020-09-23 17:35:56
3440
原创 antd-mobile中List的使用
因为为了适应自己项目的需要进行了相应的修改效果图是这样的代码import { List } from "antd-mobile"; //导入<List> <List.Item> <span className="required-mark">*</span> 问题名称:
2020-09-17 16:14:45
2205
原创 使用axios获取数据和reducer结合
首先我们需要安装axiosnpm install --save axios在安装完成之后，假设在页面加载的时候就去请求数据在easy-mock上面模拟的请求数据 componentDidMount(){ Axios.get('https://www.easy-mock.com/mock/5f5f59a83d43414305879b1c/example/mock').then((res)=>{ const action={ type:GET_LIST
2020-09-14 20:05:36
250
原创 redux小案例
使用redux管理数据状态首先使用npm install --save redux在命令行中将redux进行安装新建一个文件store.js，作为仓库进行数据的分发store.jsimport {createStore} from 'redux'//导入reduce.js文件import reducer from 'reducer.js'const store=createStroe(reducer)//可以查看此时store数据//导出storeexport default stor
2020-09-12 21:51:54
307
原创 vscode中使用md文件
在vscode中使用md文档，首先先安装两个插件安装了这两个插件之后，你就可以在vscode中使用md文件，并且乐意进行预览在md文件中添加图片就可以查看到自己想要使用的图片了
2020-09-10 09:56:33
15251
原创 复杂甘特图的使用
对于程序员来说，在制作图表的时候使用频率最高的应该是echarts和highcharts两种，最近这段的时间我在使用highcharts进行开发甘特图的功能，做的比较简单，进行一个简单的分享。如果你用的是比较流行的前端框架，基本网上都用进行使用的简单教程，直接进行引入highcharts-gantt.js即可。甘特图js下载地址由于我们使用的backbone作为前端的框架，简单的记录一下自己在本系统制作甘特图的过程中遇到的一些棘手的问题。首先遇到的第一个问题就是high-gantt.js引入的问题，
2020-09-07 20:17:48
827
原创 highcharts图表中的相关配置
Highcharts.setOptions({ global: { useUTC: false //中文区时间格式 }, // 所有语言文字相关配置都设置在 lang 里 lang: { resetZoom: '重置', resetZoomTitle: '重...
2020-08-24 17:11:49
193
原创 自定义input:[type=range]问题
使用input:[type=range]实现进度条的问题同时能够自定义样式，进行相应的修改，改造成符合自己需要的样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimal
2020-08-13 21:07:54
398
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人