![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 56
从入门到放弃_nys
这个作者很懒,什么都没留下…
展开
-
Vue中通过原生Js方法获取元素为null的问题
Vue中原生JS方法获取元素为null原创 2022-09-02 11:20:18 · 2279 阅读 · 1 评论 -
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 · 751 阅读 · 0 评论 -
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 · 1007 阅读 · 0 评论 -
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 · 5190 阅读 · 0 评论 -
银行家舍入-四舍六入五成双
银行家舍入:与通常的四舍五入相比,更能保持原有数据的特性的侧重平均数方面的舍入方法原创 2021-12-23 16:20:29 · 2109 阅读 · 0 评论 -
一些文件转化操作: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 · 2064 阅读 · 0 评论 -
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 · 3339 阅读 · 0 评论 -
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 · 4505 阅读 · 0 评论 -
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 · 431 阅读 · 0 评论 -
ES6箭头函数 this指向的误区
众所周知,ES6的箭头函数能解决this指向的问题。能解决this内外指向不一致的问题。箭头函数体内的this对象,就是定义该函数时所在的作用域指向的对象,而不是使用时所在的作用域指向的对象。箭头函数的this取决于函数的定义,而不是调用。 (在定时器中用箭头函数就可以解决this指向问题,箭头函数内部的this与外部的this保持一致)有了箭头函数,我们就不再需要用that来替代thisvar that = this;但是有一点很多人容易弄错。看下面这个例子function queryD原创 2021-01-28 10:47:32 · 221 阅读 · 0 评论 -
JS数组按特定规则排序
举个例子,比如我一个题库的列表想要按选择题、判断题、填空题、简答题、应用题的顺序排序。每个题目是一个对象,它有个type属性记录了它的题型。然后各个题目对象组合成一个对象数组。当我插入新的题目后,将列表刷新按规则排序。按规则排序的函数 //按特定顺序排序 function compare(property) { return function (a, b) { ...原创 2020-04-27 19:30:09 · 1516 阅读 · 0 评论 -
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 · 489 阅读 · 0 评论 -
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 · 473 阅读 · 0 评论 -
记录一下一个不明原因的bug:火狐浏览器的兼容?
今天在测试多浏览器网站运行时。发现一个很奇怪的事。在谷歌和edge浏览器。一切正常。而在火狐浏览器。当我登录后,进入首页,而当我点击选项跳转到其他地址时。自动给我弹回到登录页面。通过打印访问路径。可以发现问题。以下是登录-首页-点击跳转到网站的另一地址。一切正常同样的操作在火狐。发现问题所在。点击跳转时,火狐不知道为什么首先访问了登录地址。而我在访问登录地址时,是会将用户的ses...原创 2020-02-21 10:58:19 · 338 阅读 · 0 评论 -
multer中间件的上传于下载之大坑:res.download()与ajax的问题
postman插件测试正常。能得到文件。但是在进行前端渲染时。ajax请求会进入error。如下。postman正常通过表单里的按钮,可以第一次ajax请求通过id拿到存储的文件信息。但是在进行二次ajax时,会发现一直进入error。查看后台,发现文件名是拼接正确的。虽然中文会有编码错误导致路径不对而失败。但是纯英文的路径正确仍然是进入erro下载失败。网上查了很多资料。也通过浏览器控...原创 2020-02-18 16:44:07 · 1176 阅读 · 0 评论 -
记录下做项目(在线考试系统)遇到的问题
记录,有空查明。1.注册功能,表单采用ajax提交时。指明post提交还是会出现url参数未隐藏。但是数据成功被提交到了数据库。排查发现是注册这个按钮的问题。<button id="register">注册</button>如果用a链接标签<a href="javascript:;" id="register">注册</a>一切正常2...原创 2020-02-15 17:14:48 · 1721 阅读 · 0 评论 -
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 · 6045 阅读 · 2 评论 -
使用VSCode快速生成用户自定义代码段
使用VSCode快速生成用户自定义代码片段开始使用VScode,以下记录快捷生成VUE文件模板的做法。第一步: 文件 >> 首选项 >>用户代码片段新建一个全局用户代码段将以下代码覆盖{ "vue": { "scope": "javascript,typescript", "prefix": "vue", ...原创 2020-01-14 17:24:14 · 2262 阅读 · 0 评论 -
原生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 · 472 阅读 · 1 评论 -
HTML归纳
HTML5归纳一、工具使用二、浏览器介绍三、HTML基本结构四、HTML常用标签五、相对路径六、列表七、表格八、表单和表单控件九、仅供自己复习记录基础点。一、工具使用二、浏览器介绍三、HTML基本结构四、HTML常用标签五、相对路径六、列表七、表格八、表单和表单控件九、...原创 2019-09-27 10:04:58 · 834 阅读 · 0 评论 -
HTML5和CSS3归纳
HTML5和CSS3归纳(仅供自己记录复习基础点)一、HTML5二、CSS3一、HTML5二、CSS3原创 2019-10-02 23:45:21 · 1784 阅读 · 1 评论 -
插入图片与背景图片的区别
插入图片与背景图片的区别1.修改插入图片插入一张图片<style type="text/css"> section { /*设置一个盒子 width: 400px; height: 400px; border: 1px solid red;}</style><section> <...原创 2019-09-30 11:28:28 · 1598 阅读 · 0 评论 -
实现盒子水平居中/垂直居中的方法
盒子垂直居中/水平居中的方法)一、盒子水平居中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 · 1678 阅读 · 0 评论 -
jQuery中attr()和prop()方法的区别
jQuery中attr()和prop()方法的区别两者皆是设置或返回被选元素的属性和值。方法也类似。1.当小括号中为两个参数时,是设置属性的属性值。2.当小括号中为一个参数时,为获取该元素的属性值。$(function () { $("#btn").click(function () { $("a").attr("titile",百度); //设置属...原创 2019-09-20 19:36:36 · 112 阅读 · 0 评论