
记录
追逐春天的大孩子
......
展开
-
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 · 3303 阅读 · 0 评论 -
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 · 333 阅读 · 0 评论 -
全局添加水印
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 · 516 阅读 · 0 评论 -
发布自己的npm包
首先第一步 要到npm官网注册一个账户 npm登录2.新建一个文件夹test,在test文件夹目录下面,打开命令行,执行npm init 命令,初始化package.json文件在这里 你要保证你的包名是唯一的 验证包名是不是唯一 ,就是在命令行执行npm i 包名如果能够执行成功,不好意思 包名重复,更换包名。在执行完之后 package.json文件里面有一个main,表示你的入口文件 ,入口文件名字要和你的文件夹的名字相同。准备工作完成之后就是把自己的包发布一下了,切换..原创 2022-01-14 16:54:27 · 296 阅读 · 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 · 169 阅读 · 0 评论 -
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 · 948 阅读 · 0 评论 -
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 · 1179 阅读 · 0 评论 -
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 · 1613 阅读 · 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 · 1705 阅读 · 0 评论 -
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 · 152 阅读 · 0 评论 -
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 · 1587 阅读 · 0 评论 -
解决引入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 · 877 阅读 · 0 评论 -
可预览图片组件
/** * 可预览图片 */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 · 405 阅读 · 0 评论 -
pdfjs不显示电子签名
今天在使用pdfjs进行预览的时候,发现在预览的时候电子签名不能显示,后来用了这种方法。padf//解决PDF预览不显示电子签名的问题 就是直接把这段代码注释掉就好了//if(data.fieldType==='Sig'){//this.setFlags(AnnotationFlag.HIDDEN);//}...原创 2021-06-30 19:05:02 · 1388 阅读 · 1 评论 -
实现企业微信自动登录
1.要想实现企业微信自动登录,首先在自己本地进行测试的时候,需要把映射自己本机域名,因为微信后台可信域名对于ip格式,本地域名的格式是不支持的2.在自己本地进行调试的时候,首先你本人必须是当前应用的后台管理员,然后你就可以把上面的可信域名换成自己的域名,这样就完成了登月的一小小步,下一步就是,下载微信开发者工具,夺笋,必须要在微信开发者工具上面才能进行模拟在微信里面的环境微信开发者工具下载之后应该是这样的,然后在企业微信后台开通使用微信开发者进行调试然后在开发工具输入后台配置原创 2021-04-29 15:22:28 · 1508 阅读 · 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 · 617 阅读 · 0 评论 -
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 · 6834 阅读 · 0 评论 -
制作下拉多选框
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 · 479 阅读 · 0 评论 -
钉钉扫码登录
第一步也是进行钉钉官方提供的js的引入,在页面提供盒子,用来放置即将生成的二维码原创 2021-01-15 19:23:27 · 478 阅读 · 0 评论 -
企业微信扫码登录
企业微信扫码登录步骤:1.首先在要放置二维码的页面提供一个盒子用于防止生成的二维码2.在当前页面将企业微信提供的js进行引入3.调用提供的方法实例,4.要获得扫码成功之后的code和state值,调用服务,就能查到当前用户的token,进行用户的唯一登录综上几个步骤就能实现微信扫码登录得我效果,剩下的就需要自己慢慢去理解。...原创 2022-03-01 15:43:20 · 2334 阅读 · 0 评论 -
vscode中使用md文件
在vscode中使用md文档,首先先安装两个插件安装了这两个插件之后,你就可以在vscode中使用md文件,并且乐意进行预览在md文件中添加图片就可以查看到自己想要使用的图片了原创 2020-09-10 09:56:33 · 15318 阅读 · 0 评论 -
自定义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 · 425 阅读 · 0 评论 -
原生css实现滚动条显示
今天拿到设计图需要作出这样的一个效果,就是使用html加css实现滚动条的效果,效果图是这样的实现上面效果图的代码## html代码 <div style=" position: relative;"> <img src="assets/images/oa/集团OA/项目周期.png" alt="" class="project_modal_task" > <span class="project_modal_name原创 2020-08-13 19:26:49 · 1062 阅读 · 0 评论 -
将当前本地分支推送到git的另一个分支上,同时在git上面已经有本地分支
将当前分支上面的代码推送到git上面的另一个分支上面假设在你本地的分支是project_gck,而且在git的远程分支上面已经有project_gck和dev两个分支,我们想要将自己本地project_gck分支上面的代码首先推送到dev分支上面,同时再推送到project_gck分支上面。假设已有主仓库team,fork自己的仓库origin。首先重命名主仓origin为team: git remote rename origin team然后添加新的remote: git remote a原创 2020-08-05 19:22:35 · 2100 阅读 · 0 评论 -
在echarts和highEcharts中设置渐变色
在echarts中areaStyle: { color: new echarts.graphic.LinearGradient( 0, 0, 0, 1, [ { offset: 0, color: "rgba(1, 132, 213, 0.4)" // 渐变色的起始颜色原创 2020-07-30 20:50:36 · 657 阅读 · 0 评论 -
高德地图初体验demo
1.首先第一步你需要在高德地图开放平台上面去注册,获取到key值,这个key一定要记住,这个很重要。2.在注册完成之后先要在页面进行引入高德api <script src="https://webapi.amap.com/maps?v=1.4.15&key=你自己的key值&plugin=ElasticMarker,AMap.Geocoder,AMap.MarkerClusterer,AMap.Scale"></script>plugin是关于一些你要使用的一原创 2020-07-22 14:59:03 · 638 阅读 · 0 评论 -
三种方法实现页面滚动条直接滚动到顶部
1.document.body.scrollTop=document.documentElement.scrollTop=0 //页面滚动到顶部2.document.body.scrollIntoView()3.document.getElementById('site-nav').scrollIntoView()原创 2020-05-28 10:13:40 · 8022 阅读 · 0 评论 -
在前端页面对后端返回的文件进行下载
1.确定后端返回的是一个文件2.调用导出文件的接口,并携带相应的数据以及发送请求,获取相应的值3.在发送请求的时候,如果访问接口需要携带token值的话,一定要和后端确定token的和变量名4.如果你的接口请求方式是一个get的请求,可以直接将token以拼接字符串的形式进行传递话不多说,看代码这里是你要发送的请求this.$http.get('/business-instock/in...原创 2020-04-23 22:02:05 · 1488 阅读 · 0 评论 -
改变数组中对象的属性名称
在一定的时间,我们可能需要将数据进行相应的转换,才能进行使用,今天我就需要将一个数组中的对象的属性名进行替换,才能进行数据的调用,1.首先先得到我们将要转换的数组, { day: '2018-12-26 14:31:55' }, { day: '2018-12-27 1...原创 2020-04-17 15:48:24 · 2179 阅读 · 2 评论 -
自定义随机的数组名称
这两天在写一个功能的时候,需要用到使用上个数组中的值作为另外一个数组的值,这个时候需要将上一个数组的每一个的值,作为新的数组中每一项的名称,我使用的是新创建出来一个对象,将这个新的数组作为这个对象的属性值,将上一个数组的名称作为对象的属性,然后将每一个对象添加到新数组当中,这样就新创建一个数组,用来存储多个对象对应的属性值。 for (var i = 0; i <...原创 2020-01-11 17:12:57 · 365 阅读 · 0 评论 -
2019/12/31 es6新语法
原始类型和引用类型有什么不同1.原始类型值不可变,引用类型的值是可以变的2.原始类型不可以添加属性和方法,引用类型可以添加属性和方法3.原始类型的赋值是简单的值,引用类型赋值是对象引用4.原始类型值的比较是值的比较,引用类型的比较是引用的比较5.原始类型是存放在栈区,引用类型同时存放在栈区和堆区es6中新增的padStart()和padEnd()第一个参数表示字符串长度,第二个参数表...原创 2019-12-31 17:50:03 · 178 阅读 · 0 评论 -
选择城市列表数据格式转化
import React from 'react'// 导入axiosimport axios from 'axios'// 1 导入 NavBar组件import { NavBar } from 'antd-mobile'// 导入样式import './index.scss'/*// 接口返回的数据格式:[{ "label": "北京", "value": "", ...原创 2019-12-23 20:35:07 · 460 阅读 · 0 评论 -
Chrome浏览器滚动报错
报错提示:虽然这个报错并不影响我们的程序,但是看着让人很不舒服解决这个问题:只需要在全局的css文件中添加一句代码就行了*{touch-action:pan-y;}这样就完美解决的问题...原创 2019-12-21 10:49:18 · 503 阅读 · 3 评论 -
页面加载顺序及触发事件
页面加载顺序:开始解析HTML文档结构 加载外部样式表及JavaScript脚本 解析执行JavaScript脚本 DOM渲染完成 加载未完成的资源(图片) 页面加载完成页面加载过程中触发的事件:document.onreadystatechangedocument.onreadystatechange = function() { // 文档加载状态改变事件处理 ...原创 2019-12-16 14:26:49 · 381 阅读 · 0 评论 -
Echarts使用
1.在绘制图表之前,我们需要为Echarts准备一个具备宽高的DOM容器 <!-- 2. 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 750px;height:400px;"></div>2.我们在官网eacharts下载echarts的文件3.我们在我们的...原创 2019-12-07 17:21:36 · 538 阅读 · 0 评论 -
axios请求数据
1.axios的get请求传参、、、.axios中delete数据请求和get的请求方式是一样的 // axios.get('http://localhost:3000/axios?id=123').then(function(ret){ // console.log(ret.data) // }) // axios.get('http://localhost:3...原创 2019-12-07 14:45:00 · 1105 阅读 · 0 评论 -
Power Mode插件的使用
1.先下载power mode插件2.在左下角设置---出现搜索框--在搜索框中输入settings.json,然后在setting.json中进行编辑3.将下面的代码粘贴到里面注意:保存的效果只能有一个样式,其他样式要注释起来 //powser mode 开始配置"powermode.enabled": true,//样式// 火焰"powermode.presets"...原创 2019-12-06 09:49:41 · 3879 阅读 · 0 评论 -
使用vant中的地址编辑组件
1.首先先引入组件名称,因为我是在vue的项目中进行使用的,每个人的使用情况不同但是总归都是要进行引入的import Vue from 'vue';import { AddressEdit } from 'vant';Vue.use(AddressEdit);2.在地址栏编辑组件提供的areaList数据,点击进去,是有赞团队的vant库,里面存储了地址信息,把它下载过来,并将其中...原创 2019-12-05 21:31:35 · 5885 阅读 · 3 评论 -
vscode插件
原创 2019-12-05 17:29:04 · 157 阅读 · 0 评论 -
读公司小程序项目源码的总结一
1.在小程序中的sitemap配置在小程序中根目录下的sitemap.json文件用来配置小程序极其页面是否允许被微信索引 属性action的值为allow表示可以被索引,值为disallow表示不能被索引2.在全局配置的app.json文件中的permission 用来指定小程序接口权限的相关设置sitemapLocation 指定sitemap.json的位置3.授权:部分接口需要经...原创 2019-12-04 19:53:16 · 390 阅读 · 0 评论