自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 资源 (1)
  • 收藏
  • 关注

原创 js上传文件夹(js获取文件夹下所有文件)

文章目录介绍功能环境需要在服务下运行!!!步骤引入polyfill.js代码如下。(不需要vue环境,这里只是习惯用vue)效果图介绍项目中有需要实现拖拽文件夹上传功能,虽然可以通过设置input 的webkitdirectory属性实现。但是这种方式的兼容性却不好。如图:webkitdirectory兼容性博主找遍全网都没有找到合适的解决方案,直到发现下面一篇文章directory-upload-examplebut这个例子有个问题就是多个子文件夹时,路径数据是错误的。由此本文主要介绍优化

2021-02-26 16:45:20 4361 5

原创 Cesium禁止相机进入地下(地形穿透)问题

Cesium滚动鼠标的 地形穿透问题 亲测可行的解决方法问题描述:Cesium的地形图中,滚动鼠标滚轮会出现鼠标滚轮进入地形之下在设置了 scene.screenSpaceCameraController.minimumZoomDistance=100;之后,在地形还在加载的过程中旋转地球,依然会出现上述问题。解决方案监控相机的pitch值pitch>0的时候就禁止地球旋转事...

2019-01-07 17:54:58 8358 12

原创 VUE引入jq bootstrap 之终极解决方案

此博客更新啦------》》》新博客地址初入VUE遇见的一些问题,在网上找了些方法,再根据自己的实际项目解决的问题写得此文,,希望对你有所帮助。vue-cli快速构建项目以及引入boostrap、jq各种插件配置vue-cli脚手架工具快速构建项目架构:。。首先默认了有已经安装了node。。。 npm install -g vue-cli ...

2018-09-13 15:30:05 7625 4

原创 Cesium 元素贴地的两种方法

1,根据元素的clampToGround属性贴地 var options = { camera : viewer.scene.camera,canvas : viewer.scene.canvas,clampToGround: true //开启贴地};viewer.camera.flyHome(0);var a = viewer.dataSource...

2018-09-13 15:08:42 27772 3

原创 在vue中使用 vue-awesome-swiper

文章目录介绍功能安装步骤安装vue-awesome-swiper安装swiper5.2.0相关代码及引用拓展介绍众所周知的图片轮播插件swiper,快速,简单,高效,稳定。不过最新的swiper6对vue的兼容却不如人意。如图:然而vue3截止发稿日时仅为beta版,由此想要在vue中愉快的使用swiper该怎么办呢。现在给大家介绍 vue-awesome-swiper。参考文献:vue-awesome-swiper"Swiper component for @vuejs"github高分dem

2021-02-23 15:36:47 3326 1

原创 vue cli4 阻止图片转base64

文章目录介绍功能步骤在项目根目录中新建vue.config.js文件vue.config.js文件内容介绍在使用vue cli4的过程中,我们遇到比较小的图片被转成了base64格式的编码。但实际使用的时候不需要,因为转码后的图片不够清晰,特别是在大屏和高分辨率的显示器时尤甚。参考文献:vue.config.js配置参考功能避免vue cli4图片转码步骤在项目根目录中新建vue.config.js文件vue.config.js文件内容var path = require('path

2021-02-23 14:30:35 2090

原创 npm包的发布以及npm包的版本管理

文章目录介绍发布流程添加用户用户登录确定版本发布常用问题及解决办法介绍安装部署verdaccio私有库方法见https://blog.csdn.net/yuzheng7002/article/details/104196062。本文主要解决verdaccio私有库的发布流程,版本更新等方法。发布流程确认verdaccio配置的部署文件是需要登录的,建议设置成需要登录,并做好对应的权限管理。...

2020-03-24 15:47:18 2192

原创 pm2启动.bat文件及其他特殊文件

pm2 start XXX.bat --interpreter none//使用pm2 的不翻译版试试 bat文件测试成功。

2020-03-03 14:09:28 2159

原创 pm2使用简介 pm2常用命令 pm2开机自启动 pm2在线监测

文章目录介绍安装步骤常用命令启动查看停止重启删除扩展保存启动列表快速启动(启动已保存的应用列表)特殊启动 启动.bat文件开机启动介绍关于pm2的介绍这里不做太多介绍,这里引用官方介绍的一些内容。NODE.JS的高级生产过程管理器。PM2是守护进程管理器,将帮助您管理和保持24/7的在线应用程序 。 --pm2参考文献:pm2官网安装步骤npm install pm2 -g常...

2020-03-03 11:24:15 1538

原创 使用verdaccio搭建npm私有库 pm2守护进程

文章目录介绍实现思路安装步骤安装verdaccio注意使用pm2管理进程pm2简介全局安装pm2使用pm2启动verdaccio使用nrm管理或者切换npm仓库源附:pm2常用命令介绍团队开发用到npm,但公司要求使用的私有npm库方便管理,查找相关资料后决定使用verdaccio搭建npm私有库。话不多说直接开始吧。参考文献:verdaccio-npmpm2-npmnrm – NPM...

2020-02-06 17:20:53 6584 2

原创 AJAX解析xml文件对象

xml:<xml> <stringxmlns="http://tempuri.org/"> {"Flag":1,"Error":"","Result":[{"BIAOTI":"这是标题","JIANJIE":"这是内容"}]} </string></xml>js//解析成js js...

2020-02-01 19:31:49 506

原创 纯前端读取excel (SheetJS js-xlsx.js框架)

文章目录介绍兼容性使用方法实现思路文件引用代码示例及详解开发注意生成excel文件并下载介绍应项目需求需要做一个纯前端读取excel文件的功能。各方面评估框架后选择了SheetJS的xlsx.js。SheetJS功能强大。使用方便,文档详细。github地址:SheetJS参考文献:Jiao_0805 《js-xlsx使用》兼容性使用方法实现思路通过<input typ...

2020-02-01 16:54:07 11367

原创 VUE引入jquery bootstrap 之终极解决方案

文章目录介绍安装、初始化项目1. npm安装vue-cli脚手架2.用webpack下载模板并初始化项目3.工程目录说明4.启动项目引入jquery引入bootstrap:测试拓展小知识介绍用vue-cli搭建工程项目引入jQuery 和bootstrap的解决方法。参考文献:vue.js官网, bootstrap下载安装、初始化项目1. npm安装vue-cli脚手架 npm ins...

2019-08-16 15:48:07 916 2

原创 npm 全局包失效,全局命令失效

一、windows下找到node的安装目录npm config get prefix修改npm配置npm config set prefix "nodeJs的安装目录"重新安装需要的全局包npm install "包名" -g

2019-06-26 19:31:51 3977

原创 vue通过webpack实现组件、页面的按需加载

文章目录介绍vue require方法 实现利用wabpack ensure实现介绍在比较大型的vue项目中,会涉及到许多.vue文件的路由页面引用,但是,如果用import引入的话,当项目打包时路由里的所有component都会打包在一个js中,造成进入首页时,需要加载的内容过多,时间相对比较长。当你用文中所示方法配置路由页面,会将你的component分别打包成不同的js,加载的时候也是按...

2019-05-16 12:25:12 1742

原创 本地文件上传到github

文章目录1. 介绍2. 选择对应版本下载3.安装4. 绑定用户5. 设置SSH key5.1 生成ssh key5.2 为github账号配置ssh key6. 上传本地项目到github6.1 创建一个本地项目6.2 建立本地仓库6.3 关联github仓库6.4 上传本地代码1. 介绍本文主要介绍,如何将本地的代码同步到github代码仓库。github:github官网2. 选...

2019-05-16 12:01:15 753

原创 element-ui el-select el-input el-table el-form使用说明和问题集

文章目录介绍forminput(输入框 包括:number,email,textarea...类型)input type="number"input 标注select(下拉列表)upload(文件上传)table介绍本文主要介绍在使用element-ui中容易出现的各种问题,和作者使用element-ui的一些小技巧。这篇文章会根据作者实际情况不断更新。希望能解决大家使用过程中的一些问题,如果...

2019-05-10 19:15:13 2872

原创 vue项目开发流程附加模板

文章目录介绍功能安装步骤工程目录说明本地开发构建生产开发注意element-ui iviewnrm :一个npm仓库管理工具npm常用命令打开cmd窗口,powerShell(win10)窗口的快捷方式介绍用vue 结合element-ui ,iview设计的用于智慧林业产品的前端开发库,借鉴github部分代码,也遇见许多为,积累了丰富经验总结出这个vue的单页面多级应用开发模板。参考文献...

2019-04-18 16:26:09 472

原创 Vue如何支持JSX语法

文章目录介绍传统的createElement方法使用jsx语法使用示例写法注意介绍通常开发vue我们使用的是模板语法,其实还有和react相同的语法,那就是render函数,同样支持jsx语法。Vue 的模板实际是编译成了 render 函数。以下是普遍的说明文档,文末是作者的示例。参考文献:vue.js官网传统的createElement方法createElement( 'anc...

2019-04-16 18:22:49 4683

原创 vue vue-router 生产的html5 history 在iis服务器上的部署设置

文章目录介绍安装url重写模块,找到管理下的web平台安装程序,搜索url,选择url重写工具2.0,选择安装。添加规则。点击url重写,选择添加规则,空白规则,输入名称,按照下图进行配置。vue程序中添加两条路由。总结介绍首先先照搬下官网的介绍当你使用 history 模式时,URL 就像正常的 url,例如 http://yoursite.com/user/id,也好看!不过这种模式要...

2019-04-16 18:09:23 1078

原创 vue项目环境搭建(基于vue 2、vuex、element-ui、iview、webpack 3、axios)

文章目录介绍环境、涉及的技术池IDE用vue-cli搭建vue项目工程文件目录说明npm常用命令打开cmd窗口,powerShell(win10)窗口的快捷方式介绍众做周知,前端的三大技术框架vue,react,angular。其中vue和react 的争论已多时,这里不再过多赘述。文主,在这此了解到相关知识后大概得出拙见:项目如果不太大,建议vue。大项目适合react。那么大项目到底是个怎...

2019-04-16 17:29:58 741

原创 WinSCP+ OpenSSH 的FTP连接服务器配置与使用

Winscp + OpenSSH 的FTP服务器配置与使用介绍服务器端(被远程的个体)客户端注意事项介绍此文章主要讲解通过配置FTP协议完成,对远程服务器上的文件替换,删除,添加等操作。参考文献:https://winscp.net/eng/docs/guide_windows_openssh_server工具:WinSCP, OpenSSH服务器端(被远程的个体)在需要被远程访问的w...

2019-01-07 17:21:06 1972

原创 Vue如何支持JSX语法

通常开发vue我们使用的是模板语法,其实还有和react相同的语法,那就是render函数,同样支持jsx语法。 Vue 的模板实际是编译成了 render 函数。以下是普遍的说明文档,文末是作者的示例。1.传统的createElement方法createElement('anchored-heading', {props: {level: 1}}, [cr...

2018-11-14 10:16:14 3544

polyfill.js

js 实现拖拽上传文件夹所用脚本

2021-02-26

空空如也

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

TA关注的人

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