- 博客(50)
- 收藏
- 关注
RSS订阅原创 js创建a便签，下载文件
/** 创建下载链接 */const downloadHref = "";/** 创建a标签并为其添加属性 */let downloadLink = document.createElement("a");downloadLink.href = downloadHref;downloadLink.download = "资产与3D视图模板.xlsx";/** 触发点击事件执行下载 */downloadLink.click();/** 下载完成进行释放 */window.URL.revo.
2020-05-28 11:07:09
411
转载 一文让你彻底搞清楚javascript中的require、import与export
这篇文章主要给大家介绍了关于javascript中require、import与export的相关资料，文中通过示例代码介绍的非常详细，对打击大的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。前言本文主要给大家介绍了关于javascript中require、import与export的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。...
2019-08-30 08:57:06
3833
原创 vuex状态管理解析及场景应用
vuex localStorage sessionStorageVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。状态管理，就是管理的全局变量。在我们的项目中，特别是较大型的项目，会有很多参数是很多地方都会用到的，比如，一个登录的token，很多页面都需要这个信息，当然我们可以时刻...
2019-08-09 10:00:14
1117
原创 vue打包分离配置文件
vue-cli3.x添加一个serverConfig.json{ "AppId": "2982b7ca5a", "token": "0F33CFBA-B4E0-4A9C-A54B-2B2DABEE7B15", "baseUrl": ""}添加一个vue.config.js文件var GenerateAssetPlugin = require('ge...
2019-08-05 16:47:45
1907
原创 vue-cli typescript 相关问题及修改
iview相关问题问题1、iview定制主题出错说明：less的版本问题造成，版本高于3.x，需要降低版本操作：yarn add less @2.7.3 //安装2.7.3版本问题2、不能使用this.$Message()说明：$Message没有全局定义，所以不能使用操作：修改shims-vue.d.ts文件，添加以下代码import Vue from "v...
2019-07-25 15:05:39
617
原创 Parsing error: x-invalid-end-tag,vue-cli使用iview时esline报错解决方案
修改package.json文件中eslintConfig字段在rules中添加"vue/no-parsing-error": [2, { "x-invalid-end-tag": false }]
2019-07-23 16:51:24
2712
转载 Angular ElementRef简介及其使用,viewChild
Angular 的口号是 - “一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)”，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生移动应用和原生桌面应用等。为了能够支持跨平台，Angular 通过抽象层封装了不同平台的差异，统一了 API 接口。如定义了抽象类 Renderer 、抽象类...
2019-07-17 11:10:37
1331
原创 vue加scoped后无法修改样式（无法修改iview UI 样式）
第一种使用深度作用选择器，可以通过vue-loader提供的新写法vue-loader写法如下（先安装，在使用）：<style scoped>.a >>> .b { /* ... */ }</style>某些预处理器（如less）可能无法>>>正确解析。在这些情况下，您可以使用/deep/组合器 - 它是别名，&...
2019-06-19 11:11:19
1958
转载 VS Code使用之Vue工程配置format代码格式化
编辑器另外一个很重要的功能就是代码格式化了，VS Code默认提供常见文件的格式化，如.js,.html等。添加对.vue文件的格式化支持这里我们添加对 .vue 文件的格式化支持。1. 安装 Vetur 插件2. 在 VS Code 的设置中添加如下规则：{ "vetur.format.defaultFormatter": { "html": "pr...
2019-06-19 08:40:35
2635
原创 nvm安装node后npm不是内部命令
nvm install时先下载node，然后下载npm，下载npm时在node安装目录中会出现temp文件夹，其中有npm压缩包1、及时将npm压缩包复制出来，不然过会就被删除了2、解压缩查看安装目录使用11.0.0版本node能够使用，npm不能使用3、将这个文件夹复制到node 11.0.0安装版本的node_modules4...
2019-06-17 14:46:39
16362
8
原创 window安装nvm，node管理工具
nvm-windows 官网Node版本管理器--nvm，可以运行在多种操作系统上。nvm for windows 是使用go语言编写的软件。 我电脑使用的是Windows操作系统，所以我要记录下在此操作系统上nvm的安装和使用。我目前看到有两个版本【Pre-release 1.1.7】和 【Latest release 1.1.6]，我们下载目前稳定版本1.1.6就可以了。1.1.7...
2019-06-17 10:12:21
246
转载 vue-cli中webpack配置详解
看到一篇写webpack配置文件解释的文章，感觉很好，分享给大家。原文地址：https://segmentfault.com/a/1190000014804826一、前言vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压...
2019-05-10 14:52:12
1032
转载 js复制
<script type="text/javascript">function copyUrl2() { var Url2=document.getElementById("biao1").innerText; var oInput = document.createElement('input'); oInput.value...
2019-05-08 20:23:41
97
原创 html head标签详解
随便打开一个网页，右击查看网页源代码，总能看到<head>…</head>封闭标签，在里面通常会包含5类标签：title、link、script、meta、style。这5类标签看着都挺熟悉的哈，那么在web前端技术中具体要怎么使用，规则是什么，在我学习的时侯，我做了笔记整理，希望有帮助。 1. title 标签 title是一个封闭标签，在head中是...
2019-04-29 11:31:29
9456
转载 AngularJs在ng-click函数中如何获取代表当前元素的DOM对象
<input class="unchecked" type="checkbox" ng-model="item.isCustOmized" ng-click="switchCheckBox($event, item.isCustOmized)" />$scope.switchCheckBox = function($event, value) { // cons...
2019-04-21 23:52:22
848
转载 页面的宽高，判断是否滚动到底部
首先说一下常识：网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： documen...
2019-04-02 15:04:18
144
转载 前端跨页面通信，你知道哪些方法？
在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会自动更新为“已收藏”状态；类似的，在详情页点击“收藏”后，列表页中按钮也会更新。这就是我们所说...
2019-04-02 11:26:23
5890
原创 anjularjs监听大量数据需要更改迭代次数，否则会报错
AngularJS: API: ng/provider/$rootScopeProvider$rootScopeProvider- $rootScope - provider in module ng$rootScope服务的提供者。方法 digestTtl(limit); 设置$digest的数字来指出迭代域尝试执行的次数，在放弃和假设模型是不稳定的之前。 ...
2019-03-26 20:29:31
210
原创 node接收上传的文件
使用express框架基于multipartynode端var express = require('express');var router = express.Router();var fs = require("fs");// 引入导入模块const multiparty = require('multiparty');// 上传文件router.post("/fi...
2019-03-14 19:01:06
5372
原创 快速创建一个express ejs项目
第一步先安装nodejs第二步安装express 和ejsnpm install -g express npm install -g express-generator第三步用命令创建一个express目录，express '文件名称及'如：express -eexpressApp创建vue webpack vue init webpack...
2019-03-13 16:12:12
569
原创 vscode汉化版处理
1、打开vscode2、同时按下ctrl+shift+p输入：configure选择：configure language修改："locale":"zh-Cn"安装插件：2、重启vscode就ok了。
2019-03-11 09:17:56
477
原创 node读取文件夹，文件目录
var fs = require('fs') fs.readdir('D:/Movie/www', function (err, files) { if (err) { return console.log('目录不存在') } console.log(files)})以上为异步读取同步读取使用fs.readdirSync()...
2019-03-09 15:22:28
9653
原创 node读取文件操作
导言：nodejs中所有与文件相关的操作都在fs模块中，而读写操作又是我们会经常用到的操作，nodejs的fs模块针对读操作为我们提供了readFile，read, createReadStream三个方法，针对写操作为我们提供了writeFile，write， createWriteStream三个方法，下面分析一下它们的区别：一、readFile和writeFile1、readFile...
2019-03-09 15:07:53
7425
原创 node package.json 执行命令
1、'&&'继发顺序，执行前面之后才可以执行后面“start”: "node ./bin/www && tsc"先执行./bin/www 然后执行 tsc2、‘&’ 并行执行顺序，同时执行“start”: "node ./bin/www && tsc"./bin/www 与 tsc同时执行...
2019-03-07 18:18:12
1302
原创 js随机生成不重复的唯一码，随机生成1~10的数字
// 生成唯一编码function createRandomId() { return (Math.random() * 10000000).toString(16).substr(0, 4) + '_' + (new Date()).getTime() + '_' + Math.random().toString().substr(2, 5);}//介于 1 到 10 之间的一个...
2019-03-05 17:11:38
8038
原创 base64,图片解析为base64
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input accept="image/*" name...
2019-02-22 10:55:24
660
原创 xml格式的word文档空行的删除（js操作）
// 删除word中的空白行let xmlWord = doc.getZip().files["word/document.xml"]._data; //word xml格式字符串let emptyAry = xmlWord.match(/((<w:p\s[^><]*?>)|(<w:p>))(<[^><]*?>)+?<\/w...
2019-02-11 10:42:25
714
原创 exceljs 由js数据或者json数据生成一个excel文件
// 个税接收文件提取到excel中var Excel = require('exceljs'); // 引入模块var fileData = require("./geshui03"); // 引入相关数据var workbook = new Excel.Workbook(); // 实例化对象// 设置工作薄标题var headData = ["t","k","v","vs","...
2019-01-18 17:15:39
889
转载 word 通配符的运用
Word查找栏代码·通配符一览表 序号 清除使用通配符复选框 勾选使用通配符复选框 特殊字符 代码 特殊字符 代码or通配符 1 任意单个字符 ^? 任意单个字符 ...
2018-12-26 11:40:12
22751
2
原创 pm2 配置文件及相关命令
{ "apps": { "name": "wuwu", // 项目名 "script": "./bin/www", // 执行文件 "cwd": "./", // 根目录 ...
2018-10-13 17:30:39
4394
原创 阿拉伯数字转化为中文大写
var alabo = function (num) { if (isNaN(Number(num))) { return; }; let tmpnewchar = ''; // 最后结果 let numStr = Number(num).toString().split(".")[0]; // 数字转化...
2018-08-03 20:01:26
1448
原创 js数组去重
var ary = ['asd','asd','qwe','qwe','12','123','12'];console.log([... new Set(ary)])["asd", "qwe", "12", "123"]
2018-06-22 18:19:43
292
转载 anjularjs中http请求添加头部请求信息
在AngularJs中有三种方式可以设置请求头信息：1、在http服务的在服务端发送请求时，也就是调用http服务的在服务端发送请求时，也就是调用http()方法时，在config对象中设置请求头信息：事例如下： $http.post('/somePath' , someData , { headers : {'Authorization' : authToken}...
2018-06-07 17:03:39
2219
原创 vue的.native 修饰 ，解决iview中input 无法监听enter事件
有时候，你可能想在某个组件的根元素上监听一个原生事件。可以使用.native修饰v-on。例如：直接写成下面这样enter事件将无效<Input type="password" v-model="password" placeholder="password" @keyup.enter="handleSubmit()"> <Icon type="ios-...
2018-04-27 11:46:39
6891
1
原创 解决异步加载window.open 被拦截
on: { click: () => { var newTab=window.open('about:blank'); this.$http.post('/download/downfile',{title:params.row...
2018-04-20 15:47:44
2797
原创 webpack、vue添加网站头像
在 webpack.prod.config.js 文件中引入const HtmlWebpackPlugin = require('html-webpack-plugin');然后new HtmlWebpackPlugin({ title: '花瓣工作台' + package.version, favicon: './huaban.ico', ...
2018-04-02 16:44:55
523
转载 keypress、keydown、keyup之间的区别与联系
虽然从字面理解, KeyDown是按下一个键的意思, 但实际上二者的根本区别是, 系统由KeyDown返回键盘的代码, 然后由TranslateMessage函数翻译成成字符, 由KeyPress返回字符值. 因此在KeyDown中返回的是键盘的代码, 而KeyPress返回的是ASCII字符. 所以根据你的目的, 如果只想读取字符, 用KeyPress, 如果想读各键的状态,...
2018-03-19 15:48:46
937
转载 阿拉巴数字转化为中文大写
//阿拉伯数字转换为简写汉字function Arabia_To_SimplifiedChinese(Num) { for (let i = Num.length - 1; i >= 0; i--) { Num = Num.replace(",", ""); //替换Num中的“,” Num = Num.replace(" ", ""); //...
2017-10-11 17:51:24
1335
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人