html
文章平均质量分 53
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3+ts使用vue-router4的使用
vue3+ts使用vue-router跳转vue3路由使用vue3+ts使用vue-router跳转前言一、路由(router)是什么?二、使用步骤1.安装路由2.引入路由3.在main.js中引入router 并挂载4.现在来讲一下如何在页面中使用5.下面是整体页面代码前言随着vue3的降临添加了不少的api特性,需要学习很多新特性的api,给许多小伙伴们带来更大的特性,下面简单的介绍一下vue3中router的使用。一、路由(router)是什么?Vue Ro原创 2022-03-11 20:53:37 · 1363 阅读 · 0 评论 -
vite require is not defined
vuex使用webpack中的require.context(’./modules’, true, /.js$/) 获取目录下的所有文件,升级vue3使用vite报 require is not definedimport { createStore } from 'vuex'import getters from './getters'// https://vitejs.dev/guide/features.html#glob-importconst modulesFiles = impor.原创 2022-03-11 19:29:59 · 1380 阅读 · 0 评论 -
python web开发 HTML基础
文章目录1. 简介2. 标签元素属性3. 表格4. 列表ol 有序ul 无序自定义列表5. 表单输入域标记 input选择域标记 select, option文字域标记 textarea6. 综合练习learning from 《python web开发从入门到精通》1. 简介HTML 是描述网页的一种标记语言,Hyper Text Markup Language Michael 学习python web 开发原创 2022-03-11 15:29:34 · 156 阅读 · 0 评论 -
JS数组合并(5种)
前言项目过程中,经常会遇到 JS 数组合并的情况,时常为这个纠结。这里整理一下。简单而实用的for最容易想到的莫过于 for 了。会变更原数组,当然也可以写成生成新数组的形式。let arr = [1, 2]let arr2 = [3, 4]for (let i in arr2) { arr.push(arr2[i])}console.log(arr)// [1, 2, 3, 4]arr.concat(arr2)会生成新的数组。let arr = [1, 2]let原创 2022-03-11 14:06:49 · 2319 阅读 · 0 评论 -
HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下题目:此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合使用CSS及表格、DIV、框架等技术),完成各页面的布局设计。工具:EditPlus一、所需文件二、网页效果(模仿游戏官网)A.首页效果B.游戏介绍假装有图C.游戏攻略D.手办商城E.问卷调查假装有图F.加入我们…懒了…哈哈三、部原创 2022-03-11 12:45:02 · 2046 阅读 · 2 评论 -
Cannot read properties of undefined (reading ‘target‘)
<div class="switch" @click="toswitch()">编辑</div>//@click="toswitch(item)"methods:{toswitch(item) { if (item.target.innerHTML == "编辑") { item.target.innerHTML = "完成"; } else { item.target.innerHTML = "编辑";原创 2022-03-11 11:23:37 · 1341 阅读 · 0 评论 -
覆盖 Safari、Edge,主流浏览器几乎均已实现 WebGL 2.0 支持
从 Firefox 到 Safari,所有的主流浏览器现已经全部支持 WebGL 2.0。近日,专注于制定开放标准的行业协会Khronos Group 重磅宣布当下所有主流浏览器均已实现了对WebGL 2.0的支持,简单来看,无需使用插件即可在任何兼容 WebGL 的浏览器和图形处理单元上呈现交互式 2D 和 3D 图形。WebGL 2.0 于 2017 年首次发布。相比上一版本,WebGL 2.0在图形功能方面实现了很大提升,带来了OpenGL ES 3.0 功能集,为 WebGL 1.0 图形管.原创 2022-03-10 12:19:55 · 968 阅读 · 1 评论 -
我用js写了一个,除夕烟花秀和春节随机祝福语
项目截图进入后的界面点击按钮点击之后的动画烟花结束后的界面代码实现涉及的技术:HTML5多媒体,CSS定位,动画,js面向对象,Jquery动画、事件首先来看HTML代码<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2022-03-10 10:55:15 · 432 阅读 · 0 评论 -
前端面试篇,应届生面试时被问项目经验不用慌,按这个步骤回答成功率高达95%
金三银四刚过去不久,各家大厂的岗位仍有少量空缺,奈何却招不到合适的人。身边的HR跟我说,最近面试者情况普遍不太理想。一问到项目细节,很多候选人都支支吾吾,答不明白。接下来我作为一个工作了将近 3 年前端er来谈谈一名应届生应该如何去获得满意的 offer。一、说起面试在校招面试时,大家总会感觉心慌慌。可能是不自信,可能是感觉好多没准备好。没关系,既然投递了简历,又通过了筛选,就不要胆怯。首先要知道面试官都是抱着想把你招进来的想法的,只是想多了解你的具体情况。既然面试官愿意花时间和你聊,那么证.原创 2022-03-09 14:36:18 · 1733 阅读 · 42 评论 -
一文掌握 axios 基础
最近在公司实习,又到我技术分享了,看了看大家之前分享的,一时想不到分享啥了,发愁ing…突然想起来最初面实习时,被问过 axios,就来系统的学习一下啦,看有没有什么可以作为分享的,害。一、axios 是什么axios是一个基于promise的HTTP 网络请求库,可以作用于浏览器和 node.js中。它是 isomorphic的,即同一套代码可以运行在浏览器和node.js中。在服务端它使用原生 node.js 的 http模块发送HTTP请求。在客户端 (浏览器端)使用 XMLHttpRequ原创 2022-03-09 13:15:52 · 164 阅读 · 0 评论 -
Web前端作业:Html+JS实现的图片镜像、黑白、红色、绿色、蓝色及还原
基本实现首先我们来到主界面,有一些图片供选择。我们随便挑选一张图片,假如选择甘雨,进入甘雨的二级界面:我们看到有六个按钮,上面五个分别是镜像、黑白、红色、绿色、蓝色,下面最大的是还原。使用镜像:使用蓝色:效果可以叠加。点击还原则还原至原图。实现代码二级页面的html中是如下的代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti原创 2022-03-09 11:55:31 · 1288 阅读 · 0 评论 -
vue3里面app.config.globalProperties的使用
在main.js里面配置configconst app = createApp(App);app.config.globalProperties.$user = {name: ‘梅长苏’,weapons: ‘长剑’,title: ‘刺客’}在template模板中使用姓名:{{$user.name}} 在setup中使用const cns = getCurrentInstance()console.log(cns.appContext.config.globalProper..原创 2022-03-09 10:31:36 · 2466 阅读 · 0 评论 -
vue-cli(vue脚手架)安装 详细教程
vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。一.安装vue-cli1、 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。注意:webpack 4.原创 2022-03-09 08:56:49 · 39000 阅读 · 1 评论 -
Uncaught SyntaxError The requested module ‘node_modules.vitevue.jsv=bd1817bb‘ does not provide
vite 2.7.8 启动后报错暂时不清楚是 2.7.8 的版本问题还是其他问题。将版本降低到 2.6.13 解决原创 2022-03-08 14:16:32 · 871 阅读 · 0 评论 -
nvm安装 node版本报错npm命令不存在
因为项目需要用低版本的node,所以采用了nvm来切换node版本,想装v10.13.0版本的node,但是直接nvm install v10.13.0时,报以下错误(已经没有截图了),如下:Error while creating C:Program Files (x86)vm14.exe - open C:Program Files (x86)vm10.13.0ode64.exe: Access is denied. Could not download node.js v10.13.0 6原创 2022-03-08 12:56:08 · 637 阅读 · 1 评论 -
LambdaQueryWrapper构建查询条件、模糊查询、范围查询、排序
#代码如下public Page<Merchants> shopList(MerchantRequest info) { LambdaQueryWrapper<Merchant> queryWrapper = new LambdaQueryWrapper<>(); // 模糊搜索条件 if (StringUtils.notEmpty(info.getKeyword())) { queryWrappe原创 2022-03-08 11:35:58 · 3765 阅读 · 0 评论 -
html爱心表白代码(最全)
目录写在前面十四个表白效果及使用说明(最后几个是最新的效果)购买本文前12个代码怎么在页面添加文字和背景音乐?如何得到自己喜欢的音乐链接地址?怎么修改背景颜色或字体颜色?其他表白代码跨年表白代码最新表白代码(绝对好看)常见问题说明写在前面个人主页地址(包含一些效果的在线演示):皮小孩的个人主页(8.1更新)需要本文前12个表白代码可以进链接扫码下载—>>>网页爱心表白代码大全扫码支付成功后会得到百度网盘链接和提取码,里面有本文的前12个表白代码,每个代码都有转载 2022-03-08 10:15:34 · 38574 阅读 · 3 评论 -
Echarts Make A Pie即将关闭,这个网站可以代替
Make A Pie 是由社区贡献者维护的用于 Apache ECharts 作品分享的第三方非官方社区。平时做Echarts图表经常需要用到,近期官方提示即将关闭,找到一个可替代的网站,同样可以做代码调试,还能够免费注册分析平台账户,在线做数据分析。种草http://analysis.datains.cn/finance-admin/#/chartLib/all...原创 2022-03-08 08:55:29 · 283 阅读 · 0 评论 -
软件测试须知基于PostMan的接口自动化测试
临近年底,公司任务也不是很多,趁这个机会老大让我研究了一下PostMan的脚本自动化测试。作为一个前端开发,说实话,对于PostMan的操作,仅仅限于新建请求->填写url地址和参数->send发送,然后看看返回值而已。事实上,PostMan的功能还是非常强大的,我也搜了许多资料,整理出一篇比较详细的文档理解pm对象pm对象 - 是PostMan中非常核心的一个对象。包含与正在执行的脚本有关的所有信息,并允许访问正在发送的请求的副本或接收到的响应,还允许获取和设置环境变量和全局变量pm对象原创 2022-03-07 10:21:20 · 185 阅读 · 0 评论 -
爬虫 - 解决 Executable path has been deprecated please pass in a Service object in Selenium Python 问题
目录# 1. 错误描述# 2. 错误原因# 3. 解决方案# 1. 错误描述# 2. 错误原因出现 DeprecationWarning 警告的类型错误:该类型的警告大多属于版本更新时,所使用的方法过时的原因,他在当前版本被重构,还可以传入参数,但是在之后的某个版本会被删除.查询当前版本重构后的函数,是之前的 executable_path 被重构到了 Service 函数里,如图# 3. 解决方案# -*- coding = utf-8 -*-# @Time : 2021/1原创 2022-03-07 08:57:56 · 531 阅读 · 0 评论 -
小程序中VM655 WAService.js2 TypeError Cannot read property ‘forceUpdate‘ of undefined
在微信开发者工具中:在HBuilder中:原创 2022-03-06 05:26:47 · 668 阅读 · 1 评论 -
关于vite build后访问报错:Expected a JavaScript module script but the server responded with a MIME type of “
问题说明最近刚开始用上vite开发项目,结果就遇到了很多坑。其中一个是,vite 项目 执行 “vite build” 并部署上线后,在浏览器中访问就会有以下关于路由的奇怪问题:我们用嵌套路由开发的页面生成的路径,个别菜单在初次加载、或者二次刷新加载时,都会报错如:Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/htm原创 2022-03-06 04:06:00 · 8125 阅读 · 0 评论 -
【JavaWeb】一文Servlet全解:继承关系、生命周期、容器和请求转发与重定向等
文章目录一、Servlet 概述二、Servlet HelloWorld三、Servlet 继承关系四、Servlet 生命周期五、ServletConfig 和 ServletContext六、请求转发与重定向七、获取请求参数一、Servlet 概述1、Servlet名字Servlet = Server + appletServer:服务器applet:小程序Servlet:服务器端的小程序2、Servlet在Web应用中的作用①生活中的例子②对应原创 2022-03-06 02:44:06 · 144 阅读 · 0 评论 -
Vue实战篇一: 使用Vue搭建注册登录界面
系列文章目录Vue基础篇一:编写第一个Vue程序Vue基础篇二:Vue组件的核心概念Vue基础篇三:Vue的计算属性与侦听器Vue基础篇四:Vue的生命周期(秒杀案例实战)Vue基础篇五:Vue的指令Vue基础篇六:Vue使用JSX进行动态渲染Vue提高篇一:使用Vuex进行状态管理Vue提高篇二:使用vue-router实现静态路由Vue提高篇三:使用vue-router实现动态路由Vue提高篇四:使用Element UI组件库Vue提高篇五:使用Jest进行单元测试Vue提高篇六原创 2022-03-06 01:23:18 · 4543 阅读 · 1 评论 -
vue2项目,vuex的安装与配置
一、介绍官方解释:vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的状态,并以相应的规则保证状态以一种可预测的方式发生变化。我的理解:可以理解为是 全局变量安装:npm install vuex --save接着在src下,新建一个store目录,store里再新建index.js和module目录,module目录里再存放你自己定义的模块(不懂没关系,博主下面会有代码让你复制粘贴)我的目录:store/index.js文件:import Vue原创 2022-03-06 00:01:49 · 874 阅读 · 0 评论 -
vue Syntax Error Error PostCSS plugin postcss-pxtorem requires PostCSS 8
vue Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.Migration guide for end-users:关于脚手架生成项目,配置自适应postcss-pxtorem配置报错首先你在.postcssrc.js文件正常配置(详细配置)module.exports = { plugins: { // 兼容浏览器,添加前缀 autoprefixer: { override原创 2022-03-03 23:19:01 · 3371 阅读 · 0 评论 -
Property xxx was accessed during render but is not defined on instance
vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似的警告,虽然不影响js运行,但是对于强迫症玩家难受的不行,下面我们来看一下这个问题是如何产生的,应该怎么解决…vue3.x版本中新增了组合api也就是setup方法,在该方法中我们可以通过ref创建一个具有响应式的基本数据类型的数据,但是呢在我们也可以通过给元素设置ref属性,从而来获取do原创 2022-03-03 16:40:24 · 1792 阅读 · 0 评论 -
mac code 128 npm ERR An unknown git error occurred
mac code 128 npm ERR! An unknown git error occurred过程1、核对ssh密钥2、检查用户名和email3、怀疑git密码不对新报错1:fatal: bad numeric config value ‘“false”‘ for ‘http.sslverify‘: invalid unit新报错2:error: key does not contain a section: –-global新报错3:could not lock confi原创 2022-03-03 15:35:58 · 716 阅读 · 0 评论 -
html,实现心动的表白代码
今天看到多年年前的大佬写的 js表白代码,觉得不错,分析给大家代码在这宫里Love <link type="text/css" rel="stylesheet" href="./Love_files/default.css"> <script type="text/javascript" src="./Love_files/jquery.min.js"></script> <script type="text/javascript" sr原创 2022-03-03 14:31:21 · 395 阅读 · 0 评论 -
DevTools 无法加载源映射:无法加载chrome-extensionncennffkjdiamlpmcbajkmaiiiddgioojsxl-content.js.map 的内容
错误如图:在这里我使用的是edge浏览器,打开扩展选项关闭所有扩展就可以了 。原创 2022-03-03 13:27:03 · 1008 阅读 · 0 评论 -
谷歌浏览器 f12或右键检查 打开很慢
解决办法:英文的UK和US是有区别的,你们可以试试原创 2022-03-02 13:14:06 · 178 阅读 · 0 评论 -
表白代码,HTML
1.在电脑桌面右击鼠标选择新建–文本文档2.并命名为:biaobai.txt3.打开并且把一下代码复制并粘贴到biaobai.txt<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><hea原创 2022-03-02 04:17:33 · 3428 阅读 · 0 评论 -
我优化了进度条,页面性能竟提高了70%
前言大家好,我是零一。最近我准备在组里进行代码串讲,所以我梳理了下项目之前的业务代码。在梳理的过程中,我看到了有个进度条组件写的非常好,这又想起我刚开始学前端时写的进度条的代码,跟这个比起来真的差距太大了(大部分的初学者应该都想不到,而且我第一次家实习公司带我的mentor亦是如此)。因此,我想给大家分享一下这个思路极好的进度条组件,同时它也存在非常严重的性能问题,本文末尾也会讲解一下问题所在以及优化方式进度条的应用场景一般进度条组件都出现在类似抖音播放视频的这样场景中,如图中底部的箭头所示:进原创 2022-03-02 03:13:57 · 111 阅读 · 0 评论 -
【Servlet】HTTP协议
目录?什么是协议?请求的HTTP协议格式GET请求图示:POST请求?常用请求头说明GET和POST请求的有哪些GET请求:POST请求:响应的HTTP协议格式常见的响应吗说明MIME类型说明?HttpServletRequest类HttpServletRequest类的常用方法方法演示:运行之后:Servlet获取web表单中的参数get请求:post请求:什么是协议?协议是指双方,或多方,相互约定好,大家都需要遵守的规则,叫做协议而http协议就是说,客户原创 2022-03-02 01:06:47 · 67 阅读 · 0 评论 -
Vue3.x 报 Uncaught TypeErrorObject(...) is not a function( Vue3对象不是函数解决思路)
今天在vue3的练习时候发现我写的路由总是浏览器报错,仔细校验文档发现并没有错误啊,可总是报Uncaught TypeError:Object(…) is not a function的错误,看下图:网上针对这个错误的解释都是重名啊、大小写错误啥的。很显然对于我这种老鸟(菜鸡)是不可能犯这种错误的。经过一顿折腾竟然是版本问题。。。。。。。。。。。我查看了路由的版本号,3.5.1并不是最新的,理论上讲应该问题不大,但是还是抱着试一试的心态把vue相关的都升级了一遍,再次编译,竟然没有这个问题了。真不知道这原创 2022-03-02 00:03:17 · 2626 阅读 · 0 评论 -
Unexpected reserved word ‘await‘
报错:Unexpected reserved word ‘await’ async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() =>原创 2022-03-01 20:21:22 · 1097 阅读 · 0 评论