html
文章平均质量分 59
本本的香菜
这个作者很懒,什么都没留下…
展开
-
vue3 onMounted的坑
onMounted的坑当放在return后面只显示onmounted里面的函数<template> <h1>我是Vue3</h1> <h2>name:{{name}}</h2> <h2>age:{{age}}</h2> <h2>{{position.age}}</h2> <h2 v-show="position.p">{{position.p}}</h2&g原创 2022-03-11 20:33:05 · 1023 阅读 · 1 评论 -
uniapp全局弹窗自定义uni.showModal思路总结
整体来说推荐第四种nvue实现;1.(适用于web,app不行)↓↓// import PublicPopup from "@/pages/popup/PublicPopup.vue"// import gloPopup from "@/utils/gloPopup.js"Vue.use(uView); Vue.use(gloPopup)Vue.config.productionTip = false let componetsBox= Vue.component('public-pop原创 2022-03-11 19:09:36 · 2366 阅读 · 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-11 15:09:05 · 450 阅读 · 0 评论 -
Java学习之JavaWeb篇
图床路径Kuang/JavaWebJava Web1、基本概念web开发web,网页的意思,www.baidu.com静态webhtml,css提供给所有人看的数据,始终不会变化!动态web淘宝,几乎是所有的网站;(千人千面)提供给所有人看的数据,始终会变化,每个人在不同的时间,地点看到的信息各不相同。技术栈:ServLet/JSP,ASP,PHP在 Java 中,动态 web 资源开发的技术统称为 JavaWeb1.2、Web 应用程序什么是程序Web 应原创 2022-03-11 13:46:49 · 2018 阅读 · 0 评论 -
ES删除索引中的所有数据(不删除索引结构)含curl删除方式
场景:想只删除索引下的数据,不删除索引结构,(windows环境)服务器中没有postman工具第一种:只删除索引中的所有数据,不删除索引结构POST 192.168.100.88:9200/my_index/_delete_by_query请求体:{ "query": { "match_all": {} }}注释:其中 my_index是索引名称第二种:删除索引中的指定的数据,不删除索引结构请求头DELETE 192.168.100.88:9200/log_i原创 2022-03-11 12:25:00 · 22448 阅读 · 0 评论 -
ant design pro v5 自定义侧边栏收缩按钮位置
ant design pro v5 自定义侧边栏收缩按钮位置图:1.升级ant design pro v5以后layout隐藏,相关配置放到了app.tsxlayout 的配置代码如下:export const layout: RunTimeLayoutConfig = ({ initialState }) => { return { rightContentRender: () => <RightContent />, disableContentMa原创 2022-03-11 11:03:38 · 2223 阅读 · 2 评论 -
除夕用不同的语言编写绚丽的烟花
不同语言编写的绚丽烟花一: 简单Html先来一个简单的形象实现烟花(绝对绚丽)二:HTML+Canvas(内含js)三:js烟花效果四:用python实现的烟花(可以选择背景)一: 简单Html先来一个简单的形象实现烟花(绝对绚丽)先看效果源码<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible原创 2022-03-10 13:20:50 · 1441 阅读 · 0 评论 -
精讲前端实战项目之移动端网易云首页(附源码)
本篇文章分享给学习前端的朋友,可能你们长时间的学习了理论知识,对html,css,JavaScript等基础知识已经是相当熟悉了。但是没有一个自己的作品,那是因为缺乏练习一些实战项目。今天这个就是一个很好的实战例子——移动端网易云首页,刚开始就做一些简单的静态网页。本人会用到很多标签,如果忘记了可以查看下面两篇博文。标签详解第一篇标签详解第二篇一、效果展示二、技术要求因为我们做的是一个静态页面,所以没有用到JavaScript部分的内容,用html编写整体框架,用css做修饰就好了。其中ima原创 2022-03-10 11:59:58 · 1577 阅读 · 0 评论 -
带你熟练掌握 css 基础
Css 基础文章目录Css 基础一、Css是什么二、基本语法规则2.1 css的注释2.2 格式规范三、选择器的种类四、基础选择器4.1 标签选择器4.2类选择器 (常用选择器)4.3 id 选择器4.4 通配符选择器五、复合选择器5.1 后代选择器5.2 子选择器5.3 并集选择器5.4 伪类选择器六、字体属性七、文本属性八、背景属性九、圆角矩形十、元素的显示模式十一、盒模型十二、弹性布局一、Css是什么层叠样式表:同原创 2022-03-10 10:35:29 · 273 阅读 · 0 评论 -
前端人生的最大危机不是 35 岁,是你工作3年的那道坎儿
前言李笑来常说:“7 年就是一辈子。”寓意人自身的“操作系统”可用 7 年时间完成一次“升级”,形成翻天覆地般的变化。但对于前端程序员来说,7 年太长,往往 3 年就是一个坎儿。打开 BOSS 直聘、猎聘等众多求职软件,你会发现 1-3 年经验的程序员是一个特殊的群体。乍一看,他们起薪尚可,能力要求也以基础为主,挑战并不严峻,甚至有点悠闲。但进入 3-5 年、5-10 年经验程序员的招聘帖子,压力会骤然增大:与岗位职责相关的动词由“参与”变作“承载”,由“提升”变成“保证”;在能力要求上,“熟练掌原创 2022-03-09 14:16:35 · 209 阅读 · 0 评论 -
【总结】:大厂面试常考手撕代码 —— JavaScript排序算法(冒泡排序、选择排序、插入排序、快速排序)
文章目录1. 冒泡排序2. 选择排序3. 插入排序4. 快速排序1. 冒泡排序 //冒泡排序 let arr = [2, 4, 1, 6, 3] function bubbled(arr) { for (let i = 0; i < arr.length - 1; i++) { //【!!注意】这里不是j=i,因为回回都必须重头遍历,才能不漏一个嘛~ for (let j = 0; j < arr原创 2022-03-09 12:56:07 · 106 阅读 · 0 评论 -
Vue3中element-plus全局使用Icon图标
Vue项目中使用Element-plus的Icon图标,包括按钮和动态菜单1、安装图标库npm install @element-plus/icons2、注册main.ts文件中引入并注册import { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'element-plus'import * as ElIcons from '@element-plus/icons'const app原创 2022-03-09 10:11:52 · 2733 阅读 · 0 评论 -
tedu斌-Web笔记2112-3
居中相关text-align:center; 让元素的文本内容居中, 让元素里面的行内元素自身和行内块元素自身居中margin:0 auto; 让块级元素自身居中元素定位静态定位相对定位绝对定位固定定位浮动定位静态定位默认的定位方式, 也称为文档流定位格式: position:static特点: 元素以左上为基准,块级元素从上往下依次排列, 行内元素从左向右依次排列 ,无法实现层叠效果如何控制元素的位置 通过外边距相对定位格式: position:relative原创 2022-03-08 13:56:51 · 214 阅读 · 1 评论 -
jq动态拼接html页面及数据
一、jq动态拼接html页面需求:1.页面内容不是死的2.根据后台数据动态加载页面数据实现:在这之前我们需要了解下apppend()与html()这两个方法的区别:简单来说就是append()方法是在元素列表添加某个元素,但是html()是替换元素中的数据。如果需要做换页,导航此类的效果最好使用html()方法详情可参考:append()与html()区别废话不多说直接上代码:1.首先 在需要动态拼接的地方的父级标签可以加上一个id或者class类名 区别倒是不大 个人都是加classNa原创 2022-03-08 11:16:14 · 976 阅读 · 0 评论 -
gyp info it worked if it ends with ok npm ERR 解决办法
今天换电脑启动老项目,发现一直启动不了。报如下的错误,其实很简单,问题出在了NodeJs上。我安装的Node版本是最新的,也就是v16.xxx,这就是问题所在。只要把Node版本换成低版本的就行了。我自己换的是V14.16.0。1. 先卸载自己电脑上的Node自行百度怎么卸载。2. 挑选适合自己的Node版本。我是Node历史版本地址链接3. 下载安装文件64位下载箭头指的.msi文件就好了。4. 安装安装就直接点下一步就好了。附上报错信息> node-sass@3.13.1.原创 2022-03-08 09:55:49 · 4135 阅读 · 1 评论 -
Codemirror在Vue里面使用
codemirror1.首先先安装好依赖包npm install codemirroryarn add codemirror2.引入性对应的依赖包import 'codemirror/theme/ambiance.css';import 'codemirror/lib/codemirror.css';import 'codemirror/addon/hint/show-hint.css';const CodeMirror = require('codemirror');require(原创 2022-03-08 08:35:47 · 11088 阅读 · 3 评论 -
解决:Adobe Flash Player已不再受支持
问题:以下是一个需要用到Adobe Flash Player插件来播放视频的网页:http://stat.tjufe.edu.cn/info/1120/1351.htm可是!大部分人打开网页之后见到的画面可能是这样子滴(Chrome浏览器):或者是这样子滴(IE浏览器):也许有些浏览器是支持Flash的,但如果你用自己的浏览器打开也遇到“Adobe Flash Player已不再受支持”或者”不支持此插件“这种情况,可以继续往下看!解决:到Flash Player的官网https://www.fl原创 2022-03-07 10:01:38 · 9540 阅读 · 0 评论 -
曲鸟全栈UI自动化教学(一):基于页面元素定位自动化的不足和图像识别匹配自动化的优势分析
文章目录一、基于元素定位自动化的不足分析二、解决方案1. 讲解与演示2. 实践教学三、依然存在的问题一、基于元素定位自动化的不足分析常用的Web自动化测试方法往往都是基于元素定位的方式来进行的,比如热门的selenium、appium都是基于这种方式的。但随着react、vue的普及,以及element、antd等组件库的出现,通过元素定位的方式就出现了一些不足了。为什么这样说呢?我们举一个简单的例子来说明:下面是通过antd组件库来实现的一个小Demo,页面有两个按钮:【添转载 2022-03-07 08:38:18 · 298 阅读 · 0 评论 -
基于uni-app手机端后台管理系统uni-uadmin
Uni-Uadmin 一款uniapp+uviewUI开发的中后台管理系统模板实例。全新毛玻璃UI视觉uniapp后台管理系统。使用了uni-app+uView-ui+uni-ui等技术开发架构,内置了表格/表单/图表/列表及富文本编辑器,支持动态路由权限控制,错误页处理。功能特性动态毛玻璃底部Dock菜单支持动态权限管理、错误页处理内置多图表组件、表格、表单、瀑布流列表及富文本编辑器支持编译h5+APP+小程序端技术架构编码器:HbuilderX3.3.5框架技术:vue.js原创 2022-03-06 05:07:01 · 3399 阅读 · 5 评论 -
使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)
直接跳到末尾 获取完整源码今天我将带着大家使用 HTML、CSS 和 JS创建 音乐播放器,没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块,也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。是的,您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。使用 HTML、CSS 和 JS 创建在线音乐播放器?? 在线演示地址?? 完整代码结构?? home-section 首页部分?? pla.原创 2022-03-06 03:46:11 · 2163 阅读 · 0 评论 -
[Vue warn] Extraneous non-emits event listeners (createSuccess) were passed to component but could
vue3子组件向父组件传递方法时报错:解决办法:引入Options,然后再 emits中定义传出的方法即可原创 2022-03-06 02:24:10 · 1076 阅读 · 0 评论 -
Vue中如何使用高德地图
效果图:这是高德地图API文档地址:地图的创建-生命周期-示例中心-JS API 示例 | 高德地图API1.安装vue-amap安装1npm i --save vue-amap@0.5.102.main.js中的配置key申请地址教程:准备-入门-教程-地图 JS API | 高德地图API// 高德离线地图import VueAMap from 'vue-amap';Vue.use(VueAMap); VueAMap.initAMapApiLoader({ // 高德key原创 2022-03-06 01:02:49 · 1298 阅读 · 0 评论 -
TypeError Cannot set properties of undefined (setting ‘innerHTML‘)
Vue调用本地组件定义的变量,报错TypeError: Cannot set properties of undefined (setting ‘innerHTML‘),可能是回调函数内无法直接访问本地组件变量的原因。以下图片显示的代码,在vue的data -> return中定义了contentList这个变量,但是在回调函数中,console.log(this.contentList),浏览器端报错TypeError: Cannot set properties of undefined (se原创 2022-03-05 23:41:52 · 3774 阅读 · 0 评论