- 博客(48)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue 打印html ＜iframe＞标签（内容打印）超详细
今天领导给了个需求，需要配合其他项目组给一个公共组件的npm进行,公共组件打印，打印操作由这个npm包来操作。（经过开会商讨，最后决定配置一个path路径，来展示页面，然后我负责在公共这里打印相应页面内容。）在这之初都是好着的，首先进行配置，这里只需要一个input框来给后端传值就可以了，这一步没什么好讲的，
2023-07-12 17:45:29
2949
原创 vue 连载软件大陆 vue之新手村，vue创建运行指导（如：vue脚手架，创建启动项目，配置等）
自此小V习会了Node.js的基础篇章，得以可以将vue家族基础功法运用，此时族长又将vue基础功法掏出说到，我们这套技能需要搭载酷睿系列+Node.js+Vue基础技能方可运用自如，此时族长大喝一声，小辈看好了，我只教一次，曾经为老牌实力的vue家族，因曾经的一次大战后，就此陨落，族长拼死保族人方得以在H市的某处苟延残喘，而我们的主角小V从小便习得十八般武艺，如今更是得到了现今族长的亲睐，教他祖传vue功法习得。族长又说道，次功法有很多种搭配组合的方法，会让你在日后的道路更加规范，走的更高 ，
2023-07-03 11:57:40
374
原创 Nginx 详细配置(如：vue配置history刷新不404，https配置，配置代理等等，服务器配置)
1.安装 Nginx：首先，确保您的服务器上已经安装了 Nginx。如果没有安装，可以通过包管理器（如apt、yum等）进行安装。不同的版本不同的安装方法，自行百度。
2023-07-03 10:21:22
1694
原创 前端优化，webpack打包删除无用文件，并附上批量删除文件脚本！非常好用
大家可能在webpack打包项目过程中，常遇见一些无用的图片，js文件，怎样能够自动检测哪些是无用的文件呢？本文中介绍使用插件useless-files-webpack-plugin查找无用文件，在terminal中删除，附加bat批量删除文件。
2023-03-09 19:16:05
2318
原创 配置Vue 代理，（可跨域）
首先这大概是vue脚手架文档格式了，其中vue.config.js是配置一些打包啊，防爬虫啊等等等等一些文件的配置项，其中包括代理，如果想跨域代理首先需要配置，自此代理配置成功另需要axios中baseURL使用process.env.VUE_APP_BASE_API才可以完成全局代理。其中我定义了process.env.VUE_APP_BASE_API这个变量在.env.development中。配置开发环境，测试环境以此类推，需要定义多个文件最好，...
2022-07-26 09:53:11
623
2
原创 小程序 Error: module ‘@babel/runtime/helpers/defineProperty.js‘ is not defined报错解决
小程序Errormodule‘@babel/runtime/helpers/defineProperty.js‘isnotdefined报错解决。
2022-07-15 15:47:09
2881
1
原创 js 数组对象去重方法，根据唯一标识进行去重
let hash = {};let config = [{ name: 2, state: true, output: 'Y',}, { name: 3, state: true, output: 'A',}, { name: 5, state: true, output: 'S',}, { name: 7, state: true, output: 'B',}];config = [...conf
2022-03-10 10:08:39
347
原创 nginx配置history刷新不404
宝塔搭建主要一下两句话配置完成location / {root /usr/src/app; index index.html index.htm; try_files $uri $uri/ @rewrites; }# 配置如果匹配不到资源，将url指向 index.html， 在 vue-router 的 history 模式下使用，就不会显示404location @rewrites { rewrite ^(.*)$ /index.html last;}..
2022-02-24 12:45:16
1920
原创 axios 二次封装
这里只是写了简单得封装，如有需要可自行翻阅文档，根据需要封装你想封装得东西。请求拦截器 =>当用户向后台请求数据的时候，后端会传token到前端验证，如果token过期了，客户端可以做出对应的操作，将服务器返回的token存储到本地存储或者vuex中，每一次向服务器请求时携带一个token，如果没有携带即非法访问引入axiosimport axios from 'axios';import qs from 'qs';// qs为第三方库axios全局配置项//需要配置打包switch
2022-02-20 11:19:57
210
原创 Js深浅拷贝（理解）+深拷贝实现方法
深浅拷贝基本数据类型都是深拷贝，在栈存储空间中，如：let a = 1;let b = a ; a = 10;console.log(a,b); // 结果为a：10 ， b：1此时你会发现a，b的结果不一样，这就是深拷贝；而引用类型，是在堆内存中 开辟一块空间，而这块空间的地址会赋值给变量，当两个地址指向一个存储空间时会更改同一个地址下的东西，这就是浅拷贝；实现深拷贝的方法JSON转换var target = JSON.parse(JSON.stringify(obj)) //
2022-01-27 11:21:12
288
原创 二维码生成
给定一个网址，在页面生成二维码，手机扫码后直接进入此网站。1）安装全局的插件npm install qrcodejs2 -S2）组件封装在component目录下新建一个vue文件，内容如下<template><div> <div id="qrcode"></div> <!-- 创建一个div，并设置id为qrcode --></div></template><script>//
2021-12-01 11:19:46
545
原创 vue 扫描二维码
扫描二维码.插件:npm install --save vue-qrcode-readerTips:需要在https协议下才可以调用相机，实现扫码。 可以通过配置vue.config.js中的devServer:{https:true}代码：<template> <div> <p class="error">{{ error }}</p> <!--错误信息--> <p class="decode-re
2021-12-01 11:14:46
2128
原创 http常见的状态管理 cookie、token、session
如何完成 HTTP 协议的状态管理呢? 有3种常见的解决方案:1. cookie1. 客户端发送第一次请求, 服务端接收请求, 处理请求.2. 服务端在响应数据包中携带 cookie 信息一起返回给客户端.3. 客户端接收响应, 解析得到 cookie , 保存在客户端本地.4. 客户端发送后续请求时, 在请求数据包中携带 cookie 信息一起发送, 这样服务端就可以解析到以前存过的数据, 完成 http 状态管理.2. token1. 客户端发送第一个请求, 服务端接收请求, 处理请求
2021-11-30 23:53:42
468
原创 vue 总结
vue网址总结官网: https://cn.vuejs.org/官方教程: https://cn.vuejs.org/v2/guide/官方API: https://cn.vuejs.org/v2/api/axios: http://www.axios-js.com/swiper: https://github.com/surmon-china/vue-awesome-swiperswiper案例: https://github.surmon.me/vue-awesome-swiper/vue
2021-11-30 23:48:29
281
1
原创 promise
promise解决回调地狱回调地狱: 传统写法中, 在一个异步方法成功后 调用下一个异步方法, 如此多层嵌套, 实现异步方法的 同步调用效果. 此写法会导致代码过于复杂, 嵌套难以理解Promise是 官方提供的一个构造函数, 它生成的对象带有链式写法, 可以简化多层嵌套...
2021-11-30 23:38:11
90
原创 数组常用方法
数组方法参数为回调函数every: 数组中所有内容 都满足 回调函数的测试, 返回值才为true, 否则falsesome: 数组中 内容存在任意一个满足 回调函数的测试的, 返回值为true, 否则falseforEach: 遍历数组, 每个数组元素都被 回调函数 处理map: 创建新数组, 新数组由 回调函数的返回值组成filter: 创建新数组, 满足回调函数中的条件的元素, 会加入到新数组reduce: 合并数组中的元素的内容, 形成最终的结果....
2021-11-30 23:36:22
275
原创 严格模式-
严格模式在脚本中书写 "use strict"; 下方的所有代码都会开启严格模式!为对象替换原型: Object.setPrototypeOf(对象, 原型对象)只会为当前对象替换原型, 不会影响其他 同构造函数 构造的对象为构造函数替换原型:构造函数.prototype = 新原型对象for..in.. : 会遍历 原型链中 所有的属性 -- 不含不可遍历的属性Object.keys : 只读取对象自身的属性, 不读原型利用此方法来判断空对象: Object.keys(对象).length=
2021-11-30 23:34:05
156
原创 js 数据类型、构造参数用法
面向对象数据类型有 8 种基础类型7种: string number boolean null undefined + symbol bigint对象类型: 是引用类型, 变量中存储的是 对象的地址, 对象是存储在 堆内存中明白: {} == {} 是假的, 因为是两个内存块构造函数: 适合反复创建多个 相同解构的对象函数名要大驼峰 来区分普通函数.用 new 的方式来触发构造函数对象的原型: proto 凡是自定义的对象, 都会自带此变量 其中保存了对象类型的基础方法构造函数的原型:
2021-11-30 23:31:23
282
原创 闭包、window、声明提升、作用域以及作用域链
window对象是什么?每个网页都自带一个window对象, 保存了JS中所有的 变量/函数, window也被称为 全局区域函数接受不固定数量的参数, 用什么方式?arguments : 函数自带的, 自动保存所有传入的参数, 并且带有length属性, 代表参数个数利用 for(var i=0; i<length; i++) 可以遍历所有参数arguments[i]什么是 函数重载, 如何做?此概念是C语言提出, 一个函数可以通过参数个数不同/参数类型不同 在内部进行if判断, 来
2021-11-30 23:27:55
377
原创 BOM and DOM
什什么么是是DDOOMMDOM: 文档对象模型 Document Object Modelhtml文件是如何呈现在浏览器上的?html代码 -> 浏览器识别转化成 对象类型--document -> 把这个document对象显示在页面上查找元素的方式一些html中固定具有的元素, 可以直接读取head: document.headbody: document.bodydocumentElement: 代表整个页面 html自定义元素的查找方式查找元素时, 几乎都有两种不
2021-11-30 23:24:27
193
原创 vue 导航守卫
守卫功能：拦截器，防止直接从路由进入后台登录组件：sessionStorage.setItem('key',value)//存上的值判断是否登录了this.$router.push("/lunbo")//登录成功跳转 注：不可写颠倒路由界面：router.beforeEach((to,from,next)=>{//to是你路由要跳转的页面//from是路由当前在的页面//next 必须写下一步是否执行 let token = sessionStorage.getItem("adm
2021-11-17 16:44:37
56
原创 AJAX(4)
安全性-删除数据库表中的数据是一件有一定危害操作-大公司;小公司;-小公司工作:备份数据库中数据技巧 删除操作之前要让用户再次确认 #防止误操作(1)分析 --请求方式 delete --请求地址 http://127.0.0.1:3000/pro/v1/delUser/9 --请求参数 uid --服务器返回结果 1删除成功 0删除失败 #学习练习 "{code:1,msg:'删除成功'}" "{code:0,msg:'删除失败'}" "{
2021-09-04 09:54:48
71
原创 AJAX（3）
(1)分析功能总结:nodejs-请求方式 POST-请求地址 http://127.0.0.1:3000/pro/v1/ref-数据 uname upwd#特殊: 发送POST请求 6步并且数据发送方式区别 (1)在指定服务器地址后发送数据之间加一句[修改请求头] #将用户名密码[加密转码] xhr.setRequestHeader("Content-Type", "application/x-www-for
2021-09-04 09:25:57
72
原创 AJAX(2)
(3.1)HTTP协议讲完(响应) --重点##(3.1.1)响应起始行 HTTP/1.1 200 OK #HTTP/1.1 版本 200 OK (1~599) #响应状态码,表示服务器当前状态 1~199 提示信息 200~299 成功 300~399 重定向 304 使用缓存
2021-09-04 09:20:57
66
原创 AJAX(1)
AJAX-HTTP协议–(重点–不好理解点)HTTP协议:网络系统中的负责网络中数据传递，｛网页;表单;用户名…｝网络中数据传递标准生活:完善’快递系统’ --生活(收发快递)— HTTP协议网络中快递系统(1)概念一: URL（统一资源定位符）在网络找一资源地址,地址叫URLhttp://cdn.tmooc.cn/bsfile//courseImg///97fae598c4fd4e0b93e1562fb644f7ac.jpgURL组成部分:协议名称+主机名称+目录结构 +文件名标准
2021-09-04 09:17:07
76
原创 Ajax（5部曲，另封装js）get传输
Ajax(1)相当于一个中间件，提供异步交换数据，不用刷新页面，更新部分数据 ,ajax 主要是交换数据并且不重新加载整个页面的技术。更新部分网页的一个技术(2)get因为在url地址栏中显示 所以限制在大于2000个衣服 ，post 是没有限制的。post 高介功能还支持服务器上传文件用二进制输入Ajax五部曲（1）第一步 创建异步对象var xhr = new XMLHttpRequest();//xmlhttprequest。 为什么用这个 因为w3c官网给的（2）第二步 设置请求方
2021-09-02 01:31:03
166
原创 HTML非重点
HTML: HyperText Markup Language 超文本标记语言标记: <html></html>超文本: -文本:文字-超文本:在文本基础上添加图片;声音;动画;视频 - 超越文本限制-链接多个文本:a->b b->chtml特点1:程序.html或者 .htm 为后缀程序2:html程序依靠浏览器解析执行3:用<>来标识标记4：常用标记- <div> 标记;标签;元素;对象;节点...表示被&
2021-08-30 19:25:33
79
原创 GIT(基础使用)
1.VCS系统版本控制系统，用于项目的存储、共享、合并、历史回退、代码追踪文件历史等功能常用的VCS软件 CVS 2000以前 SVN 2010以前 Git 2010至今2.Git中常用的概念工作目录：是一个目录，保存项目中所有的文件暂存区：是内存中的一块区域，用于临时存储项目中的文件Git仓库：是一个特殊的目录，保存项目中所有的文件以及每次修改的记录3.Git常用的管理命令(1)第一次使用git前，告诉git系统你是谁git config --global
2021-08-28 12:07:45
151
原创 nodeJS(2)
1.同步和异步同步：在主线程中执行，会阻止后续代码的执行，是通过返回值获取结果异步：在一个独立的线程执行，不会阻止后续代码的执行，是通过回调函数获取结果2.文件系统(fs)(1)查看文件状态statSync(文件的路径) / stat(文件的路径, 回调函数)isFile() 查看是否为文件isDirectory() 查看是否为目录(2)创建目录mkdirSync(目录的路径) / mkdir(目录的路径, 回调函数)(3)移除目录rmdirSync(目录的路径) / rm
2021-08-20 19:59:48
97
原创 nodejs(3)
1.同步和异步同步：在主线程中执行，会阻止后续代码的执行，是通过返回值获取结果异步：在一个独立的线程执行，不会阻止后续代码的执行，是通过回调函数获取结果2.文件系统(fs)(1)查看文件状态statSync(文件的路径) / stat(文件的路径, 回调函数) isFile() 查看是否为文件 isDirectory() 查看是否为目录(2)创建目录mkdirSync(目录的路径) / mkdir(目录的路径, 回调函数)(3)移除目录rmdirSync(目录的路径) /
2021-08-20 19:53:49
160
原创 nodeJS(1)
1.Node.js概述Node.js运行在服务器端的JS解释器(1)对比JSJS运行在客户端浏览器，存在多款浏览器，有兼容性问题；Node.js运行在服务器端，只有一种解释器 谷歌V8引擎，不存在兼容性问题两者都有共同的内置(ES)对象，自定义对象，不同的宿主对象JS用于操作网页，实现用户交互；Node.js用于服务器端开发，例如数据库访问，其它服务器的调用(2)运行方式脚本模式 node 拖拽脚本文件 回车交互模式 node 回车 进入交互模式 两次ctr
2021-08-18 18:14:22
164
原创 JS(数组、字符串，常用API)
1.数组API API：JS中预定义好的一些函数或者方法 toString() 将数组转为字符串，元素之间用逗号隔开join() 将数组转为字符串，可以指定元素之间的分隔符concat(arr2,arr3...) 拼接多个数组，arr2,arr3表示要拼接的数组如何学习API：作用、有哪些参数、返回结果针对于数组：查看原数组是否会发生变化slice(start, end) 截取数组元素，start开始的下标，end结束的下标，不包括end本身，end为空截取 到最后，下标为负数
2021-08-17 09:51:52
293
原创 JS（函数,数组）
函数作用域递归匿名函数1.函数Number()/parseInt()/parseFloat()/alert()/prompt()...函数分为系统函数和自定义函数函数：是一个功能体，提供若干个数据，返回处理结果，用 于封装要重复执行的代码(1)创建普通函数function 函数名称(){函数体 —— 封装的要重复执行的代码}函数只是创建不会执行函数体中的代码调用 函数名称() //执行函数体中封装的代码练习：创建函数getSum，在函数体中封装计算1~100之间所
2021-08-13 21:16:49
270
原创 js数组的增删改查方法
js数组定义1.Array方法1.第一种定义方法var arr = new Array(数值) // 数值为创建存储空间大小arr[0] = 'a'; //[0]为数组下角标arr[1] = 'b';arr[2] = 'c';2.第二种定义方法var arr = ['a','b','c'];注：javaScript的数组很特殊，可以自动扩容；length属性：检测出一数组数量，可用于数组的遍历等~2.数组的增删改查(1)增：var arr = ['a','b','c']arr
2021-08-10 22:43:28
840
原创 js 3种循环语句
js循环语句循环：一遍又一遍执行相同或者相似的代码循环的两个要素循环条件：控制循环是否往后执行循环体：要重复执行的相同或者相似的代码1.while循环while(循环条件){循环体}2.break在循环体中使用用于跳出循环，结束循环的执行3.do-while循环do{循环体}while(循环条件);4.for循环for(初始值;循环条件;增量){循环体}5.continue和breakbreak 结束循环，不再执行任何循环中的代码continue 跳
2021-08-10 21:59:42
745
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人