前端接受blob文件流,模拟下载 前端模拟下载上代码 /** * @param {objec} 行数据 * @date 2020-12-09 * @description 点击下载功能 */ downLoad(data){ let fileName = data.fileName; //下载的文件名字 data是我组件中传出来的 t
iviewui Upload上传爬坑,手动上传,二次上传 ##Upload 实现二次上传因为不熟悉iview 组件,在做上传的时候,查看公司之前项目都是直接上传,但是到我手里的项目是需要先走一下接口进行上传文件验证 /(ㄒoㄒ)/~~ ,然后增加其他参数再上传 直接上例子描述: 需要先走验证,然后手动上传额外参数额外参数增加好说,在项目文档中有说明 增加data变量,将增加的参数都放到 data 中 额外参数就解决了 <Upload :action="actionUrl" ref="upLoadRef"
vue全家桶安装以及修改webpack配置新增vue项目启动方式 一、安装node环境(自带npm)下载地址二、替换下载源// 淘宝 NPM 镜像npm install -g cnpm --registry=https://registry.npm.taobao.org三、全局安装vue-cli脚手架npm install --global vue-cli四、vue2.* webpack模板下载vue init webpack vue_project五、安装vuexnpm install vuex --save在main.js中注入v
跳转到指定页面元素位置 跳转到指定页面元素位置校验页面元素,点击之后跳转到指定位置export const getElementTop = (element:any):any => { //元素距离屏幕浏览器上方距离,如果页面元素滑上去,就是负数 element dom元素 let clientHeight:any = element.getBoundingClientRect().top;...
vue-property-decorator使用指南 在Vue中使用TypeScript时,非常好用的一个库,使用装饰器来简化书写。安装npm install --save vue-property-decorator@Component (from vue-class-component)@Prop@Model@Watch@Emit@Inject@ProvideMixins (the helper function named ...
javascript ES6 新增数据结构 Map javascript ES6 新增数据结构语法Map 和 Object 进行比较属性方法基本语法语法Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。new Map([iterable])iterable 参数Iterable 可以是一个数组或者其他 iterable 对象,其元素为键值对(两个元素的数组,例如: [[ 1, ‘one’ ],[ 2, ‘two...
typesript vue 中方法的使用 typesript vue 中方法的使用在VUE中会有一些简单的方法,在typescript中怎么使用引入js下面是vue中相关关键字的写法在VUE中会有一些简单的方法,在typescript中怎么使用新的项目用的是typescript+vue来写的,在前期首先是如何让vue正常的工作,所以在此先简单的总结一下引入js 如何正确的引入typescript //js<script...
webpack中webpack.config.js、package.json webpack中webpack.config.js、package.json文件webpack.config.js文件内容const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');var path = require("path");module.exports =
html-webpack-plugin详解 引言 最近在react项目中初次用到了html-webapck-plugin插件,用到该插件的两个主要作用:为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口有了这种插件,那么在项目中遇
mac下安装nvm以及node、webpack 先说一下nvm,node,npm之间的区别吧。 1. nvm的官方叫法:nodejs版本管理工具。 nvm相当于是家长,一个家长可以管理多个孩子。 也就是说:一个nvm可以管理很多node版本和npm版本。nodejs 在项目开发时的所需要的代码库npm在安装的nodejs的时候,npm也会跟着一起安装,它是包管理工具。npm管理nodejs中的第三方插件nvm、nod
手机触屏触摸特效javascript-TouchSwipe(依赖于jquery库)中文说明 手机触屏触摸特效javascript-TouchSwipe(依赖于jquery库)中文说明最近需要做一个手机小门户网站,因为目前主流的手机都是安卓和苹果的,他们的浏览器内核都是webkit,这就意味着手机网站是可以用html5和css3开发的,越开发越感觉到html5和css3的强大与它的重要性,且不谈html5和css3,做网站的时候遇到了一个大问题,就是触摸js的问题,以前都是写的电脑端的js,
git index.lock 在git没有运行完成的时候强制关闭,下次提交的时候产生错误fatal: Unable to create '/xxx/xx/.git/index.lock': File exists.If no other git process is currently running, this probably means agit process crashed in this repository ea
JS实现逐个消失 JS实现逐个消失前言:点击产生弹窗,产生多个,逐个消失var tipObject = function(text,mes) { var str =''; str +=' ×'; str += text; str + Error: Can't resolve 'fs' in (webpack 2配置CSS loadeers) 前言,在之前有配置过webpack 2 中css loaders,但是怎么也不正确报错:ERROR in ./~/convert-source-map/index.jsModule not found: Error: Can't resolve 'fs' in '/Users/ceshi/Desktop/webpack/node_modules/convert-source-map' @ ./~ Webpack 2的强大功能(1) 前言:上一篇文章主要介绍安装和简单使用,但是webpack还有更多高级的功能生成Source Maps(使调试更容易) 开发总是离不开调试,如果可以更加方便的调试当然就能提高开发效率,不过打包后的文件有时候你是不容易找到出错了的地方对应的源代码的位置的,Source Maps就是来帮我们解决这个问题的。 通过简单的配置后,Webpack在打包时可以为我们生成的source maps,这为我们
Error: Can't resolve 'fs' in (webpack 2配置CSS loadeers) 前言,在之前有配置过webpack 2 中css loaders,但是怎么也不正确报错:ERROR in ./~/convert-source-map/index.jsModule not found: Error: Can't resolve 'fs' in '/Users/ceshi/Desktop/webpack/node_modules/convert-source-map' @ ./~
Webpack 2的强大功能(1) 前言:上一篇文章主要介绍安装和简单使用,但是webpack还有更多高级的功能生成Source Maps(使调试更容易) 开发总是离不开调试,如果可以更加方便的调试当然就能提高开发效率,不过打包后的文件有时候你是不容易找到出错了的地方对应的源代码的位置的,Source Maps就是来帮我们解决这个问题的。 通过简单的配置后,Webpack在打包时可以为我们生成的source maps,这为我们