自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(80)
  • 收藏
  • 关注

原创 express使用http-proxy-middleware解析post拿不到参数 使用body-parser 无效

引入并在express使用重新处理body数据打印成功

2021-09-27 17:44:11 662 1

原创 关于调试打包后的electron程序

调试渲染进程可以直接使用 ctrl + shift + i 打开渲染进程的控制台调试主进程下载使用debugtron进行查看当前电脑所安装的electron程序的日志

2021-08-12 11:07:28 1570

原创 css同时满足两个类名才有效果的写法

// plain悬浮且是禁用状态下的 (注意两个类选择器不能有空格) @mixin plain_hover_disabled($name,$color) { &#{$name}.yg-btn-disable:active { // background-color: $color; color: $color !important; // border: 2rpx solid $color; } } @include plain_hover_disabled(__p.

2021-03-02 09:00:11 1925

原创 关于react 写 长按弹窗和单点事件一个调用思路

前言我想做一个长按1s弹出一个拟态框然后又可以单点 滑动又不想失效的事件以下是我的一个聊天列表<div className='Item noSel' onTouchStart={(e) => this.onTouchStart(e,'/ChatInterface')} onTouchMove={(e)=>this.onTouchMove(e)} onTouchEnd={this.o

2021-02-04 15:46:25 678

原创 思维导图

htmlcssJSVue设计模式网络node

2021-01-28 22:16:20 112

原创 每日3+3前端面试题(2020.12.22)

网络TCP和UDP分别对应的常见应用层协议1). TCP对应的应用层协议FTP:定义了文件传输协议,使用21端口。常说某某计算机开了FTP服务便是启动了文件传输服务。下载文件,上传主页,都要用到FTP服务。Telnet:它是一种用于远程登陆的端口,用户可以以自己的身份远程连接到计算机上,通过这种端口可以提供一种基于DOS模式下的通信服务。如以前的BBS是-纯字符界面的,支持BBS的服务器将23端口打开,对外提供服务。SMTP:定义了简单邮件传送协议,现在很多邮件服务器都用的是这个协议,用于发送邮件

2020-12-21 11:22:29 157

原创 关于后台管理系统的路由权限的设计思路

发发牢骚磕了一天的代码,总算是把这个后台管理系统的路由权限分配给搞出来了关于数据库的设计这边我的后端是用unicloud和它自带的mongodb数据库我先设计了三张表,直接上数据图吧路由表字段如下懂得都懂!数据库的三个路由对应的是前端的三个动态路由角色表用户表路由表需要按前端给的路由数据输入到后端前端的路由表添加角色的话选择权限分配就是按照路由表配置来勾选,我这边存入的到后端的数据是checkbox选择的节点然后就是将后端给的路由表处理成组件数组

2020-12-20 22:30:42 1287

原创 每日3+3前端面试题(2020.12.21)

目录每日3+3前端面试题(2020.12.20)html如何给页面添加追加右键菜单CSSfilter的用法JS1.for in 和 for of 的区别2.写一个方法判断数组内元素是否全部相同Vue1.vue中怎么重置data2.vue渲染模板时怎么保留模板中的HTML注释呢网络nodeJS用nodejs获取客户端连接的真实IP每日3+3前端面试题(2020.12.20)html如何给页面添加追加右键菜单<!DOCTYPE html><html> <head&

2020-12-20 14:11:04 6251

原创 每日3+3前端面试题(2020.12.18)

请实现一个网站加载进度条使用W3C提供的DOMContentLoaded事件监听window.addEventListener('load',function(){ console.log(2)})window.addEventListener('DOMContentLoaded',function(){ console.log(1)})兼容IEfunction IEContentLoaded(fn){ var done=false,document=window.d

2020-12-18 11:29:52 232

原创 每日3+3前端面试题(2020.12.17)

每日+3+3HTML1.页面刷新时sessionStroage会变(会清空)吗?2.请实现一个文章阅读的进度条CSS1.translate3D有什么作用2.举例说说你对white-space属性的理解JSNumber.call(Number, undefined, 0)何解?Number.call.call(Number, undefined, 0) 何解?ReferenceError和TypeError有什么区别VueVue使用全局变量怎么解决vue打包后静态资源图片失效的问题?网络NodeJs说说你对N

2020-12-17 11:31:06 153

原创 每日3+3前端面试题(2020.12.16)

每日3+3HTML使用a标签的download属性下载文件会有跨域问题吗Css1.行内元素可以设置padding和margin吗2.使用css3画个旋转的立方体Javascript实现一个商品的skuVue为什么vue的data必须是个函数?网络补上次的tcp的优点,并解释nodejs1.如果发现node_modules中有个模块代码有bug,你该怎么办?2.npm提供了哪些钩子?各有什么作用?HTML使用a标签的download属性下载文件会有跨域问题吗有用到fetch,补充:fetch因为a标签

2020-12-16 16:46:14 246

原创 每日3+3前端面试题(2020.12.15)

每天一组3+3面试题HTML通过设置表单的target="_blank"来下载文件会被浏览器拦截吗?如何解决?下载文件的话,一般是使用创建a标签然后指定a标签的link,然后控制click()触发下载,下载完之后移除创建的a标签如果是跳转新页面被拦截的话,比如支付宝的支付页面被拦截可以使先访问空页面,然后在回调中重新赋值url: const openWindow = window.open("about:blank"); $.ajax({ url: "test.html",

2020-12-15 11:58:42 310

原创 每日3+3前端面试题(2020.12.14)

每天一组HTML在主框架下引入的iframe,检测这个iframe是否能打开,如果打不开则跳到404页面我们知道 iframe 只有 onload 事件,没有 onerror 事件非跨域如果不跨域,那问题就很好解决了,有以下几种方案可以使用:使用 ajax 发送一个 head 请求,看状态是否返回 200 (之所以发送 head 请求,是轻量级,响应速度快)。检测 iframe 元素特征,在 iframe onload 触发后,检测 html 元素,例如有没有 title,内容是否为空等。

2020-12-14 13:26:59 245 1

原创 unicloud配置网站域名

先拥有一个备案过的域名,然后在unicloud的网页托管添加域名,unicloud会返回给你一个CNAME,你需要到你的域名注册处配置DNS控制台注意 :unicloud那边不支持配置二级域名 会报403,设置证书下载之前申请的证书然后将文件夹内的nginx的证书私钥更新上去...

2020-11-27 13:00:58 4043 1

原创 前端汇

H5存储H5离线缓存manifestWebSockets

2020-11-12 16:07:49 193

原创 CSS知识树

csscss和盒模型标准模型 (content)怪异模型 (content+border+padding)布局表格布局两栏布局 一栏定宽,一栏自适应三栏布局 两边定宽中auto圣杯布局双飞翼布局 float和BFC分栏布局 column-width弹性布局 有老版和新版的容器flex-direction justify-content align-items flex-wrap align-content项目order align

2020-11-11 11:35:36 195

原创 JS知识树

Js回忆目录知识点:个人便记,如有新知识点望告知!var let const运算符String Number Boolean + object array + undefined null +symbolmath库Date库promise generator async awaitpc端DOM节点,属性,js操作css变量,操作stylepc端BOM存储 永久 临时 cookie原生ajax事件内置顶级函数函数箭头 call

2020-11-10 11:03:04 220

原创 将nuxt做的项目部署到centos8上

上传资源修改端口添加安全组 端口映射使用pm2 进程守护外网访问47.114.114.84:5331

2020-11-05 12:30:06 234

原创 汉诺塔

// 有柱子 A,B,C // 将n个圆盘分成 一个上盘,一个下盘,每次移动都是 /* n=1的时候,直接从A柱子到C柱子 n=2的时候 有大盘在下,小盘在上 1.A柱子上的小盘移动到B上, 2.A柱子上的大盘移动到C上, 3.再将B柱子上的小盘移动到C上 n=3的时候,有圆盘1,2,3

2020-10-28 11:12:42 199

原创 前端端使用非对称加密解密

前言:什么是非对称加密?什么是对称加密?对称加密算法在加密和解密时使用的是同一个秘钥;而非对称加密算法需要两个密钥来进行加密和解密,这两个秘钥是公开密钥(public key,简称公钥)和私有密钥(private key,简称私钥)。A要传给B一句话(需要保密),就由B生成一对公钥和私钥存好,公钥就好比一把锁,钥匙就是私钥。B只需要把锁给A,A把那句话锁起来,交还给B,在这过程中,即使大家都能看到公钥(锁),也是不知道那句话是啥的,然后B拿到锁好的机密,拿只有自己才有的私钥(钥匙)解开,这个差不多

2020-10-27 12:48:04 1921 1

原创 unicloud个人全栈项目

技术栈全程手撕组件,几乎没用组件库,目前写过的全栈项目中最满意的项目app端: Version:1.0.17​ 分个大类,细分的技术栈太多了。​ 前端:uniapp​ 后端:unicloud管理端 :​ element+ unicloud + 部分node接口展示图片源码地址:gitee :https://gitee.com/qdds666/YangPangithub:...

2020-10-16 10:33:45 2900

原创 关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus)

先上bug图解决在弹出弹窗的时候将body的overflow 改成hidden在取消弹窗的时候将body的overflow 改成scroll代码底层页面弹窗组件效果图

2020-10-05 09:11:26 514

原创 剑指 Offer 05. 替换空格

这里写目录标题题目:思路:结题:内置函数法拼接字符串法题目:请实现一个函数,把字符串 s 中的每个空格替换成"%20"。示例:输入:s = "We are happy."输出:"We%20are%20happy."思路:字符串可以通过下标取到值,但是无法通过下标替换字符,只能声明一个新变量拼接字符串并返回出来"a,b,d"[0] // a结题:内置函数法var replaceSpace =s=> s.replace(/ /g,"%20")拼接字符串法var r

2020-09-22 11:10:22 50

原创 剑指 Offer 09. 用两个栈实现队列

题目: 用两个栈实现一个队列。队列的声明如下,请实现它的两个函数 appendTail 和 deleteHead ,分别完成在队列尾部插入整数和在队列头部删除整数的功能。(若队列中没有元素,deleteHead 操作返回 -1 )示例 1:输入:["CQueue","appendTail","deleteHead","deleteHead"][[],[3],[],[]]输出:[null,null,3,-1]示例 2:输入:["CQueue","deleteHead","appendT

2020-09-22 11:09:13 82

原创 使用js截图 threeJS加载出的模型

1.先安装 html2canvas包npm i html2canvas --save2.引入import html2canvas from 'html2canvas' // 引入截图库3.使用html2canvas(document.querySelector('.model'), { windowWidth: 800, windowHeight: 800}).then(function(canvas) { document.body.appendChild(canvas)}

2020-09-17 16:03:05 734

原创 unicloud使用模糊查询,日期范围查询,联表

目录模糊查询日期范围查询模糊查询let result = await db.collection('User').where(Object.assign( SelJson,{ Nickname:new RegExp(`${Nickname}`), account:new RegExp(`${account}`) })).limit(pageSize).skip(Skips).get()日期范围查询let like_Json = {}like_Js

2020-09-12 12:24:01 4536

原创 HTML版的使用three.js加载obj和mtl文件并上贴图

目录效果图全部代码另: [Vue版的](https://blog.csdn.net/weixin_44601948/article/details/108502580)效果图全部代码<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - loaders - OBJ MTL loader</title> <meta charset="utf-8">

2020-09-09 21:33:54 2896 3

原创 Vue引入Thee.js 加载obj文件和mtl文件并上纹理贴图

目录1.引入包三个包2.在vue 组件内 import文件3.在mound钩子函数内调用4.效果图另:HTML页面使用three加载obj文件和mtl文件1.引入包三个包第三个是辅助控制缩放 移动的2.在vue 组件内 import文件3.在mound钩子函数内调用文件let that = this; this.windowHalfX = window.innerWidth / 2; this.windowHalfY = window.innerHeight / 2;

2020-09-09 21:26:33 2632 1

转载 Three贴图跨域:DOMException: Failed to execute ‘texImage2D‘ on ‘WebGLRenderingContext

DOMException: Failed to execute ‘texImage2D’ on 'WebGLRenderingContext网上找到方法修改threejs.module.js文件中的ImageLoader.prototype在return之前加上image.crossOrigin=’’参考原文地址:https://blog.csdn.net/qq_41923622/article/details/103756549...

2020-09-07 21:14:02 1946 1

原创 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] dev: `webpack-dev-server --inline --

将自己的IP地址换上即可换上自己的IP地址

2020-08-21 00:15:23 5601 1

原创 下拉刷新组件(Vue版)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>下拉刷新</title> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <.

2020-06-21 22:51:25 929

原创 封装移动端面包屑(Vue版)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <s.

2020-06-16 15:54:54 1256 1

原创 期末复习javaweb

目录第1章 了解JSP1、关于Tomcat服务器的说法中正确的是( AC )(选择二项)2、在WEB项目的目录结构中,web.xml文件位于( C )中(选择一项)3、jsp在执行过程中经过()阶段,由web容器将之转换成java源代码( B )(选择一项)4、jsp在执行过程中经过()阶段,会将java源码转换成class文件( C )(选择一项)5、在WEB应用程序开发中,有时会出现Tomcat端口号已经被占用的情况,为此我们需要修改配置文件,下列选项中修改正确的是( D )(选择一项)6、在

2020-06-07 19:45:20 3386

转载 前端 WebSocket,客户端主动连接,主动关闭

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>webSocket小Demo</title> </head> <body> <div class="container"> <div> <input type="text" id="msg"> &lt

2020-05-27 18:25:41 7815

原创 处理跨域

处理跨域的三种方式jsonp处理跨域总结cors处理跨域nginx处理跨域Vue反向代理处理跨域jsonp处理跨域remote.jsgetData({"result":"我是远程js带来的数据"});index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml

2020-05-26 09:33:08 105

原创 手写一个带三角箭头的面包屑

面包屑代码<!-- 面包屑 --> <div class="crumbs"> <div ref="bg_triangle_first" class="bg-triangle"> <div ref="crumbs_item_first" hd="header" class="crumbs-item" @click="onToDir(formatGetCurrentPath)">{{ formatGetCurrentPath }}</d.

2020-05-21 11:55:19 393

原创 OSS上传报错 权限不足

原因是权限没给足解决: 将后端代码改成给足全部权限修改后等个10几秒 等他配置生效后再运行前端代码,可以发现成功调用接口参考oss

2020-05-18 14:02:03 1027

原创 关于koa使用db.query内部回调后 后续无法进行执行

问题:在db.query的回调执行完后后续我还要执行代码但是query内的回调执行完后不会结束,代码就卡在那边了代码:解决:外层套一个promise

2020-05-17 18:34:18 256

原创 纯CSS3实现鼠标悬浮内容自动撑开的过渡动画

用 CSS3 实现的,由于高度的不确定,而 transtion 是需要具体的树枝,所以可以通过 max-height 这个属性间接的实现这么个效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } ul, l

2020-05-15 11:22:41 1148

原创 取消 input file change监听文件(图片)上传事件多次触发

JQ用unbind原生用removeEventListener$("#box>.inner").onclick =function(){ function watch(){ for(let i=0,file;file=this.files[i++];){ let fileObj = uploadManger.add(upload_id,file.type,file.name,file.size) upload_id++ } this.removeE

2020-05-12 11:36:15 977

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除