自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 纯前端下载pdf链接文件,而不是打开预览的解决方案

纯前端下载pdf链接文件,而不是打开预览的解决方案一,介绍与需求1.1,介绍 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 问题:Chrome 会自动调用内置的 pdf 阅读器打开1.2,需求 在谷歌(Chrome)浏览器中,使用a标签属性downlo...

2019-08-19 10:19:00 4000

转载 React之动画实现

React之动画实现一,介绍与需求1.1,介绍1,Ant MotionAnt Motion能够快速在 React 框架中使用动画。在 React 框架下,只需要一段简单的代码就可以实现动画效果2,SVGSVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图...

2019-08-08 16:22:00 862

转载 DvaJS构建配置React项目与使用

DvaJS构建配置React项目与使用一,介绍与需求分析1.1,介绍dva 首先是一个基于redux和redux-saga的数据流方案,然后为了简化开发体验,dva 还额外内置了react-router和fetch,所以dva是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装。是由阿里架构师 sorry...

2019-07-20 14:33:00 832

转载 Nginx部署多个站点

Nginx部署多个站点一,介绍与需求1.1,介绍详细介绍请看nginx代理部署Vue与React项目,在这儿主要介绍多个站点的配置1.2,需求有时候想在一台服务器上为不同的域名/不同的二级域名运行不同的站点。比如www.webA.com作为官网前台,www.webB.com/admin.webA.com作为后台管理系统。可以把你的服务器IP分别解析到两个域名上,然后反...

2019-07-08 11:44:00 365

转载 Linux服务部署Yapi项目(安装Node Mongdb Git Nginx等)

Linux服务部署Yapi一,介绍与需求1,我的安装环境:CentOS7+Node10.13.0+MongoDB4.0.10。2,首先安装wget,用于下载node等其他工具1 yum install -y wget编译依赖 gcc 环境1 yum install gcc-c++二,Node安装配置第一步:下载Node1 wg...

2019-06-26 09:45:00 526

转载 React-Native之打包发布(Android)

React-Native之打包发布(Android)一,介绍与需求移动端打包发布到应用市场二,发布配置注意:以下所有操作都在win10下进行,React Native版本0.59.5,android-studio版本 3.21,生成签名1 keytool -genkey -v -keystore app.keystore -alias yingqi -...

2019-06-10 09:58:00 239

转载 Canvas动画(PC端 移动端)

Canvas动画(PC端 移动端)一,介绍与需求1.1,介绍canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术。<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是,<canvas> 有一个基于 JavaScript 的绘图 API,而 SV...

2019-05-30 11:55:00 566

转载 富文本编辑器TinyMCE的使用(React Vue)

富文本编辑器TinyMCE的使用(React Vue)一,需求与介绍1.1,需求 编辑新闻等富有个性化的文本1.2,介绍TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。TinyMCE的优势:开源可商用,基于LGPL2.1插件丰富,自带插件基本涵盖日常所需功能接口丰富,可扩展性强,有能力可以无限拓展功能界面好看,符合现...

2019-05-14 11:28:00 1156

转载 JS构建多端应用

JS构建多端应用一,需求与介绍1.1,介绍1,Taro是一套遵循React语法规范的多端开发解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。使用Taro,我们...

2019-05-06 09:20:00 335

转载 NodeJs之邮件(email)发送

NodeJs之邮件(email)发送一,介绍与需求1.1,介绍1,Nodemailer简介Nodemailer是一个简单易用的Node.js邮件发送插件github地址Nodemailer的主要特点包括:支持Unicode编码支持Window系统环境,不需要安装依赖支持HTML内容和普通文本text内容支持附件(传送大附件)支持H...

2019-04-22 14:22:00 1283

转载 NodeJs操作MongoDB之分页功能与常见问题

NodeJs操作MongoDB之分页功能与常见问题一,方法介绍1,聚合操作之countcount()方法可以查询统计符合条件的集合的总数1 db.User.count(<query>) // 此方法等价于 db.User.find(<query>).count()在分布式集合中,会出现计算错误的情况,这个时候推荐使用aggregate...

2019-04-09 09:46:00 196

转载 NodeJs之word文件生成与解析

NodeJs之word文件生成与解析一,介绍与需求1.1,介绍1,officegen 模块可以为Microsoft Office 2007及更高版本生成Office Open XML文件。此模块不依赖于任何框架,您不需要安装Microsoft Office,因此您可以将它用于任何类型的JavaScript应用程序。输出也是流而不是文件,不依赖于任何输出工具。此模块应适...

2019-04-01 10:07:00 1507

转载 NodeJs之EXCEL文件导入导出MongoDB数据库数据

NodeJs之EXCEL文件导入导出MongoDB数据库数据一,介绍与需求1.1,介绍(1),node-xlsx: 基于Node.js解析excel文件数据及生成excel文件。(2),excel-export: 基于Node.js将数据生成导出excel文件,生成文件格式为xlsx(可以指定),可以设置单元格宽度,API容易上手,无法生成worksheet字表,...

2019-03-23 09:28:00 1095

转载 NodeJs之文件上传

NodeJs之文件上传一,介绍与需求1.1,介绍1,multer模块multer用于处理文件上传的nodejs中间件,主要跟express框架搭配使用,只支持表单MIME编码为multipart/form-data类型的数据请求.2,fs模块fs模块用于对系统文件及目录进行读写操作。1.2,需求上传并操作文件与文件目录二,配置实现2.1,multe...

2019-03-15 10:05:00 381

转载 NodeJs之定时器与队列

NodeJs之定时器与队列一,介绍与需求1.1,介绍定时任务(node-schedule),是针对Node.js的一种灵活的cron-like和not-cron-like作业调度程序。它允许您使用可选的递归规则将作业(任意函数)安排在特定日期执行。它在任何给定的时间只使用一个计时器(而不是每秒钟/分钟重新评估即将到来的作业)。Async是一个实用模块,它为异步JavaS...

2019-03-07 15:53:00 760

转载 NodeJs操作MongoDB之多表查询($lookup)与常见问题

NodeJs操作MongoDB之多表查询($lookup)与常见问题一,方法介绍aggregate()方法来对数据进行聚合操作。aggregate()方法的语法如下1 aggregate(operators,[options],callback)operators参数是如表1所示的聚合运算符的数组,它允许你定义对数据执行什么汇总操作。options参数允许你设置r...

2019-02-27 16:41:00 1425

转载 Windows下安装配置MongoDB

Windows下安装配置MongoDB一,介绍MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统。在高负载的情况下,添加更多的节点,可以保证服务器性能。MongoDB 将数据存储为一个文档,数据结构由键值(key=>value)对组成。MongoDB 文档类似于 JSON 对象。字段值可以包含其他文档,数组及文档数组。二,安装配置当前...

2019-02-19 12:57:00 99

转载 NodeJs连接操作MongoDB数据库

NodeJs连接操作MongoDB数据库一,介绍MongoDB是一种文档导向数据库管理系统,由C++撰写而成。介绍如何使用 Node.js 来连接 MongoDB,并对数据库进行操作。Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具。版本:5.4.4Github地址:https://github.com/Automattic/mo...

2019-02-11 10:47:00 723

转载 NodeJs之服务搭建与数据库连接

NodeJs之服务搭建与数据库连接一,介绍与需求分析1.1,介绍Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。二,node服务搭建2.1,安装创建项目服务第一步:安装NODE...

2019-02-11 10:40:00 479

转载 Vue之状态管理(vuex)与接口调用

Vue之状态管理(vuex)与接口调用一,介绍与需求1.1,介绍1,状态管理(vuex)Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调...

2019-01-31 10:01:00 1294

转载 nginx代理部署Vue与React项目

nginx代理部署Vue与React项目一,介绍与需求1.1,介绍Nginx(engine x) 是一个高性能的HTTP和反向代理服务,也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。Nginx是一款轻量级的Web服...

2019-01-23 09:53:00 397

转载 Vue项目搭建与部署

Vue项目搭建与部署一,介绍与需求1.1,介绍Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue两大核心思想:组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块(组件),组件可重复使用;数据驱动是前端的未来发展方向,释放了对DOM的操作,让DOM随着数据的变化自然而然的变化(尤神原话),不必过多的关注...

2019-01-21 16:02:00 305

转载 React项目搭建与部署

React项目搭建与部署一,介绍与需求1.1,介绍1.1.1,React简介React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。Reac...

2019-01-12 09:31:00 439

转载 桌面应用之electron开发与转换

桌面应用之electron开发与转换一,介绍与需求1.1,介绍1. Electron简介Electron是用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。目前,Electron已被Micr...

2019-01-04 17:10:00 201

转载 React Native之支付集成(微信 支付宝)(ios android)

React Native之支付集成(微信 支付宝)(ios android)一,需求分析 1.1,app在线充值与提现二,技术介绍与集成 2.1,微信支付 2.1.1,Android配置详细配置可查看React Native之微信分享(iOS Android),这里主要介绍的是支付方面的配置第一步:创建名为'wxapi'的文件夹,并在文件夹...

2018-12-28 15:58:00 643

转载 WEB通知和React Native之即时通讯(iOS Android)

WEB通知和React Native之即时通讯(iOS Android)一,需求分析1.1,允许服务器主动发送信息给客户端,客户端能监听到并且能接收。1.2,为了方便同一个系统内的用户可以指定某个用户可以私聊。1.3,给指定用户或多个用户发送通知。二,技术介绍2.1.WebSocket介绍1,WebSocket 是什么?WebSocket是一种网络通...

2018-12-25 16:51:00 473

转载 React Native之配置URL Scheme(iOS Android)

React Native之配置URL Scheme(iOS Android)一,需求分析1.1,需要在网站中打开/唤起app,或其他app中打开app,则需要设置URL Scheme。比如微信的是:weixin://二,URL Scheme介绍2.1,URL Scheme是什么?URL Scheme是一种页面内跳转协议,是一种非常好的实现机制,通过定义自己的sche...

2018-12-13 11:54:00 1063

转载 MacOS搭建本地服务器

MacOS搭建本地服务器一,需求分析 1.1,开发app(ios android)时通常需往app中切入web页面,直接导入不行,故需搭建本地的测试网站服务,通过IP嵌入访问页面。 1.2,开发小程序时,存放图片,通过链接访问--http://ip/PoweredByMacOSX.gif。二,启动服务MacOS 自带得有Apatch服务器。但是通常是关闭的...

2018-12-03 09:53:00 268

转载 React Native之通知栏消息提示(ios)

React Native之通知栏消息提示(ios)一,需求分析与概述详情请查看:React Native之通知栏消息提示(android)二,极光推送注册与集成2.1,注册详情请查看:React Native之通知栏消息提示(android)2.2,集成(ios)第一步:安装打开终端,进入项目根目录文件夹下,执行以下命令:1 npm ins...

2018-11-17 20:18:00 775

转载 前端知识点总结(HTML)

前端知识点总结(HTML)一,头部常用的标签1,link标签(1),设置ico图标1 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />2 <link rel="icon" href="img/gif_favicon.gif" type="image/gif"&...

2018-11-12 10:23:00 224

转载 React Native之通知栏消息提示(android)

React Native之通知栏消息提示(android)一,需求分析与概述1.1,推送作为手机应用的基本功能,是手机应用的重要部分,如果自己实现一套推送系统费时费力,所以大部分的应用都会选择使用第三方的推送服务,如极光推送。1.2,jpush-react-native是极光推送官方开发的 React Native 版本插件,可以快速集成推送功能。现在最新版本的 JP...

2018-11-06 13:37:00 1638

转载 微信QQ打开网页时提示用浏览器打开

微信QQ打开网页时提示用浏览器打开一,需求分析 1.1,使用微信或QQ打开网址时,无法在微信或QQ内打开常用下载软件,手机APP等。故此需要在微信qq里提示二,功能实现2.1 html实现 1 <div id='weixin-tip-box'> 2 <div class="triangle_border_up"...

2018-10-31 16:39:00 989

转载 微信小程序开发的基本流程

微信小程序开发的基本流程一,微信小程序简介1,微信小程序简称小程序,张小龙在微信公开课 Pro 上发布的小程序正式上线,时间是2017年1月9日。2,微信小程序这个词可以分解为“微信”和“小程序”两部分(1),其中“微信”可以理解为“微信中的”,指的是小程序的执行环境;当然微信在提供执行环境的同时也延长了用户使用微信的时间。(2),“小程序”是说它首先是程序,然后具备...

2018-10-25 15:41:00 3217

转载 React Native之code-push的热更新(ios android)

React Native之code-push的热更新(ios android)React Native支持大家用React Native技术开发APP,并打包生成一个APP。在动态更新方面React Native只是提供了动态更新的基础,对将应用部署到哪里,如何进行动态更新并没有支持的那么完善。好在微软开发了CodePush,填补React Native 应用在动态更新方面的空白。C...

2018-10-19 11:33:00 224

转载 ES7的新特性

ES7的新特性ES7 特性:1.Array.prototype.includes2.Exponentiation Operator(求幂运算)一,Array.prototype.includes Array.prototype.includes用法容易和简单。它是一个替代indexOf,开发人员用来检查数组中是否存在值,indexOf是一种尴尬的使用,因为它返...

2018-10-13 15:51:00 160

转载 如何将本地项目上传到码云

如何将本地项目上传到码云步骤:在码云上新建一个项目 XXXX (项目名)本地创建一个文件夹Windows(E:/XXXX),MAC(Desktop/XXXX),然后使用git bash;或者直接使用使git clone+远程仓库地址cd 到本地文件夹中Windows(E:/XXXX),MAC(Desktop/XXXX) //如果是在创建的文件中git bash 则此步...

2018-10-09 13:16:00 154

转载 Git的配置与使用

Git的配置与使用一,未配置过git1.1,安装Githttps://git-for-windows.github.io/1,2,鼠标右键点击Git Bash Here1.3,输入命令cd ~/.ssh/ 【如果没有对应的文件夹,则执行 mkdir ./.ssh】git config --global user.name "******...

2018-09-14 09:55:00 239

转载 React Native之倒计时组件的实现(ios android)

React Native之倒计时组件的实现(ios android)一,需求分析 1,app需实现类似于淘宝的活动倒计时,并在倒计时结束时,活动也结束。 2,实现订单倒计时,并在倒计时结束时,订单关闭交易。 3,实现获取验证码倒计时。二,技术实现 2.1,活动倒计时与订单倒计时的实现,源码如下: 1 componentDi...

2018-09-07 10:57:00 342

转载 React Native之图片保存到本地相册(ios android)

React Native之图片保存到本地相册(ios android)一,需求分析 1,react native保存网络图片到相册,iOS端可以用RN自带的CameraRoll完美解决,但是android端不支持从网络保存图片。 2,只保存一张图片到本地相册(比如生成的邀请卡 付款码等)二,介绍与iOS简单配置 2.1 介绍saveToCame...

2018-09-04 09:40:00 656

转载 React Native之本地文件系统访问组件react-native-fs的介绍与使用

React Native之本地文件系统访问组件react-native-fs的介绍与使用一,需求分析 1,需要将图片保存到本地相册; 2,需要创建文件,并对其进行读写 删除操作。二,简单介绍react-native-fs支持以下功能(ios android):将文本写入本地 txt读取txt文件内容在已有的txt上添加新的文本删除文件...

2018-09-03 09:17:00 1927

空空如也

空空如也

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

TA关注的人

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