- 博客(28)
- 收藏
- 关注
RSS订阅
原创 js方法总结
方法总结根据一个 id 返回在树中的父级节点 id 数组根据一个 id 返回在树中的父级节点 id 数组const parseParentIds = (tree, id, parentIds = [])=>{ if(!tree || !tree.length){ return null } for(const node of tree){ if(node.id === id) { return [...pa
2022-04-13 17:57:47
107
原创 ERROR: npm is known not to run on Node.js v10.15.0
描述：cnpm出现问题重新指向cnpm使用，用npm install -g cnpm --registry=https://registry.npm.taobao.org安装了最新的cnpm@8.4.0版本，在执行使用cnpm命令时报错。
2022-11-18 15:31:16
4609
原创 vue使用html2canvas将dom转化为图片
1、简述最近在做的项目中，需要将界面转换成图片保存下来并发给后台，于是在网上查看了有个html2canvas 的js库可以将HTML生成图片，保存及获取的时候直接使用图片2、安装html2canvasnpm install html2canvas --save-dev3.使用3.1.在你需要使用的页面中引入html2canvasimport html2canvas from 'html2canvas';3.2.将需要转换为图片的dom，用一个单独的div给他包裹上， <div id
2022-05-06 18:12:05
1006
原创 虚拟机的安装
虚拟机安装创建虚拟机虚拟机安装Win10二、使用步骤创建虚拟机下载的是什么版本的win10镜像，对咬用对应版本的产品密钥 ，同时安装的window版本也要选择对应的版本虚拟机安装Win101.若是你还没有你的镜像iso，则先前往此链接下载，2.若是你已经有了你的镜像iso，运行刚刚创建的虚拟机，进入安装界面等待安装就好耐心等待，出现以下情况；这里可以直接点击下面的以后再说进入这个页面则是安装成功若是想以后方便往虚拟机中复制文件，则安
2022-04-15 16:42:05
1301
原创 制作并发布一个Vue组件npm包
创建npm账户（若是已经有账号此步可跳过）需要您在npm官网中创建一个账号并登录npm 账号注册npm adduser根据提示依次填写自己的用户名、密码、邮箱成功之后，npm会把认证信息存储在~/.npmrc中，可查看npm当前使用的用户：npm whoaminpm登录，可以命令方式登录或者官网登录4.1 命令方式，根据提示依次填写自己的用户名、密码、邮箱npm login4.2 官网链接登录https://www.npmjs.com/创建npm组件并发布到
2022-01-24 16:33:08
1655
2
原创 vue下 ，vant+二维码+条形码实现+复制处理
条形码和二维码实现示例图提示：点击tab可以重新渲染条形码和二维码示例图例如： 1、前端dom代码 <van-tabs class="paddingLR10" :title-active-color="$store.state.skin.main" title-inactive-color="#060606" color="transparent" @click="onClick" > <van-tab
2021-11-17 09:51:49
2176
原创 前端文件流下载处理
一，直接使用 download() { const link = document.createElement("a"); link.style.display = "none"; //请求后台的具体地址 link.href = "http://192.168.5.69:8000/api1/cardGiveBatchEntity/account/template/download"; link.setAttribute("dow.
2021-10-01 10:35:05
1176
原创 vue2.0安装sass
安装sass步骤:1. npm install sass-loader@7.3.1 node-sass@4.13.1 -D 或者 npm install sass-loader@7.3.1 node-sass@4.12.0 -D2.需要在build文件夹下的webpack.base.conf.js的rules里面添加配置{test: /\.scss$/,loaders: ['style', 'css', 'sass']}3.使用SCSS时，在style样式标签中添加
2021-05-20 11:48:38
1117
原创 Git安装及使用
1.生成key ssh-keygen$ ssh-keygen -t rsa -C"自己的邮箱@youremail.com"2.查看key$ cat ~/.ssh/id_rsa.pub配置服务器的SSH密钥在 Github，Gitee，GitLab，或者自建的Git仓库服务器。进入个人的配置界面，找到ssh密钥配置，填入上文生成的key并保存。...
2021-04-23 10:23:55
173
原创 CSS实现两端对齐效果
text-align属性下有一个justify值可以设置元素的两端对齐。但是text-align: justify属性有一些不足之处：在单行文本下，无法实现两端对齐效果。 在多行文本下，无法实现最后一行文本的两端对齐效果。单行文本<div>unclekeith wanna be a geek!</div>div{ background-color: lightblue; text-align: justify;}解决方法的思路：由于在单行文本
2021-04-08 10:21:24
384
原创 vscode使用
vscode常用插件 文件【Path Intellisense】 自动补全路径 浏览器【Open-In-Browser】在浏览器中打开或预览【Debugger for Chrome】让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode来打断点调试 css【CSS Peek】跳转到css的定义行【Color Info】颜色信息转换【beautify css/sass/scss/less】 css/sass/scss/less格式化【co
2021-04-02 10:29:32
919
原创 typescript
typescriptTS的学习以及使用过程中遇到的问题，以及解决办法 目录typescript前言一、TS使用二、TS和JS的区别Typescript和JavaScript的区别JavascriptTypescript使用typescript的好处三、使用中问题及解决方案1.一旦引入 html-webpack-plugin就报错2.webpack打包报错解决方案总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学
2021-04-01 11:08:07
116
原创 element-ui 问题大合集
element-ui 欢迎使用element-ui编辑器 你好！ Element是基于 Vue 2.0 的桌面端组件ui库，适合用于开发pc端以及后台管理系统一类 @[TOC](目录)前言element-ui的日常使用问题总结。 # 1、安装，引入库代码如下（示例）：安装 element-uinpm i element-ui -S引入element-ui，如下：import ElementUI from 'element-ui'import { Loading
2021-03-29 14:33:07
242
2
原创 上传文件处理
##1. vue中原生处理vue：input file 多选时获取File方法目的： 解决文件不能多选，不能同时上传同一个文件和能获取多选文件的长度<input type="file" name="file" @change="selectPhoto($event)" accept="image/*"multiple>selectPhoto(event){ console.log(event.target.files) l
2021-01-13 16:56:46
753
1
原创 Vue Post请求FormData传参
Vue Post请求FormData传参'Content-Type'：application/x-www-form-urlencoded;设置请求头把传入的参数转化成正常的参数而不是键值对'Content-Type': 'multipart/form-data'设置请求头请求处理‘Content-Type’：application/x-www-form-urlencoded;设置请求头headers: {‘Content-Type’: ‘application/x-www-form-urlenco
2021-01-13 16:46:04
11587
原创 原生js请求
var xhr = new XMLHttpRequest(); //创建XHR对象//监听XHR对象的状态改变事件xhr.onreadystatechange = function () {if (xhr.readyState == 4 && xhr.status == 200) {console.log(xhr.responseText);}};//打开到服务器的连接xhr.open(‘post’, gDatagridUrl, true);xhr.setRequestH.
2021-01-04 13:10:16
782
原创 后台传过来的流文件处理为excel +传token
方法一 ：用原生请求GetOrderMainExcel3(){varurl=location.origin+Appsettings.ApiUrl.GetOrderMainExcel;//请求的URl http://localhost:8080/huika/api/orderMain/excel?varxhr=newXMLHttpRequest();//定义http请求对象xh...
2021-01-04 11:18:32
368
原创 VScode 配置代码提示
步骤: 文件→首选项→用户代码片段→选择JavaScript.json步骤: 文件→首选项→用户代码片段→选择html.json{ // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the
2020-12-09 18:52:09
3170
原创 vue使用高德地图，精确定位&ip定位，获取城市、地区位置
1、高德地图准备点进入网址：https://lbs.amap.com/api/javascript-api/guide/abc/prepare（1）注册开发者账号（2）进入控制台（3）申请高德地图key2.在页面添加 JS API 的入口脚本标签<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>3.vue中使用//
2020-12-09 17:44:26
11323
3
原创 H5 移动端 监听虚拟键盘问题
解析：在adnroid中如何监听软键盘的弹起与收起，是利用的窗口的高度发生变化 window.onresize事件来做突破点的； 在ios中软键盘的弹起收起并不触发window.onresize事件。1.在ios中软键盘弹起时，仅会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案，因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦；2.在android中软键盘弹起或收起时，会改变wi.
2020-12-09 15:46:04
1459
3
原创 vue 手机号（334分隔）
条件：要求：1.手机号不管是直接输入还是复制粘贴都保持3342.点击字符中间，光标就在那个位置，点击删除键，光标就随之向前移动一位；同时在光标处添加数字光标往后移动一位代码如下：涉及三个知识点：1、keydown ：当按钮被按下时，发生 keydown 事件。2、keyup：当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。3、paste： 当向 p 元素上粘贴文本内容时执行 JavaScript (注意 contenteditable 设置为 “true”)。例如：
2020-12-08 10:11:56
998
原创 根据 子集值 查找所有的父级index，用-拼接
根据 子集值 查找所有的父级index，用-拼接function getParents2(data, id) { for (var i in data) { // console.log(data[i]); if (data[i].name == id) { return i; } if (data[i].city) { var ro = getParents2(data[i].city, id); if (ro !== undefi
2020-12-03 15:10:42
547
原创 vue项目添加右键用vscode打开
1、新建reg文件；在你自己vscode安装目录下新建一个文本文件,然后将文件后缀改为:*.reg,文件名任意,例如:openVsCode.reg。2、编写文本文件内容.将下面的内容Copy到刚才新建的*.reg文件中（下面的地址对应你自己安装目录地址）保存关闭.然后双击运行vsCodeOpenFolder.reg ,遇到提示点击 “确定"或"是”；文本内容如下:Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell..
2020-09-23 18:59:24
616
1
原创 vue 配置多环境打包
规范的大股东、1.安装cross-env依赖在终端执行 npm install --save-dev cross-envcross-env作为运行跨平台设置和使用环境变量的脚本，当执行build动作时通过设置、赋值环境变量告知当前构建包的是测试环境还是生产环境npm上对cross-env的说明2.配置package.json文件,添加如下 NODE_ENV 和env_config的值将用于build文件夹 process.env 这个对象里面;比如NODE_ENV的值可以在build文件夹下的文
2020-09-23 10:57:56
725
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人