自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 前端文件流下载填坑之旅

文件流下载的适用场景是: 前端页面点击导出按钮后调取后端接口,接口返回数据,下面分享下都遇到哪些坑

2022-06-29 18:56:34 1313 1

原创 echarts3d饼图,环形图(包含透明效果)

先看效果图:饼图:环形图:带透明度的环形图:安装echarts"echarts":"^5.1.2" "echarts-gl":"^2.0.8"import Vue from 'vue'import * as echarts from 'echarts'import 'echarts-gl' // 3d图表库Vue.prototype.$echarts = echarts.vue文件<template> &l...

2021-09-09 11:25:05 83309 132

原创 前端打包部署服务器升级版

之前写过一篇部署流程,这次的部署是上次的升级版,配置文件更加简洁,并且只需要一个安装包,打包过程更加清晰,跟着我操作起来吧。一. 下载 deploy-cli-service 包(开发环境)npm install deploy-cli-service --save-dev 或 yarn add deploy-cli-service --save-dev二. 删除如下文件和安装包根目录的deploy文件package.json中这三个包卸载掉三. 修改deploy运行命令p.

2021-05-28 15:08:02 528 1

原创 前端文件上传金山云

以前公司上传文件都是后端给个请求地址,前端按照后端需要的格式发送请求,后端返回给前端一个服务器可以访问的文件地址,前端再连同其他表单数据进行提交。新公司前端是自己上传金山云直接拿到服务器可以访问的地址(当然上传金山云的签名需要后端返回),再跟其他表单数据请求提交。下面说一下流程框架:@vue-cli4.5.11UI库: ant-design-vue1.7.5相关文档参考:对象存储(KS3)POST Object-金山云一. 获取签名接口src/api/common.jsimport re

2021-05-28 11:46:47 723

原创 前端vue项目的自动化部署流程简介

现在前后端分离的模式习惯了以后,几乎就很少了解过前端代码部署,虽然自己以前也简单了解过node.js服务器的一点知识,但是早都忘记的一干二浄了,常用的也就是跟vue有关的npm相关的一些使用,在新公司的项目中需要自己在服务器部署代码,所有在组长的带领下,我学习了简单的前端代码部署流程(项目是vue-cli3.0),做如下记录:1. 首先在项目根目录添加如下文件:2. 在deploy.config.js添加配置3. 安装 Xshell 6 和Xftp 6(可以方便查看远程项目目录)...

2021-05-28 10:15:51 773

原创 nginx证书替换

环境准备(电脑已安装xshell,xftp)1. xshell启动服务器,切换到nginx目录下2. 然后切换到 sites-available 目录下,找到对应的需要修改证书的文件夹3.切换至该文件夹下,开始操作: 1. 打开配置文件 (vim 文件名),没有权限可以(sudo vim 文件名) 2. 打开证书 (cat 文件名) 2. 修改证书名:输入命令i,出现insert,然后移动鼠标至修改的地方(红框),修改完成后esc退出编辑模式,然后保存并退...

2021-01-13 14:22:16 3963

原创 初学nginx的简单配置

环境准备(电脑已安装xshell)1.打开xshell——创建会话(添加好域名端口,输入用户名,密码,然后确定)2.切到根目录下 cd /home(这是个根目录)3.查看该目录下的文件 ls,如果有目标文件,直接切换至该文件下(cd 文件名),没有可以自己新建(mkdir 新文件名),ls查看是否创建成功4.连接服务器进入nginx配置目录 cd /etc/nginx/sites-available ls 查看目录下的配置文件 可以拷贝其中一个配置文件进行修改,作为新的配置...

2021-01-13 10:01:21 228

转载 获取当前时间和时间格式化

1. 获取当前时间var myDate = new Date();myDate.getYear();// 获取当前年份(2位)myDate.getFullYear();// 获取完整的年份(4位,1970-????)myDate.getMonth();// 获取当前月份(0-11,0代表1月)myDate.getDate();// 获取当前日(1-31)myDate.getDay();// 获取当前星期X(0-6,0代表星期天)myDate.getT...

2020-08-04 17:05:33 837

原创 正则

1. 大于0的数字(包括小数) /^(?!(0[0-9]{0,}$))[0-9]{1,}[.]{0,}[0-9]{0,}$/2. 正整数 /^[0-9]*[1-9][0-9]*$/3.身份证 /^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/4.姓名(中文,包含xxxx.xxxx)/^[\u4E00-\u9FA5\uf900-\ufa2d·s]{...

2019-10-23 22:01:56 181 1

原创 微信小程序开发中遇到的问题(一)

一.用户授权和判断是否授权    1. 用户授权             需使用button按钮,必须填写属open-type 和调起授权窗口的事件 bindgetuserinfo, canIUse  判断小程序的api,回调,参数,组件等是否在当前版本可用,定义在当前页面的data里面&lt;button wx:if="{canIUse}" open-type="getUserIn...

2018-07-18 11:00:20 12154 1

原创 微信小程序开发聊天室——实时聊天,支持图片预览

第一次写小程序,老板就让我用websoket写个聊天对话,群聊这种。第一次写聊天功能,第一次用websoket,第一次用小程序,这是在考验我吗?不过我还是研究了一下,终于实现了。首先看一下界面,界面很简单,就是首页刚进来获取了用户信息头像,昵称等。点击进入聊天室就可以聊天了,下面我介绍的是前端代码实现,后台需要做的很简单,就是你给他发送什么数据,他就给你返回什么数据,就是在接收前台发送过来的图...

2018-07-12 09:41:16 64866 103

原创 了解微信小游戏第二天

昨天我注册了小游戏账号,小游戏的appId, 下载了官方小游戏案例,并查看了小游戏开发文档,因为第一次了解游戏开发,无从下手,所以我决定看看开发视频,小游戏官方文档目前支持的游戏引擎有:我参考的这个视频是layaAir游戏引擎开发的小游戏,  LayaBox官网: https://www.layabox.com/小游戏案例: 打地鼠        视频地址: https://ke.qq.com/c...

2018-07-10 18:15:59 417

原创 小程序开发小游戏注意事项

今天研究小游戏开发,总结了一些自己遇到的问题 :一. 注册appId       用小程序开发的小游戏跟用小程序开发其他项目不是公用的一个appId       如果你现在的小程序账号已经选了别的类目(非游戏),那你就需要另外注册一个账号来单独申请小游戏appId了.步骤跟你注册别的类目是一样的,选择类目的时候选择游戏就可以了(必须重新申请,已经注册过别的类目的账号里面是没有游戏这一项的)    ...

2018-07-09 16:51:53 15532 1

原创 Node.js开发区块链(一) —— Node.js入门和搭建后台服务器

Node.js是现在开源社区最流行的开发平台之一.概念:          Node.js是一个搭建在ChromeV8上的javascript即时运行平台,采用的是事件驱动和非阻塞模型,既轻量又高效。         通俗说: Node.js是一个可以让你用javascript语言开发应用的平台,是构建运行在分布设备上的数据密集型实时程序的完美选择。          什么是数据密集型,实时的应用...

2018-07-06 17:34:48 4349

原创 了解区块链(三)—— 区块链的架构设计

概念广义区块链: 点对点网络设计,加密技术应用,分布式算法实现和数据存储技术狭义区块链: 数据存储技术,数据库或文件操作。架构图:       区块链在架构设计上分为三个层次: 协议层(存储层,网络层) ,扩展层 ,应用层     1. 协议层:          最底层技术,通常是一个完整的区块链产品,类似于个人电脑的操作系统,维护网络节点,仅提供API以供调用。通常,官方会提供简单的客户端(通...

2018-07-05 18:18:47 2672

原创 了解区块链(二)—— 常见的几种共识机制

概念:         机制 —— 原指机器的构造和动作原理,在社会学者中可以表述为‘协调各个分部之间的关系以更好的发挥作用的具体运行方式’区块链机制分类:POW 工作量证明机制       1.基本原理          比特币采用的共识机制,按劳取酬,在网络世界里,劳动就是指你为网络提供的计算服务(算力 *时长),我们把这种服务的过程叫‘挖矿’,人们挖矿所得的报酬与各自提供的算力成正比。   ...

2018-07-05 17:05:30 4124

原创 了解区块链(一)——加密货币以及区块链的价值

以下都是我个人的理解(有不对的地方欢迎指出): 一 . 加密货币概念:加密货币是一种数字货币,可以说成是‘代币’,不同于法币(像美元,人民币等由国家和银行发行的纸币),它是基于点对点网络(P2P网络),没有发行机构(不是由某公司,银行,国家控制发行的),总量基本固定的加密电子通货(跟黄金类似,可以自由交易的一种电子数字形式)特点:       1. 定量(数量固定,或少量增发,以防止通货膨胀)  ...

2018-07-05 15:29:14 2308 2

原创 跟小白一起了解区块链

 前言    因为公司开发产品用到区块链技术,作为前端的我虽然不用写底层,但是还是觉得很有必要了解一下,因为总是听说区块链很强大,具体是什么?为什么强大,没有概念,下面我就把我自己了解到的写出来,有些专业的说法我觉得特别好,还是复制出来留着给大家看。                                                                           ...

2018-07-03 17:15:48 567 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除