html
文章平均质量分 56
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3 使用pdf.js 预览pdf
Vue3 使用pdf.js 预览pdf非专业 如有语术错误请谅解写在前面:vue-pdf 好像并不支持Vue3 参考https://segmentfault.com/a/1190000039858927本样例是基于后端返回的是文件流直接上样例首先下载pdf.js注意:将解压后的文件放在static下1.使用ifame嵌套 <iframe id='pdf' ref='pdf' height='100%' :src='pdfUrl'原创 2022-03-11 20:45:16 · 665 阅读 · 1 评论 -
uniapp项目中引入vant
uniapp项目引入vant-UI 引入方式和踩到的坑uniapp框架可以写多端的项目和生成多端代码,在引入vant-UI时要确定是写那个端的项目,小程序端和H5项目引入vant组件是不一样的。这个对于刚用uniapp的搬砖人很不友好,容易搞错。今天简单把两种引入的方式在这里讲一下 希望能帮到一些人。uniapp小程序引入vant方法.在项目中创建一个文件叫wxcomponents,注意这个文件和page文件平级2.前往https://github.com/youzan/vant-weapp下载原创 2022-03-11 19:21:45 · 8517 阅读 · 8 评论 -
pnpm的安装与使用
pnpm使用官网: https://pnpm.js.org/installation/全局安装npm install pnpm -g设置源//查看源pnpm config get registry //切换淘宝源pnpm config set registry http://registry.npm.taobao.org 使用pnpm install 包 // pnpm i 包pnpm add 包 // -S 默认写入dependenciespnpm add -D原创 2022-03-11 15:21:14 · 2306 阅读 · 0 评论 -
JS 面试题 大全
1、介绍一下js的数据类型有哪些,值是如何存储的?2、说一下js的数据类型的转换都有哪些?3、如何去判断js数据类型?4、介绍 js 有哪些内置对象?5、javascript 创建对象的几种方式?6、js 获取原型的方法?7、什么是闭包,为什么要用它?8、三种事件模型是什么?9、哪些操作会造成内存泄漏?10、简述javascript中this的指向?![在这里插入图片描述](https://img-blog.csdnimg.cn/2021032219142296.png原创 2022-03-11 13:58:44 · 159 阅读 · 0 评论 -
axios——有些接口需要传递token,有些接口不需要传递token的处理方法
今天在写后台管理系统时,遇到一个问题:请求接口时,接口先是报500服务器错误,然后又报跨域问题。问过后端,后端说请求时不要加token。由于我的其他接口都是要求带有token的,因此需要对axios拦截器单独进行处理。下面对antd框架中的部分内容修改如下:1.request.js文件——添加一个新的axios请求const instancePermission = axios.create({ timeout: 20000, baseURL: BASE_URL, wi原创 2022-03-11 11:15:32 · 902 阅读 · 0 评论 -
黑马VUE学习笔记(附带项目天气预报和音乐播放器所有源码)
文章目录黑马VUE学习笔记—后端小白入门(附带项目天气预报和音乐播放器所有源码)感谢黑马!01第一个vue程序02el挂载点el是用来设置Vue实例挂载(管理)的元素1.vue的作用范围在el命中的元素内部可以被渲染Vue会管理el选项命中的元素及其内部的后代元素2.是否可以选用其他的选择器3.是否可以设置其他的dom元素03data 数据对象1.Vue中用到的数据定义在data中2.data中可以写复杂类型的数据3.渲染复杂类型数据时,遵循js的语法即原创 2022-03-10 13:32:36 · 1308 阅读 · 0 评论 -
自己用html + js 一百行代码做一个朗读器
感谢内容提供者:金牛区吴迪软件开发工作室文章目录前言一、设置语言和朗读人员二、设置音高【不是声音大小】三、设置音速四、设置声音大小五、添加暂停和恢复播放功能六、完整代码前言因为笔者最近在学习英语,所以才想找一个朗读器跟着一起念着读,结果没找到在线朗读器,没办法。。。只有自己动手做一个了,老话说的好:自己动手,丰衣足食~先给大家看下最终效果【没管样式哈~,只是保证有个结构和功能正常,样式可以自己画一画!】废话不多说,代码开整!一、设置语言和朗读人员我们需要获取到支.原创 2022-03-10 12:11:46 · 333 阅读 · 0 评论 -
前端案例:简易登录表单的制作,包括用户名、密码、随机验证码(代码完整,复制即用)
案例效果本案例基于 vue.js 和Element UI 实现。随机验证码采用 DOM 操作和 canvas 绘制,可随机生成和刷新;后续程序逻辑直接填入方法即可。Element UI 下载安装//npm安装elementnpm i element-ui -S//vue项目中全局引入 src/main.js中import ElementUI from 'element-ui';Vue.use(ElementUI);element ui 的使用方式参见官网:Element - The转载 2022-03-09 14:28:17 · 1210 阅读 · 0 评论 -
vue3在<script setup>中如何使用动态组件
vue3在针对这个问题,其实 vue官方已经给出了说明。由于组件被引用为变量而不是作为字符串键来注册的,在 什么意思呢?看我的真实示例:<script setup>import { reactive } from 'vue'import Daily from './index/daily.vue'import Week from './index/week.vue'import Month from './index/month.vue'const pageParams = re原创 2022-03-09 10:23:37 · 340 阅读 · 0 评论 -
vue 路由警告 Duplicate named routes definition
今天在开发的时候,项目报了一个警告Duplicate named routes definition ,这里记录一下解决方式和思路。警告产生的原因根据提示内容,我们大概猜测是和路由的name有关,上网了解了一下,验证了我们的猜测是正确的。警告是由于路由的name 重复导致的。(原理?who care (艹皿艹 ))错误类型虽然我们已经知道警告是由于name重复导致,其实细分一下还是有点不一样的。一是静态路由中的name重复,一是动态路由的name 重复举例说明静态路由:错误demo:{原创 2022-03-09 08:48:51 · 1128 阅读 · 0 评论 -
TypeError this.getOptions is not a function 的解决
一、问题的出现:在进行 react 项目开发的时候,出现了这个错误,TypeError: this.getOptions is not a function,如下所示:二. 问题的分析及解决:问题的分析:这个实际上就是 less-loader 的版本过高,不兼容 getOptions 函数方法,所以需要对 less-loader 进行降级处理问题的解决:通过 npm uninstall less-loader 命令卸载原版本的 less-loader,然后 通过 npm install le原创 2022-03-08 14:08:33 · 868 阅读 · 0 评论 -
npm安装依赖错误
npm ERR! code 128npm ERR! git dep preparation failednpm ERR! command C:Program Filesodejsode.exe C:UsersAdministratorAppDataRoamingpmode_modulespminpm-cli.js install --force --cache=C:UsersAdministratorAppDataLocalpm-cache --prefer-offline=false原创 2022-03-08 12:48:08 · 764 阅读 · 0 评论 -
JS最完整的深浅拷贝实现方式
深浅拷贝:内存中一共分为栈内存和堆内存两大区域,所谓深浅拷贝主要是对js引用类型数据进行拷贝一份,浅拷贝就是引用类型数据相互赋值之后,例obj1=obj2;如果后面的操作中修改obj1或者obj2,这个时候数据是会进行相应的变化的,因为在内存中引用类型数据是存储在堆内存中,堆内存中存放的是引用类型的值,同时会有一个指针地址指向栈内存,两个引用类型数据地址一样,如果其中一个发生变化另外一个都会有影响;而深拷贝则不会,深拷贝是会在堆内存中重新开辟一块空间进行存放;简单来说就是B复制了A,如果A发生了改变,如原创 2022-03-08 11:27:57 · 566 阅读 · 0 评论 -
HTML5七夕情人节表白网页 一场浪漫烟花表白 HTML+CSS+JavaScript
HTML5七夕情人节表白网页 一场浪漫烟花表白 HTML+CSS+JavaScript这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站,可以任意修改和使用,源码已上传,演示网址如下。??文章末尾-已经附上源码下载地址??作者主页-更多源码??七夕情人节专栏文章作品介绍1.网页作品简介 :基于 HTML+CSS+JavaScript 制作七夕情人节表白网页, 生日祝福, 七夕告白, 求婚, 浪漫爱情3D相册,炫酷代码原创 2022-03-08 10:07:33 · 650 阅读 · 1 评论 -
CSS系列之元素的显示与隐藏
目录1、元素显示和隐藏的出现的目的2、使用场景3、display 显示4、visibility 可见性5、overflow 溢出后记1、元素显示和隐藏的出现的目的让一个元素在页面中消失或者显示出来。2、使用场景类似广告网站,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现。3、display 显示display 设置或检索对象是否及如何显示。display: none 隐藏对象display: block 除了转换为块级元素之外,同时还有显示元素的意思。特点:转载 2022-03-08 08:47:32 · 4396 阅读 · 0 评论 -
贪吃蛇进阶版本(javascript)
昨天写了一个贪吃蛇的小游戏,在写完之后,因为自己平时喜欢打王者荣耀这一类的游戏,所以在想能否将这个游戏进阶一下,当完成一定的要求之后,他就晋级。于是写了下面的代码:示例图如下:这个是贪吃蛇初级版本:这是贪吃蛇高阶版本:这个是当贪吃蛇最终通关过后的版本:他会有一个动态的烟花效果:下面是代码:初级贪吃蛇:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2022-03-07 10:13:19 · 118 阅读 · 0 评论 -
安装npm install --global vue-cli出现问题,使用npm 安装 @vuecli时遇到的错误
安装npm install --global vue-cli出现问题npm WARN deprecated [email protected]: this library is no longer supportednpm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is原创 2022-03-06 05:18:45 · 727 阅读 · 0 评论 -
「2022」字节-前端(互娱)笔试题
1.对数组原生方法的使用① 题 目 :② 参考答案 :const arr1 = [10,9,8,7,6,5,4,3,2,1]arr1.splice(2,1);const arr2 = [10,9,8,7,6,5,4,3,2,1]arr2.slice(0,2).concat(arr2.slice(3,10));const arr3 = [10,9,8,7,6,5,4,3,2,1]arr3.filter(res=>{ return res!==arr3[2]}).....原创 2022-03-06 02:35:55 · 233 阅读 · 0 评论 -
vue前端处理2022-01-20T000000.000+0800这种时间格式
//main/jsVue.use(require('vue-moment'));Vue.prototype.moment = momentVue.filter('dateYMDHMSFormat',function(dateStr,pattern='YYYY-MM-DD HH:mm:ss'){ return moment(dateStr).format(pattern);})<span>{{time | dateYMDHMSFormat}}</span>原创 2022-03-06 01:14:37 · 653 阅读 · 0 评论 -
vite打包工具的介绍
vite:Vite是Vue的作者尤雨溪开发的Web开发构建工具,它是一个基于浏览器原生ES模块导入的开发服务器,在开发环境下,利用浏览器去解析import,在服务器端按需编译返回,完全跳过了打包这个概念,服务器随启随用。同时不仅对Vue文件提供了支持,还支持热更新,而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。Vite具有以下特点:快速的冷启动即时热模块更新(HMR,Hot Module Replacement)真正按需编译Vite是在推出Vue 3的时候开发的,原创 2022-03-05 23:53:42 · 11988 阅读 · 0 评论