- 博客(34)
- 收藏
- 关注
RSS订阅原创 vue-devtools安装
记性不好，记录下。1.下载资源vue-devtools链接2.下载到本地后，进入文件夹，cmd安装npm install3. 编译npm run build4. 添加扩展程序游览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序...”按钮，选择vue-devtools>shells下的chrome文件夹。/***如果看不见“加载已解压的扩展程序...”按钮，则需要勾选“开发者模式”。*/若进行到第3步报错，如下安装下
2022-03-21 11:28:25
716
原创 Vue3项目搭建
之前部门改造过一个Vue3+ant-design-vue的项目，但是当时没怎么关注搭建，只是参与了页面改造。最近又搭建了个Vue3+TypeScript+Vite的新项目，感觉对项目搭建知识还没了解，仅记录下学习的笔记。前提：安装了node.js，vue-cli需要4.0以上一、安装vue-cli（以下是全局安装，本地安装则去掉-g）npm install -g @vue/cli # 或yarn global add @vue/cli输入以下指令查看版本vue -V二、创建项目新建
2022-01-13 18:04:18
935
原创 Vue3与Ant-Design-Vue的Modal弹窗控制底部footer自定义
一开始使用提示弹窗，都是直接调用的方法，使用 confirm() 、快捷地弹出确认框。import {Modal} from "ant-design-vue"; //引入资源//调用Modal的对话框function showDialog(){ Modal.confirm({ title: "提示", content: "确定删除？", okText: "确认", okType: "danger", cancelText: "取消",
2022-01-12 16:07:52
4732
原创 一些文件转化操作：base64转url、url转二维码、多文件转压缩下载
一、PDF文件base64转为url//pdf文件base64let base64 = data.data;let bstr = atob(base64);let n = bstr.length;let u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n);}//确定解析格式let blob = new Blob([u8arr], {type: 'application/pdf;chartset=UTF-8'
2021-11-02 16:29:28
2014
原创 blur事件与click事件的冲突
定义：blur事件：当元素失去焦点时发生 blur 事件click事件：当单击元素时，发生 click 事件在开发中会发现存在以下场景，点击当前输入框以外的其他元素。此时输入框失焦触发blur事件，同时我们点击的元素触发了click事件。这时候，你会发现blur事件是优先于click事件的。在开发中，遇到了两次，一次是输入框blur与单选click，一次是输入框blur与下拉框click。简化例子如下：//输入框失焦触发事件1，点击单选元素触发事件2。$('#form_wrap').on('b
2021-05-10 10:16:12
3258
原创 async/await和promise.all(）
async/await 与 promise.all(）一、异步操作解决方法1. 回调函数callback2. Promise解决回调地狱二、async/await 和 promise.all()1.async/await2. promise.all()一、异步操作解决方法先来回顾下异步操作：// 需求：要封装一个方法，提供一个要读取文件的路径，要求这个方法能读取文件，并把内容返回给我const fs = require('fs')const path = require('path')//
2021-04-28 14:16:28
4423
原创 jQuery全选：.attr()、.prop()、.is(‘:checked‘)与.checked
直接上例子<input type="checkbox" class="checkAll"><div id="check_wrap"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"></div>$('.checkAll').on('click', function()
2021-02-25 15:31:09
414
原创 ES6箭头函数 this指向的误区
众所周知，ES6的箭头函数能解决this指向的问题。能解决this内外指向不一致的问题。箭头函数体内的this对象，就是定义该函数时所在的作用域指向的对象，而不是使用时所在的作用域指向的对象。箭头函数的this取决于函数的定义，而不是调用。 (在定时器中用箭头函数就可以解决this指向问题，箭头函数内部的this与外部的this保持一致)有了箭头函数，我们就不再需要用that来替代thisvar that = this;但是有一点很多人容易弄错。看下面这个例子function queryD
2021-01-28 10:47:32
195
原创 JS数组按特定规则排序
举个例子，比如我一个题库的列表想要按选择题、判断题、填空题、简答题、应用题的顺序排序。每个题目是一个对象，它有个type属性记录了它的题型。然后各个题目对象组合成一个对象数组。当我插入新的题目后，将列表刷新按规则排序。按规则排序的函数 //按特定顺序排序 function compare(property) { return function (a, b) { ...
2020-04-27 19:30:09
1473
原创 twbs-pagination插件的实现条件查询的动态分页问题
正常twbs-pagination实现一个分页使用其实很简单。var pageSize = 15; //每页数据数目$.ajax({ type: 'get', url: '/questions/total', dataType : 'json', success : function(data){ if(...
2020-03-04 21:57:19
437
原创 multer+ajax+nodejs实现文件批量上传功能。解决上传无提示的不友好问题。
其实单单用multer来实现上传文件，是特别简单的。给大家列一下代码<form action="/upload" method="post" enctype="multipart/form-data" method="post" id="uploadForm"> 学号：<input type="text" name="username"><...
2020-02-21 23:40:00
453
原创 记录一下一个不明原因的bug：火狐浏览器的兼容？
今天在测试多浏览器网站运行时。发现一个很奇怪的事。在谷歌和edge浏览器。一切正常。而在火狐浏览器。当我登录后，进入首页，而当我点击选项跳转到其他地址时。自动给我弹回到登录页面。通过打印访问路径。可以发现问题。以下是登录-首页-点击跳转到网站的另一地址。一切正常同样的操作在火狐。发现问题所在。点击跳转时，火狐不知道为什么首先访问了登录地址。而我在访问登录地址时，是会将用户的ses...
2020-02-21 10:58:19
306
原创 multer中间件的上传于下载之大坑:res.download()与ajax的问题
postman插件测试正常。能得到文件。但是在进行前端渲染时。ajax请求会进入error。如下。postman正常通过表单里的按钮，可以第一次ajax请求通过id拿到存储的文件信息。但是在进行二次ajax时，会发现一直进入error。查看后台，发现文件名是拼接正确的。虽然中文会有编码错误导致路径不对而失败。但是纯英文的路径正确仍然是进入erro下载失败。网上查了很多资料。也通过浏览器控...
2020-02-18 16:44:07
1134
原创 记录下做项目(在线考试系统)遇到的问题
记录，有空查明。1.注册功能，表单采用ajax提交时。指明post提交还是会出现url参数未隐藏。但是数据成功被提交到了数据库。排查发现是注册这个按钮的问题。<button id="register">注册</button>如果用a链接标签<a href="javascript:;" id="register">注册</a>一切正常2...
2020-02-15 17:14:48
1483
原创 nvm安装node后，node生效而npm不是内部或外部命令的解决
nvm安装node后，node生效而npm不是内部或外部命令的解决问题如下。使用nvm进行node多版本的管理。在安装完node后，npm并未安装上。版本问题，在8.11以上版本的node版本对应的npm都没法自动安装。正常情况下，在nvm文件夹对应的node版本文件夹中，里面应该还有npm和npm.cmd文件。如下。查看会发现自己的并没有，而是下载到了与node文件夹同级的temp文...
2020-02-03 17:02:47
5954
2
原创 使用VSCode快速生成用户自定义代码段
使用VSCode快速生成用户自定义代码片段开始使用VScode，以下记录快捷生成VUE文件模板的做法。第一步： 文件 >> 首选项 >>用户代码片段新建一个全局用户代码段将以下代码覆盖{ "vue": { "scope": "javascript,typescript", "prefix": "vue", ...
2020-01-14 17:24:14
2239
原创 getElementById与querySelector的区别
getElementById与querySelector的区别首先对获取元素的几个方法有所了解getElementById()：返回对拥有指定id的第一个对象的引用getElementsByName()：返回带有指定名称name的对象的集合。返回的是元素的数组，而不是一个元素（由于name不唯一）getElementsByTagName()：返回带有指定标签名的对象集合query...
2019-10-09 17:15:32
3582
原创 实现盒子水平居中/垂直居中的方法
盒子垂直居中/水平居中的方法）一、盒子水平居中1.margin: 0 auto;2.使用margin计算盒子左右边距3.定位实现4.盒子转为行内块元素，然后使用text-align属性二、盒子垂直居中1.定位实现2.使用表格的vertical-align: middle实现（借助display:table-cell）3.使用margin计算盒子上下边距一、盒子水平居中1.margin: 0 a...
2019-10-03 00:42:44
1620
原创 插入图片与背景图片的区别
插入图片与背景图片的区别1.修改插入图片插入一张图片<style type="text/css"> section { /*设置一个盒子 width: 400px; height: 400px； border: 1px solid red;}</style><section> <...
2019-09-30 11:28:28
1564
原创 HTML归纳
HTML5归纳一、工具使用二、浏览器介绍三、HTML基本结构四、HTML常用标签五、相对路径六、列表七、表格八、表单和表单控件九、仅供自己复习记录基础点。一、工具使用二、浏览器介绍三、HTML基本结构四、HTML常用标签五、相对路径六、列表七、表格八、表单和表单控件九、...
2019-09-27 10:04:58
447
原创 【剑指offer算法】从尾到头打印链表
题目： 输入一个链表，按链表从尾到头的顺序返回一个ArrayList。Day 5递归思想： 输入链表，当当前的元素存在（也就是listNode != 0），就一直往下找下一个元素，直到找到链表的最后一个元素。这时候，最后一个的值就通过list.add添加到数列中。然后添加倒数第二个，…添加第一个。就实现了从尾到头的排序。import java.util.ArrayList;public c...
2019-09-25 20:32:29
98
原创 原生Ajax实现页面局部更新功能
原生Ajax实现页面局部更新功能Ajax：Asynchronous Javascript And XML（异步 JavaScript 和 XML）index,html使用Ajax发送请求：1.创建异步（XMLHttpRequest）对象2.准备发送3.执行发送动作4.执行回调函数1.创建异步（XMLHttpRequest）对象...
2019-09-25 19:38:18
411
1
原创 【剑指offer算法】斐波那契数列
斐波那契数列Day 4题目： 大家都知道斐波那契数列，现在要求输入一个整数n，请你输出斐波那契数列的第n项（从0开始，第0项为0）。 n<=39斐波那契数列都很熟悉了。斐波那契数列（Fibonacci sequence），又称黄金分割数列、因数学家列昂纳多·斐波那契（以兔子繁殖为例子而引入，故又称为“兔子数列”，指的是这样一个数列：1、1、2、3、5、8、13、21、34、……在...
2019-09-24 00:31:54
229
原创 Apache配置虚拟主机（附查询自己ip地址、通过ip地址访问站点、修改localhost根路径步骤）
配置虚拟主机配置虚拟主机可以配置多个网站（域名和网站目录对应）。其余前提准备包括查询自己ip地址、同局域网通过ip地址访问可以到文章末尾查看。一、配置虚拟主机：首先，在D:\wamp\bin\apache\Apache2.4.4\conf下找到httpd.conf打开，搜索Virtual Hosts,找到下图。将红框位置的 # 去掉。接着，按后面的路径找到 httpd-vhosts...
2019-09-22 10:45:51
1988
原创 【剑指offer算法】矩形覆盖和跳台阶、变态跳台阶问题
矩形覆盖和跳台阶、变态跳台阶问题Day3挑着做了几个相同思路的。首先是矩形覆盖和跳台阶问题。这两个其实思路是一样的。矩形覆盖题目： 我们可以用2x1的小矩形横着或者竖着去覆盖更大的矩形。请问用n个21的小矩形无重叠地覆盖一个2n的大矩形，总共有多少种方法？跳台阶题目： 一只青蛙一次可以跳上1级台阶，也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法（先后次序不同算不同的结果）。...
2019-09-21 22:57:33
140
原创 【剑指offer算法】替换空格
替换空格题目：请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。如果单从解决这题来说，第一反应想到的是java的replace方法替换。就很简单的解决。public class Solution { public String replaceSpace(StringBuffer...
2019-09-21 22:14:47
117
原创 【剑指offer算法】二维数组中的查找
二维数组中的查找题目： 在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。思路： 选取左下角的元素a，即array[row-1][0]与要查询的target比较。target比其大，则必在元素a所在行的右边，即 j++；target比其小，则必在元素a所...
2019-09-21 22:05:50
128
原创 jQuery中attr()和prop()方法的区别
jQuery中attr()和prop()方法的区别两者皆是设置或返回被选元素的属性和值。方法也类似。1.当小括号中为两个参数时，是设置属性的属性值。2.当小括号中为一个参数时，为获取该元素的属性值。$(function () { $("#btn").click(function () { $("a").attr("titile",百度)； //设置属...
2019-09-20 19:36:36
104
原创 几种常见的Exception异常
几种常见的Exception异常 异常( Exception )：正常程序流程所不能处理或者没有处理的异常情况或异常事件。 程序开发和运行过程中会出现编译错误和运行错误。编译错误容易被发现并排除，而运行错误（逻辑错误和异常）很难预料...
2019-08-12 19:10:30
3538
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人