- 博客(19)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 H5-扫描二维码及条形码
一、声明及注意事项代码需要部署所在的服务器需要https;否则功能不能实现需要的npm包:@ericblade/quagga2,jsqr二、具体实现2.1 安装包yarn add jsqr @ericblade/quagga22.2 封装一个组件Scanner,这里以Vue为例2.2.1 template部分<template> <div class="scaner" ref="scaner"> <div class="banner
2022-01-11 16:13:01
2450
2
原创 前端项目自动部署
一、实现的最终效果点击一下，即可实现项目打包文件压缩(便于上传到服务器)连接服务器备份上传打包的文件解压完成部署二、原理及需要的插件原理： 执行shell脚本需要的npm依赖包：archiver(压缩)，ssh2（执行脚本：如连接服务器，解压等操作）三、详细步骤3.1 安装包yarn add archiver ssh23.2 引入包和编写配置文件const archiver = require('C:\\Users\\Administrator\\AppDa
2021-12-27 12:07:44
1632
2
原创 动态规划算法JS实现
综述使用JS实现动态规划的算法其实算法无所谓具体语言，而是思想的体现我们就拿0-1背包来讲述动态规划保证代码复制下来可直接运行结果案例引入在一个夜黑风高的晚上，你做了一个梦，然后，你开始笑了起来原来是来到了上古神地，你手拿一个蛇皮袋，虽然大，但是有限重的，装多了会破的你发现桌台上一共有三种物品，他们分别有重量和相应的价值你想的是尽量把这个袋子装满，装满什么意思呢，就是装到极限重量，然后带回现代上交给国家，由此你获得美誉。基本思路总体思路： 先 选择神器 ，在依照 蛇皮袋的容量
2020-12-21 16:27:15
471
原创 排序算法JS实现
排序算法JS实现版冒泡排序快速排序堆排序用大白话叙述算法思想，且保证代码复制可直接运行出结果冒泡排序基本思想：军训时间到了，你和你的同学按照身高的高矮进行从低到高进行排序按照冒泡排序的思想就是这样总体概述：每次只能确认一个最高的：共需要的次数：人的个数每次比较的人数： 没选出一个认，那么比较的人数也会变少因此我们采用的双重for循环来解决我们还加入了是从低到高还是从高往低排的设置JS描述let arr = [11,2,3,5,4,10,6,9,7,8,1] /
2020-12-18 10:38:03
199
2
原创 linux指令-一看就懂
mkdir# 作用：创建文件夹# 命令解释： make directorymkdir dir001 # 创建名为 dir001的文件夹mkdir -p dir002/dir003 # -p 是parents的意思，如果没有父目录dir002，就创建父目录dir002,然后创建dir003mkdir /test/{dir1,dir2,dir3,dir4} # 在test文件夹下面同时创建 dir1,dir2,dir3,dir4ls# 作用：列出文件夹下的.
2020-12-03 17:59:39
1391
原创 前端如何下载文件和图片
1.总体概述2 一般来说，前端下载文件有两种方式二进制流文件地址3.下面分别介绍这两种方式3.1 二进制流(分两步走)向后端的发送请求 function getBinaryFile(url,params){ return axios({ url: url, // 后端地址 method:'post' , params, responseType: 'blob' // 这个很重要
2020-11-26 18:23:24
900
原创 如何在webstorm下进行vue项目的断点调试
文章目的:在webstorm下实现像java般的断点调试（从0开始搞起）1.基本环境WebStorm 2017.3.3Google 版本 87.0.4280.66（正式版本） （64 位）Node.js v12.16.3@Vue/cli 4.3.12. 项目搭建# 创建一个默认的vue项目vue add testDebug# 一直next3.配置3步曲(端口要一致：重要）第一步：配置webstorm的端口第二步：配置debug的环境第三步：谷歌浏览器安
2020-11-23 11:12:04
9719
15
原创 自定义Vue指令，让元素可以在界面自动拖动
一、定义指令书写定义指令js文件drag.jsexport default { install(vueApp){ vueApp.directive('drag',{ mounted: (el)=>{ // 每次物体点击时存储点击位置相对于物体上左的位置 let innerOffsetX = '' let innerOffsetY = '' const han
2021-12-30 17:23:49
317
原创 zsh: command not found: vue
基本问题当我们在苹果电脑上尝试运行一个命令时，有时候会出现下面的情况zsh: command not found: vue为什么呢？我们明明已经安装了这个软件了呀，为什么却找不到命令呢原因时macOS对你命令解析的时候经历了一个过程下面我们就进行分析基本环境电脑系统版本：macOS Big Sur 11.1npm版本： 6.14.9node版本：v14.15.3执行过程首先执行了npm install yarn -g,来安装yarn，安装成功后，yarn 的版本号1.22.1
2021-01-09 20:57:55
8506
1
原创 JSON.stringify如何使用
1.概述一般来说，前端工程师与后端进行交互时，需要定义格式，现在大都使用,以前可能用的XML格式的文件比较多，现在大多数都用JSON格式。但是前端一般定义的都是Object类型的格式，比如let perosn={name: '狗剩'}；有时候我们如果嵌入webview中，那么我们需要将其转换为JSON字符串，这时候我们就需要JSON.stringifyJSON.stringify:用来把Object格式转换为JSON字符串JSON.parse`:用来把JSON字符串格式转换为Object格式的
2020-12-11 15:14:58
409
原创 vue中的slot如何使用
1.什么是插槽简单理解就是为多余的代码提供位置的地方是一个占位符举个例子（我们定义一个组件Header，然后在另一个组件Main使用它）// 这是MyHedader组件<template> <section> <div class="logo">logon<div> <div class="middle">middle</div> <div class="userInfo">userInfo<
2020-12-10 10:26:49
366
原创 前端的正则表达式(持续更新)
1.replacelet regExp = /\{\{(.+?)\}\}/g // g是global的意思，全局替换let str = "他的名字叫{{name}},年纪是{{age}}"let replacedStr = str.replace(regExp,function(res1){ // res1 是字符串中匹配到的 console.log(res1) // {{name}},{{age}} return "hello" // return 将会
2020-12-04 15:21:32
565
原创 如何配置devServer
1. devServer简单介绍最简单的理解，就是前端工程师需要进行请求后端提供的接口时，对我们的请求进行拦截和处理的一个中间件基本应用请求后端放置跨域请求错误修改请求的路径2.应用场景加入我们在请求中写的地址是"http://192.168.1.14:8888/user/list"，但是我们前端本地起的dev是"http://172.13.12.33:8080",如果此时后端没有开启跨域允许的话，就会出现跨域错误，下面介绍解决方案解决方案（进阶三步曲）A: 最简单
2020-11-30 11:09:17
4154
原创 打包vue文件时如何去掉console打印
1.文章背景开发环境：开发时需要知道代码的运行过程，不可避免的需要console来进行代码运行结果的打印来让我们的代码的质量更高生产环境：代码质量都很高了，console存在的意义不复存在了，我们是时候不让它在打包时存在了2.配置if 没有vue.conifg.js 在项目的根目录创建有，修改，修改如下module.exports = { configureWebpack: config => { //生产环境取消 console.log if (process.
2020-11-23 11:37:57
1579
原创 前端如何获取当前时间以及前或者后N天的时间，格式为：“yyyy-mm-dd”
1.需要了解的基础new Date() 及其相关方法 js函数 数组的相关知识2.关键代码 let targetDay = new Date(now.getTime() + dayNum * 24 * 3600 * 1000);// getTime()方法是关键//dayNum是传递的参数，可以正可以负数3.全部代码function dateBeforeToday(...
2019-10-25 16:37:59
948
空空如也
matlab相关高深问题，急求解答
2017-05-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人