- 博客(68)
- 收藏
- 关注
RSS订阅
原创 微信小程序【My简历】的功能简介
一、背景简介： 当需要找工作或者换工作的时候，发出去的简历文件通常为word格式会pdf格式。对方接到简历文件的时候，预览不是很方便。还要提示下载软件。（反正我比较烦下载软件）使用微信小程序可以方便的将自己的简历发送他他人。对方只需点击进入小程序就可以查看到你的简历信息。二、功能介绍：1，进入小程序扫描二维码或者在微信小程序页面搜索‘My简历’，即可进入小程序2，登陆小程...
2020-04-09 12:00:13
5507
3
原创 centos 云服务器的使用-nginx的安装及使用
昨天买了一个腾讯云的云服务器，写一下nginx的安装步骤。nginx的安装本次nginx的安装位置为/usr目录下nginx的相关环境安装yum -y install gcc pcre-devel zlib-devel openssl openssl-devel安装成功：下载nginx的安装包相关的nginx的版本：http://nginx.org/en/download.html主线版本-稳定版本-历史版本-本次安装为稳定版本1.20.1下载ngin...
2021-09-01 11:08:51
391
原创 TypeScript使用中 报 does not exist on type ‘Window & typeof globalThis‘错误的解决方法
在ts项目中使用js引用的百度地图api的时候 报异常：简单的解决方法：1，constwin:any=windowconstBMapGL=win.BMapGL2，constBMapGL=(windowasany).BMapGL
2021-02-23 16:17:58
8005
2
原创 React+TypeScript+antDegin4+Redux+axios的后台管理系统的模板
搭建步骤：1，安装和初始化yarn create react-app admin-model-ts --template typescript出现这个就项目初始化完成，基本的react项目就完成了进入项目admin-model-ts项目中，完善项目所需要的依赖2，引入 antdyarn add antd按需加载配置先装依赖：yarn add react-app-rewired customize-crayarn add babel-plugin...
2020-05-20 14:13:42
1464
原创 react+typeScript框架config-overrides中设置Alias路径 报错的解决方法
该框架使用的是 customize-cra和react-app-rewired。设置Alias路径：const { override, addWebpackAlias} = require('customize-cra');const path = require('path')module.exports = override( addWebpackAlias({ ['@']: path.resolve(__dirname, './src'),
2020-05-18 17:55:07
1960
原创 node通过Puppeteer生成pdf文档
最近个人做了个微信小程序简历，考虑到面试的时候需要纸质的简历，就要实现导出pdf的简历。后端是使用node的koa框架写的，在实现的过程中有测试过html2canvas，但是分页会截断。很不友善，最后使用puppeteer实现生成简历的pdf功能。插件：koa-views：模板渲染，渲染出要生成pdf的页面puppeteer：将渲染的页面生成PDFkoa-send：将生成的PDF返...
2020-04-24 15:44:26
2009
原创 阿里云服务器（centos7）的使用（7）一Puppeteer导出PDF的部署和使用
最近做的个人项目微信简历，实现用户将自己的简历导出成PDF的功能 预览直接使用 npm install puppeteer 会报异常。解决思路：1，先安装chrome2，再安装puppeteer一，安装Chrome1，创建Rep源sudo touch /etc/yum.repos.d/google.repo2，使用vi打开文件填入内容$ sudo vi /et...
2020-04-21 16:58:38
5241
1
原创 Css实现两种常见的箭头样式的思路及代码
实现的效果图：第一种：思路：将border设置好，通过使其他三边的颜色设置为透明（transparent）。向上：.arrow-top{border:20pxsolidblack;width:0px;height:0px;border-top-color:...
2020-04-14 10:58:01
2296
原创 Web网页、安卓、ios、平板等的网站图标制作Favicon.ico
本文介绍如何制作准确的制作网站的图标、软件的图标等。演示：1，电脑浏览器的网站图标-查看2，手机浏览器的网站图标3，ios的软件图标4，安卓的软件图标5，mac的safari图标实现方法：1，工具：Favicon Generator：https://realfavicongenerator.net/2，访问链接：点击selec...
2020-04-10 11:37:38
639
原创 antd-vue中表格的使用
效果图：一，基本的使用代码：<a-tablebordered:dataSource="userList":columns="columns"rowKey="id":pagination="false"><templateslot="sort"slot-scope="text,record,index">{{index+1}}&...
2020-04-02 14:57:04
4505
原创 Vue项目调用腾讯地图服务（关键词提示服务）及使用axios的跨域问题
一，需求：输入学校名称，调用腾讯地图的关键词提示服务选择学校的地址，项目需要学校地址的坐标。腾讯地图服务官网api二，实现：（一）使用axios请求接口：schoolNameChange(e){constthat=this;constschoolName=e.target.value;this.schoolNam...
2020-01-10 09:59:03
4961
6
原创 阿里云服务器（centos7）的使用（6）一nginx部署react的项目
预览一，前端打包：1,大部分的打包命令都是：yarn build 或者 npm run build然后在当前目录文件会生成build文件夹或dist文件夹二，上传服务器：将文件上传到服务器中，上传工具可以使用FileZilla。三，配置nginx配置我的nginx安装在/usr/local的目录下在nginx/conf 下使用vim nginx.con...
2019-12-30 16:00:09
938
2
原创 react中antd Table表格的行列合并，常用的方法和遇到的问题
1，注意事项表头只支持列合并，使用 column 里的 colSpan 进行设置。表格支持行/列合并，使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时，设置的表格不会渲染。2，表格的列合并1，效果图：在第十行，将前两列合并2，实现方法：在columns属性中render方法中设置const columns=[...
2019-12-27 10:33:03
9846
6
原创 Vue的常见问题：console.log报错
异常图片:主要原因是eslint的曝出的异常没有通过eslint的校验解决方法：方法一：使用window.console.log代替console.log方法二：将eslint不校验console.log 在package.json 页面下的eslintConfig中的rules下设置 ："no-console":"off"然后重新编译项目就可以了...
2019-12-24 11:39:12
2756
原创 阿里云服务器（centos7）的使用（5）一node项目的部署及forever守护node服务
一，node服务的部署1，使用FileZilla上传node的服务代码到服务器文件夹中我的node项目上传到服务器的路径为/usr/web/nodeResume/上传的时候不要上传node的依赖包，即：node_modules2,安装node项目的依赖到/usr/web/nodeResume目录下 使用命令：npm install3，安装完成 启动可以使用nod...
2019-12-11 12:04:30
598
原创 基于高德地图实现热力地图和标记点显示文字
效果图：点击预览实例实现方法：1，需要注册高德的开发者账号2，申请使用的key：方便地图个性化的设置3，代码：<head><linkrel="stylesheet"href="https://cache.amap.com/lbs/static/main1119.css"/><scriptsrc="https://webap...
2019-11-29 16:57:13
2981
原创 解决Mixed Content: The page at。。。。HTTPS中包含http的不安全问题
在将写好的静态页面使用github部署显示时，因为gitHub是https的，而在静态网页中有引用http的包，报错如下：主要就是https中包含http，就不安全了，解决方式：1，在header中：<metahttp-equiv="Content-Security-Policy"content="upgrade-insecure-requests">2，一...
2019-11-29 15:58:27
19430
2
原创 阿里云服务器（centos7）的使用（4）一MySQL的安装
在mysql安装前如果之前安装过mysql，就要把mysql全部都删除。1，下载mysql安装包rpm -ivh http://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm2，安装mysqlyum install -y mysql-server3，设置开机启动Mysqlsystemctl enabl...
2019-11-26 16:02:41
171
原创 阿里云服务器（centos7）的使用（3）一MySQL的常用命令
项目中使用的是MySQL数据库，所以对MySQL的常用命令总结：1，用root账号以密码方式登录MySQL mysql -u root –p2，显示所有的数据库：show databases;注：所有的mysql命令都要以;结尾，不然不会执行。3，创建数据库create database <数据库名>;例如创建school的数据库: crea...
2019-11-22 17:39:38
465
原创 阿里云服务器（centos7）的使用（2）一安装Node环境v-12.13.0
本文是在/root/app文件下安装node v-12.13.0版本。1，登陆进入云服务器，默认是在root的目录下2，创建一个文件app文件夹 mkdir app3,查看当前目录下的文件夹 ls4，已经有app文件夹了，进入app文件夹 cd app[]中括号里最后面的是表是当前在什么文件里 app 表示当前在app文件里 ~ 表示当前在root文件里5，下...
2019-11-20 15:07:48
1055
原创 阿里云服务器（centos7）的使用（1）一连接FileZilla客户端实现文件图片的上传
使用FileZilla连接阿里云服务器 方便文件，图片的上传。一，FileZilla的下载：百度下载安装，一键式操作没有什么特殊的二，连接阿里云服务器在使用FileZilla连接阿里云服务器的时候 ，可以使用在阿里云服务器搭建ftp服务，但是比较麻烦，ftp的配置比较多。由于阿里云服务器本身就是支持SSH远程连接服务的，所以简单点就是使用SSH服务连接FileZilla1，...
2019-11-13 13:24:27
1038
原创 【JS】常用的判断数组，对象，字符串为空的方式
一般在项目中会经常使用到判断语句（if判断，三目判断），针对的主要是数组，对象，字符串是否为空。一，数组：[]数组是否为空的判断：Arr.length二，字符串：'',null,undefined所以要全面的判断一个字符串是否为空，通常使用一个函数：function isEmpty(str){ if(str===''||str===null||str===unde...
2019-09-11 14:18:34
2572
原创 【微信小程序】点击复制功能的实现（常用于分享码，兑换码）
上周的项目中实现兑换功能，用于兑换码比较复制（英文大小写+数字），为方便用户兑换就实现了点击复制的功能效果图：实现的代码：.wxml页面：<viewclass='commission'><viewclass="number">{{exchangeKey}} </view><viewcl...
2019-09-09 09:43:49
12790
原创 Js 中常用的切割（split,splice,slice）的区别（应用场景，对原数组的影响）
1，split是字符串切割的专属2，splice是数组切割的专属3，slice是可以用于字符串和数组split对字符串的切割：原字符串不发生变化 split的使用：js数组转字符串 字符串转数组splice对数组的切割：原数组发生变化 splice的使用：数组的splice总结slice的使用：切割的参数是对应index值,原来的数组或字符串不发生改变...
2019-09-05 17:46:31
1427
原创 Css中滤镜filter的效果（模糊，亮度，对比度，灰度，色相旋转，反向输入图像，透明度，饱和度，转为深褐色）
可供操作的演示地址：Filter-------------------------------------------------------------------------------------------------------------------------------------------------------------------如遇到问题：+WX：WAZJ-0...
2019-08-13 14:48:24
1266
原创 伪类:nth-child()和:nth-of-type()最简单的区分、理解
:nth-child()和:nth-of-type()常见的取值有：数字（1,2,3....），倍数（2n，3n....），奇数（odd），偶数（even）本文的实例代码：主要为1个不带有li类的div标签，三个带有li类h1、h2、p、div<div class="box"> <div>这是没有.li的div</div> <...
2019-08-12 09:24:19
6351
4
原创 JS 深拷贝及实现深拷贝的三种方法（递归，JSON，jQuery）的缺点总结
一，为什么要是用深拷贝：列如把一个数组，对象a赋值给另一个变量b，当b改变的时候，a中对应的值不发生变化。1，不使用深拷贝：var a={a:1,b:2,c:3}var b=ab.a=2console.log('原对象',a)console.log('赋值后',b)当把a对象赋值给b对象后，更改b对象的属性，而a对象的属性也发生了变化。这是不想要的结果。2，使用...
2019-07-14 17:42:30
6473
原创 动画打印字段，支持html标签
效果图：方法类的：typing.jsclass Typing {constructor(opts) {this.opts = opts || {};this.source = opts.source;this.output = opts.output;this.delay = opts.delay || 120;this.chain = {parent: n...
2019-05-28 17:03:06
218
原创 使用canvas生成图片验证码
效果图：点击图片也会刷新图片代码：index.jsimport React, { Component } from 'react'import styles from './index.less';class First extends Component {constructor(props) {super(props)this.state = {code: ...
2019-05-24 14:21:33
711
原创 VScode前端开发必要的插件
每次换个电脑 就找不到之前的VScode的好用的插件了。这次记录一下一，Auto Rename Tag 在修改标签名时，能在你修改开始（结束）标签的时候修改对应的结束（开始）标签，帮你减少 50% 的击键；二，Bracket Pair Colorizer 2会已不同颜色和横线显示括号的范围三，GitLensGit的管理工具四，HTML Snippe...
2019-05-21 13:48:47
3062
原创 使用console打印图片，图案的样式
在页面中打印出一些图案。列如：实现这个的步骤及工具：一，所要生成图案的图片和使用的工具 1， 软件的下载：软件下载链接：https://pan.baidu.com/s/1XXmdc4wHzoJWIANfPKIV9Q 提取码：p25e 2，软件打开后：3，将想要生成的图案的图片 拖入右侧的框中。可以在这个软件上选择一个喜欢的图案字体4，将3...
2019-05-20 17:08:39
2186
原创 Esay-Mock的使用，Mock的随机参数的使用
完整的数据格式：{ "code": 0, "data": { "projects|5-10": [{ //随机生成5-10条 "adpartment|1": ["研发部", "市场部", "运营部"], "address": "@county(true)", "position": "员工", "post": "admin",...
2019-05-09 17:21:34
1855
原创 最实用的数组去重方法、数组的相邻元素的去重方法和对象数组的去重方法
实现的效果：数组的相邻元素去重：const orginArr=[1,1,2,3,3,4,4,5,5,6,5,4,3,2,2,1,1],const unique = (arr) => {let newArr=[arr[0]]for(let i=1;i<arr.length;i++){if(arr[i]!==newArr[newArr.length-1]){...
2019-04-26 10:52:24
1774
1
原创 js React Dva对页面中权限节点的控制 即有权限展示和无权限的不展示
思路：有些界面和操作按钮有着对应唯一的权限码，当用户登录之后会获取到用户向前所拥有的权限码。然后跟整个系统的权限码进行比对，如果存在对应的权限码则拥有该权限。步骤：1，在permission.js中存放整个系统的权限码2.登录成功后获取到当前用户拥有的权限列表，并使用localStorage本地存储起来window.localStorage.setItem('auth', JS...
2019-04-23 15:44:09
1291
原创 JS对金额的处理（保留两位小数位， 每隔三位添加‘，’）
JS：function Money(value, num) {num = num > 0 && num <= 20 ? num : 2;value = parseFloat((value + "").replace(/[^\d\.-]/g, "")).toFixed(num) + ""; //将金额转成比如 123.45的字符串var valueArr...
2019-04-22 16:53:12
6479
2
原创 antd +dva实现动态获取树形数据表格
最近在做项目的时候遇到了需要运用树形表格。应为不是做Demo，所以是需要做成动态获取的，antd的模板列子实现的效果图：注意：我们使用的是两个不同的接口实现的动态树形数据的表格实现的思路：1，第一个接口只负责获取表格的父数据，也就是只获取 市场部，财务部，产品部的数据。2，需要和后台商议好，如果父数据有子列表，那么就需要在给父数据的时候返回一个空数组，有这个空的数组才能实现...
2019-04-12 11:58:37
5289
2
原创 background-image 关于把一张图片完全显示在大div中，小div中
最近做项目的时候 突然遇到的问题原图是一张：width: 750px; height: 400px;首先默认的状态：设置 background-size: 100% 100%; //这将设置为图片的宽高都是100% 去适应div的大小 background-repeat: no-repeat; //这将设置图片 不重铺 图片会被拉伸和缩小；设置后的效果：文件的...
2019-03-23 16:09:37
13022
原创 React 防止按钮多次点击事件 重复提交
为了方便，简单的记录一下：在state中设置一个控制点击事件this.state = {isClick: true}在点击事件的函数里handleOk = () => {const { isClick } = this.stateif (isClick) { //如果为true 开始执行this.setState({ isClick: false })...
2019-03-19 11:55:25
12740
4
原创 JS的Math对象，求数组的最大值max()，最小值min()，随机数 random()
1，使用Math对象获取最大值的方法max()和获取最小值min()方法。var max=Math.max(3,5,7,9,6,4,2) // 9var min=Math.min(3,5,7,9,6,4,2) // 2使用Math对象获取数组中的最大值和最小值： 会使用到apply()方法，将Math对象作为apply()的第一个参数，从而正确的设置this。然后将数组作为...
2019-01-04 22:13:00
5476
原创 数组的splice()的方法总结：对数组的删除，插入，替换
splice()的主要用途是向数组的中部插入项。但有以下三种使用规则：一，删除：可以删除任意数量的项。指定两个参数：要删除的第一项位置和要删除的项数。如：splice(0,2) 删除数组的前两项；二，插入：可以向指定位置插入任意数量的项。指定三个参数：起始位置，0（要删除的项数），要插入的项。如：splice(2,0,'x','y','z') 在数组的第2个位置开始插入...
2019-01-02 21:49:10
1154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人