前端
关注
分享
扫一扫
文章平均质量分 55
web15185420056
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue.js高效前端开发 【Vue列表渲染】
全部章节 >>>>文章目录一、v-for指令1、v-for指令使用2、实践练习（待更新）二、计算属性1、计算属性创建和使用2、实践练习（待更新）三、侦听属性1、侦听属性创建和使用2、实践练习（待更新）四、综合案例1、商品信息管理2、 实践练习（待更新）总结一、v-for指令1、v-for指令使用v-for指令基于一个数组来重复渲染元素。v-for指令通常用于显示列表和表格数据。v-for指令需要使用“i原创 2022-03-11 20:23:07 · 152 阅读 · 0 评论 -
uniapp uni-popup弹出层组件 弹窗 无法弹出 自定义样式问题
uni-popup弹出层组件之前用到弹出层组件时发现弹出时会有一层灰色的遮罩，后来调试了几次发现是因为没有自定义给弹出层宽高，尝试了几次终于做到自己想要的效果，话不多说，直接附上完整代码：效果图：<template> <view> <view class="sign_text" @tap="toggle('center')"> <text style="line-height: 60px;margin-top: 12px;">点击弹出<原创 2022-03-11 18:59:49 · 2336 阅读 · 0 评论 -
npm install 提示 path xxxnode_modulesnode-sass npm ERR command failed 解决方法
起因前后经历了多次无法进行 npm install，每次安装依赖都出现类似于 path xxx/node_modules/node-sass npm ERR! command failed 的报错。就因为数次遇到这种错，导致对前端的技术栈有点烦躁，虽然如此，但工作需要，还是要耐心去维护。自己解决过程：遇到错误一：[1/2] scripts.install node-sass@^4.5.2 run “node scripts/install.js”, root: “E:\MyHtmlProcess\o原创 2022-03-11 14:59:09 · 955 阅读 · 0 评论 -
JavaScript的table表格的增删改（面向对象）
运行效果HTML部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2022-03-11 13:36:57 · 639 阅读 · 0 评论 -
elementUI里的button使用disabled属性
学习记录：实现在table列表中控制二次点击按钮时对应行的button为不可点击，效果图如下：1.el-table在表格按钮标签中定义disabled属性HTML部分代码：<div id="app"> <el-table :data="showTableData" <el-table-column fixed="right" label="操作"原创 2022-03-11 12:15:15 · 1350 阅读 · 0 评论 -
3D旋转相册代码及详细使用教程
相信很多小伙伴看着短视频里的3D旋转相册很想要吧，下面就让我们来看看它的代码及使用方法！效果展示代码展示1.html 3D立体动态相册原创 2022-03-11 10:53:52 · 1418 阅读 · 2 评论 -
用python画星空源代码
from turtle import * from random import random,randint screen = Screen() width ,height = 800,600 screen.setup(width,height) screen.title("模拟3D星空") screen.bgcolor("black") screen.mode("logo") screen.delay(0)#这里要设为0，否则很卡 t = Turtle(visible原创 2022-03-10 11:50:17 · 8541 阅读 · 2 评论 -
安装指定的vue-router版本
1、打开终端2、运行此命令npm i vue-router@3.2.03、3.2.0就是版本的意思，可以改成自己指定的版本原创 2022-03-10 10:25:55 · 1961 阅读 · 0 评论 -
分享一个开源免费、功能强大的视频播放器库
这是「进击的Coder」的第 571篇技术分享作者：崔庆才最近在开发一个前端项目，用到播放视频的功能，所以就查了下有什么前端的视频播放器库可以使用，今天来分享一下给大家。这个库的名字叫做 Plyr，顾名思义其实就是 Player 的缩写，整体的预览效果如下：官方网站：https://plyr.io/GitHub 地址是：https://github.com/sampotts/plyr看来一圈，发现这个库不仅美观优雅，而且功能十分丰富。下面我们来介绍下它的一些内置功能。总体概览首先我们来看原创 2022-03-09 14:06:58 · 923 阅读 · 0 评论 -
vue3.0中使用ref来调用子组件的方法
前言：vue3.0中ref的使用和vue2.0中的ref相比较也有很大的改变，这里总结下他的具体使用方法。vue2.0父组件：template <Table ref="eleTable" @handle="handleFun"></Table>methods:this.$refs.eleTable.子组件的方法名+()this.$refs.eleTable.子组件的属性名vue3.0父组件：template <Table ref="eleTable原创 2022-03-09 10:02:16 · 1057 阅读 · 0 评论 -
npm error code ERESOLVE问题解决
npm error code ERESOLVE问题解决发现下载npm一直报错，后来发现是npm版本过高，是7的版本，可以将7的版本换成6.解决方案：npx -p npm@6 npm i --legacy-peer-deps原创 2022-03-08 12:26:50 · 236 阅读 · 0 评论 -
Java项目(前端vue后台java微服务)在线考试系统(java+vue+springboot+mysql+maven)
源码获取：博客首页 “资源” 里下载！考试流程：用户前台注册成为学生管理员后台添加老师，系统将该用户角色上升为老师老师登录，添加考试,添加题目，发布考试考生登录前台参加考试，交卷老师后台批改试卷，查看成绩考试查看成绩练习流程：考生登录前台参加练习，练习完自动判分，记录错题考生查看成绩，查看错题角色控制层：/** * 角色控制层 */@RestController@RequestMapping("/v1/authoriti.原创 2022-03-08 11:06:34 · 376 阅读 · 0 评论 -
fatal unable to access ‘httpsgithub.comnhnraphael.git‘ OpenSSL SSL_read Connection was rese
git拉取的vue项目，npm install 报错 ：fatal: unable to access ‘https://github.com/nhn/raphael.git/’: OpenSSL SSL_read: Connection was reset, errno 10054执行：git config --global http.sslVerify false原创 2022-03-08 09:46:15 · 768 阅读 · 0 评论 -
33.form标签中的GET和POST提交方式
form标签中的GET和POST在HTML中,form表单的作用是收集标签中的内容,<form>...</form> 中间可以由访问者添加类似于文本,选择,或者一些控制模块等等.然后这些内容将会被送到服务端。一个表单必须指定两样东西：form的method参数用于设置表单的提交方式,默认使用POST.action用于设置表单的提交url,如果不写或者保持空字符串,那么将使用当前的URL.①form表单使用post方式提交的例子:下面例子实现流程：当我们第一次访问此转载 2022-03-07 21:16:38 · 1202 阅读 · 0 评论 -
解决vscode中LeetCode插件出现加载web视图时出错的问题
本人在安装并设置完vscode中LeetCode插件后点开其中一个题目出现如下错误：解决方法：1.重新启动vscode2.重新下载LeetCode插件，并检查node位置是否出错原创 2022-03-07 09:52:03 · 1635 阅读 · 0 评论 -
接口测试工具postman
相信使用过postman工具的小伙伴，对postman都难免喜爱之情，四个字形容：简单实用大方美观！限于本人能力，本文非教学篇，仅是postman使用过程中，觉得重要的知识点的总结分享。故而下面都是一些分散的知识点罗列。团队协作使用postman进行接口用例编写时，肯定不能脱离团队协作。postman没有使用常规的版本管理工具git/svn进行版本管理，而是通过自己的Workspaces进行管理。1.添加团队成员Home目录下也可以添加team成员的，但无法编辑Role，所以建议从workspac原创 2022-03-07 08:28:47 · 1243 阅读 · 0 评论 -
在Vue3中使用Element Plus时 el-icon无法显示的问题
问题描述按照官方文档安装了icons$ npm install @element-plus/icons然后在页面中使用<template> <!-- <Header /> --> <!-- Icon 图标 --> <el-icon><edit /></el-icon> <el-icon><fold /></el-icon> <el-icon>&原创 2022-03-06 04:57:20 · 836 阅读 · 0 评论 -
亲测解决 ：Navigation cancelled from “xxx“ to “xxx“ with a new navigation
使用vue 3.0 写了一个登入页面，再点击登入的时候，第一次点击会没有反应，F12查看接口都调用了但是没有跳转，控制台打印出错：错误说有异常没有捕获；这个错误是vue -router 内部的错误，没有进行catch处理导致的；再vue-router3.0以上的版本新增功能：push和replace方法会返回一个promise；解决方案：在vue的router的js中添加下面代码const originalPush = VueRouter.prototype.pushconst origin原创 2022-03-06 03:35:22 · 1110 阅读 · 0 评论 -
windows11，打不开IE浏览器，自动跳转到edge浏览器
目前的 暂时解决办法是，1. 打开 Edge浏览器，–设置2. 点击左上角 设置–默认浏览器3. Internet Explorer模式页面–添加 ‘自己需要IE浏览器打开的网址’，然后 就会在 Edge中，再次打开网址尝试；(次模式 会保存30天，30天后需 再次操作）...原创 2022-03-06 02:14:33 · 6952 阅读 · 0 评论 -
VUE3（十六）封装axios
一：axios 基础从浏览器中创建XMLHttpRequest从node.js发出http请求支持Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止CSRF/XSRF二：axios封装关于Axios的封装这部分涉及到与后端的一些约定。什么约定呢？就是在我们请求接口的时候，后端会返回给我们一个code。在我开发的时候，一般约定code：-200为登录失效状态code：-100为接口发生错误状态。（为了避免服务器端接口报错导致前端无法运行原创 2022-03-06 00:53:10 · 1036 阅读 · 0 评论 -
React、Angular、Vue霸榜，薪酬以50-100k为主，JavaScript 2021年度报告正式发布
编译 | 张洁责编 | 屠敏随着技术的快速发展，JavaScript用户规模不断扩大，如今在全球已拥有高达1400万的用户，并且这个数量还在不断增长。2021年的JavaScript现状调查于2021年1月13日至2022年2月2日进行，收集了 16,085份回复。一起来看看JavaScript的2021年的调查报告吧！JavaScript开发者基础画像：80、90后是开发的主力军，薪酬50k-100k占比最高在此次的调查对象中，美国开发者占比最高，达14%，其次是德国（4.8%）、俄罗斯（4.5%原创 2022-03-05 20:40:42 · 422 阅读 · 0 评论 -
vscode设置字体
vscode设置字体查看vscode当前的字体github搜索自己喜欢的字体设置vscode字体配置安装下载完成后总感觉字体不好看，想换别的字体，怎么办，只需要如下几步即可搞定查看vscode当前的字体****如上图，我得vscode字体是已经设置过的，vscode默认字体是Consolas格式的，我个人不太喜欢，所以就从网上下载别的字体。github搜索自己喜欢的字体比如我下载的就是Hack字体，github上直接搜索Hack字体是直接可以下载安装包进行安装的，也原创 2022-03-03 23:07:44 · 17242 阅读 · 0 评论 -
npm错误——npm ERR code ERESOLVE 解决方法
npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: vol.vue3@0.1.0npm ERR! Found: vue@3.2.20npm ERR! node_modules/vuenpm ERR! vue@"^3.0.0" from the root projectnpm ERR!npm ERR! Could not reso原创 2022-03-03 16:29:11 · 2086 阅读 · 1 评论 -
js请求路径控制台报错 Failed to launch ‘xxx‘ because the scheme does not have a registered handler
控制台报错: Failed to launch ‘xxx’ because the scheme does not have a registered handler.这种错误是因为请求没有协议,应该把协议头加上错误的例子 window.location.href="localhost:8080/goShowJSP"正确的例子 window.location.href="http://localhost:8080/goShowJSP"...原创 2022-03-03 15:24:44 · 1471 阅读 · 0 评论 -
Cookie技巧——单点登陆
文章目录本文目标项目准备API模块登陆模块另一个登陆模块测试过程原理本文目标利用Cookie实现不同项目间的单点登陆项目准备Redis存储登陆数据。一个API模块作为公共依赖。两个单独的登陆模块，功能有：登陆登出获取登陆状态跨域处理API模块依赖：JSON，Jedis，日志，Lombok<jacksonV>2.9.0</jacksonV><dependency> <groupId>c转载 2022-03-03 12:28:53 · 638 阅读 · 0 评论 -
海康威视web控件开发+vue结合做网页开发
需求:vue的项目,需要在页面展示出海康的硬盘录像机连接的摄像头的实时监控画面以及回放功能.准备:web开发包(包含插件以及demo,在海康官网即可下载32位64位的都有.那些需要积分下载的博主良心不疼么.)点击这里下载:链接: https://pan.baidu.com/s/12FrbycWyWWyiRJH5Yd1tPA 提取码: gam5开始开发:1.安装demo目录下的WebComponentsKit.exe插件(根据自己的浏览器以及系统选择32位还是64位的插件)2.打开demo.ht原创 2022-03-02 13:02:50 · 1739 阅读 · 0 评论 -
终极解决TS 或者 Vetur 报错，Cannot find module ‘@xxxxx‘，找不到.vue 等编译问题
报错详情：类似于// 编译器报错：Cannot find module '@/xx/xxx' or its corresponding type declarations.Vetur(2307)// 编译器报错：找不到模块“XXX.vue”或其相应的类型声明。ts(2307)// 或者 控制台报错 this.$router 等解决方案配置：// tsconfig.json{ "compilerOptions": { "target": "esnext",原创 2022-03-02 04:06:29 · 4128 阅读 · 3 评论 -
异步使用completablefuture.runasync(() -＞ {})方法调用
问题CompletableFuture.runAsync() 返回CompletableFuture对象，调用CompletableFuture.allOf(f1,f2).join() 是否能够阻塞主线程 public static void main(String[] args) { CompletableFuture<Void> f1 = CompletableFuture.runAsync(() -> { try {原创 2022-03-02 03:02:54 · 4286 阅读 · 0 评论 -
入职外包一个月，我离职了。
前言由于最近面试了几个人，印象最深刻的求职者是world（匿名），一个普普通通在深圳打拼的小年轻。来深圳两年，见过深圳粤海街道凌晨5点的夜晚，经历过公司从裁员到倒闭，为了生活，也去过部分人不想去的公司。关于他的故事，要从我面试他开始。关于面试我是初试的面试官，对他的印象是一个瘦瘦的男孩，手提着一个布袋。我拿着HR给我简历，简历上写着华为技术有限公司，我以为他是一个大佬，但我又是初试，所以有些顾虑，没有以曾是大厂员工的要求来面试他。我：“我们从基础的CSS开始吧！我看你简历写了flex布局，那你说原创 2022-03-02 01:59:18 · 4615 阅读 · 1 评论 -
[已解决]TypeError Can not set property ‘xxx‘ of undefined报错情况分析
之前我写过一篇 [已解决]TypeError: Cannot read property ‘xxx‘ of undefined报错情况分析那篇报错说的是Cannot read ——“不能读取未定义的数据”这个报错是Cannot set ——“不能设置未定义的数据”，也就是说你不能给未定义的数据赋值。可以看到：如果一个变量a没有在data中定义，你这样去给它赋值： this.a = 'hello,world'，是没有问题的。这说明跟 数据在不在data中定义 没啥关系。问题在于this的指向th原创 2022-03-02 00:55:40 · 3049 阅读 · 0 评论 -
vue3 配置路由
使用 vue3 配置路由，步骤如下1、安装路由npm install vue-router@4笔者这里的演示项目名称是vue3-project2、新建页面这里创建 view目录，然后在view目录下创建 A.vue B.vue 两个 vue页面文件A.vue内容<template> <div>A</div></template>B.vue内容<template> <div>B</div&原创 2022-03-01 23:52:16 · 637 阅读 · 0 评论 -
threejs加载模型报错Uncaught (in promise) TypeError Cannot read properties of undefined (reading ‘length‘)
在使用threejs中OBJLoader.js在场景中加载obj模型时报错，Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'length')刚开始以为没有设置模型position属性导致（之前有通过设置position加载出模型），但是之后每次导入模型都会遇到这个问题后尝试更改threejs源文件版本成功解决。最初使用的threejs是通过在官网上复制源码到本地的，建议大家直接在gith原创 2022-03-01 20:09:55 · 2200 阅读 · 0 评论 -
PyWebIo 快速构建web应用
Part1什么是 PyWebIoPyWebIO 提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出，将浏览器变成了一个“富文本终端”，可以用于构建简单的 Web 应用或基于浏览器的 GUI 应用。使用 PyWebIO，开发者能像编写终端脚本一样(基于 input 和 print 进行交互)来编写应用，无需具备 HTML 和 JS 的相关知识；PyWebIO 还可以方便地整合进现有的 Web 服务。非常适合快速构建对 UI 要求不高的应用。Part2PyWebIo 的特点使用同步而不是基原创 2022-02-28 22:45:04 · 673 阅读 · 0 评论 -
node.js详解+案例
系列文章目录提示：node基础, 系统模块,第三方模块，node.js 对数据库的操作（增删改查）.使用node实现对列表简单的增删改查功能，博客项目连接数据库，博客项目前端文章目录系列文章目录前言一.node.js 是什么？二.Node 入门2.1 node 组成2.2 node运行三.系统模块3.1 什么是系统模块3.2 文件操作3.3 写入文件四.第三方模块4.1. 如何获取第三方模块（其他开发者开发的模块叫第三方模块）4.2. 本地安装和全局安原创 2022-02-28 20:32:19 · 338 阅读 · 0 评论 -
jq动态拼接html页面及数据
一、jq动态拼接html页面需求:1.页面内容不是死的2.根据后台数据动态加载页面数据实现:在这之前我们需要了解下apppend()与html()这两个方法的区别:简单来说就是append（）方法是在元素列表添加某个元素，但是html（）是替换元素中的数据。如果需要做换页，导航此类的效果最好使用html（）方法详情可参考:append()与html()区别废话不多说直接上代码:1.首先 在需要动态拼接的地方的父级标签可以加上一个id或者class类名 区别倒是不大 个人都是加classNa原创 2022-02-27 12:34:01 · 483 阅读 · 0 评论 -
DevTools 无法加载源映射： 无法加载httplocalhost8081staticscssbootstrap.min.css.map 的内容HTTP 错误 状态代码 404，
DevTools 无法加载源映射： 无法加载http://localhost:8081/statics/css/bootstrap.min.css.map 的内容:HTTP 错误: 状态代码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE以上报错：解决办法：找到bootstrap.min.css，删除最后一行注释注意：如果是css报错就删除：/*# sourceMappingURL=bootstrap.min.css.map */ 如果是js报错就删除：原创 2022-02-26 20:51:12 · 5771 阅读 · 0 评论 -
Error [vue-router] “path“ is required in a route configuration
vue 项目：Uncaught Error: [vue-router] “path” is required in a route configuration.原本自己的代码，因为在调试的时候看到了一行警告// 警告vue-router.esm.js?8c4f:16 [vue-router] router.addRoutes() is deprecated and has been removed in Vue Router 4. Use router.addRoute() instead.想原创 2022-02-26 13:57:36 · 1508 阅读 · 0 评论 -
Element el-table树形数据 tree-props使用注意事项
el-table树形数据 tree-props使用注意事项项目场景：问题描述：解决方案：写在最后项目场景：项目场景：使用el-table树形数据问题描述：根据element官网提示设置tree-props为{children: 'children',hasChildren: 'hasChildren'}，data数据也设置了children和hasChildren属性，row-key也绑定了数据的唯一值变量id，但是树形结构就是出不来# 原因分析：找了很久的问题原因原创 2022-02-25 07:52:34 · 1256 阅读 · 0 评论 -
用postman和ab工具模拟并发请求
postman模拟并发1、新建一个connections。模拟并发是在收藏夹维度上选择接口进行并发测试的2、在收藏夹下创建待并发测试的接口3、点击收藏夹，选择run。即可配置对应的并发次数和请求间隔4、执行后的结果如下：我们可以通过top实时监控到cpu的占用率在短时间内飙升。可以通过tail -f实时监控nginx访问日志access.log：tail -f coupang_access.log查看今天请求的总数：ab工具模拟并发ab工具的基本参数：-n表示总共.原创 2022-02-23 19:36:42 · 270 阅读 · 0 评论 -
极验第四代滑块验证码破解（四）：请求分析及加密参数破解
极验第四代滑块验证码破解（四）：请求分析及加密参数破解声明一、极验请求分析1. 滑块测试网站入口2. 滑块验证过程抓包3. 请求详解3.1. adaptive-captcha-demo3.2. adaptive-captcha-demo.js3.3. load3.4. verify二、js破解前准备工作1. gcaptcha4.js反混淆2. 找到w参数3. 使用chrome插件reres替换js文件三、load请求中challenge参数破解原创 2022-02-23 09:10:14 · 2468 阅读 · 3 评论