html
关注
分享
扫一扫
文章平均质量分 57
普通网友
这个作者很懒，什么都没留下…
展开
-
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-11 21:06:29 · 1085 阅读 · 0 评论 -
都2022年了，再不学ES6你就out了 —— 一文搞懂ES6
JS干货分享 —— 一文搞懂ES6导语：ES6是什么？用来做什么？1. let 与 const2. 解构赋值3. 模板字符串4. ES6 函数（升级后更爽）5. Class类6. Map()导语：ES6是什么？用来做什么？ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版虽然15年就有正式版本了，但是国内普遍商用是在2018年之后去了，甚至到现在有很多前端仍然搞不懂ES6（都2021年了，兄dei~）原创 2022-03-11 20:56:20 · 485 阅读 · 0 评论 -
vscode好用的插件
1.Chinese (Simplified) Language Pack for Visual Studio Code（汉化vscode 必备）2.Bracket Pair Colorizer（给代码中的括号添加亮色 便于区分 这里截图有报错 是特意便于演示写的多组括号）3.Auto Close Tag （自动补全标签 必备）4.Auto Rename Tag （修改标签名 自动同步修改闭合标签的标签名 必备）5.Class autocomplete for HTML （自动补全class=""原创 2022-03-11 19:42:29 · 491 阅读 · 0 评论 -
react 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘
react-router-dom从V5升级到V6后，有些使用做了一些改变：(1) Switch 重命名为 Routes// v5<Switch> <Route exact path="/"><Home /></Route> <Route path="/profile"><Profile /></Route></Switch>// v6<Routes> <R.原创 2022-03-11 15:42:24 · 380 阅读 · 0 评论 -
layui开发使用文档（镜像网址）
**声明：**本人只提供layui镜像网站的共享，**此资源由本博客收集整理于网络，**本人不对镜像网站的内容负责！！如有侵权，请联系删除处理。一、Layui - 经典开源模块化前端 UI 框架其它镜像https://layui.lubingzy.cn/https://layui.11dz.cn/https://www.layui.site/http://layui.itmtr.cn/http://layui.88662.top/http://layui.uimaker.com/http原创 2022-03-11 14:19:32 · 535 阅读 · 0 评论 -
html左侧导航栏右侧显示内容
效果图代码复制下来直接运行就可以<!doctype html><html lang = "en"> <head> <meta charset = "UTF-8"> <meta name = "viewport" content = "width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.原创 2022-03-11 12:57:27 · 3667 阅读 · 5 评论 -
CSS3新增属性
一、边框属性1. border-color为边框设置多种颜色 .morecolor{ width: 300px; height: 300px; border: 10px solid; border-color: red green; /* 上下 左右 */ /* border-color: red green blue; */ /* 上原创 2022-03-11 11:36:01 · 542 阅读 · 0 评论 -
解决npm install 报错 npm ERR code 128 Permission denied
目录npm install 报错最终方案处理过程初始git配置直接npm install网上方案查看git官网一直从事java开发， 以前都是有专门的前端负责vue。最近前端没到位，外采的项目，自己在阿里云服务器打包，出现 npm install ssh权限报错 浪费了半天时间才解决，记录下共大家参考。对外部公司心里一顿mmpnpm install 报错错误如下npm ERR! code 128npm ERR! An unknown git error occu原创 2022-03-10 12:32:16 · 1042 阅读 · 0 评论 -
报错Can‘t import the named export ‘xxx‘ from non EcmaScript module (only default export is available)
报错：Can’t import the named export ‘xxx’ from non EcmaScript module (onlydefault export is available)按照Element官网的文档引入element-plus组件后项目跑不起来了！如图：解决方法：只需要在 vue.config.js 中加入规则配置再重新npm run srve即可configureWebpack:{ module: { rules:原创 2022-03-10 11:11:20 · 5029 阅读 · 1 评论 -
【Web 三件套】个人简单博客系统页面搭建（附源码）
文章目录1. 成品展示2. 知识准备3. 博客系统页面搭建3.1 基本介绍3.2 博客列表页3.3 博客详情页3.4 博客登录页3.5 博客编辑页3.6 公共页面样式3.7 markdown 编辑器引入4. 总结1. 成品展示以下为个人搭建的一个简单博客系统页面，以后会不断改进，并且与后端结合，形成一个完整的博客系统2. 知识准备该博客系统页面是由 HTML + CSS + JavaScript 搭建的，如果没有了解过这些知识的友友，可以通过本人之前写好的几篇相关原创 2022-03-10 00:06:47 · 4339 阅读 · 1 评论 -
同事都说我卷，趁着午休我 —— 彻底熟练使用《Vue3的选项APi》
目录mixin—局部如果组件与mixin冲突怎么办？总结：mixin造成的问题：?mixin—全局Vue2与Vue3的区别 Options API的弊端setup函数有哪些参数??setup函数的返回值setup不可以使用thisVue3中 reactive 和 ref 和 toRefs?和 toRefreadonly只读属性????toRefcomputed?Wacth监听Vue2 watch监听?vue3 watch的使用?Vue3 watchEffect?watch.原创 2022-03-09 14:48:36 · 141 阅读 · 0 评论 -
为了懒，我痛心学习Ajax
?? 小 木 又 来 了 ， 没 错 就 是 我 extcolor{Orange}{小木又来了，没错就是我} 小木又来了，没错就是我?? A j a x 主 要 是 实 现 页 面 和 w e b 服 务 器 之 间 数 据 的 异 步 传 输 extcolor{green}{Ajax主要是实现页面和 web 服务器之间数据的异步传输} Ajax主要是实现页面和web服务器之间数据的异步传输???? 它 无 需 重 新 加 载 整 个 网 页 的 情 况 下 , 能 够 更 新 部 分 网 页 的 技.原创 2022-03-09 13:28:11 · 100 阅读 · 0 评论 -
xpath元素定位常用的5种方法（相对路径）
一、xpath定位定位说明//ul/*ul的所有子元素//input[2]第2个input元素//input[last()最后一个input元素input[position()< 3]前2个input元素//input[@value]有value属性的input元素//input[@name=‘password’ and @pwd=‘123456’]属性name的值等于password并且属性pwd的值等于123456的input元素//ul/*[5]ul的第五个子元素原创 2022-03-09 12:07:49 · 3504 阅读 · 0 评论 -
vue中install方法
vue提供install可供我们开发新的插件及全局注册组件等install方法第一个参数是vue的构造器，第二个参数是可选的选项对象export default { install(Vue,option){ 组件 指令 混入 挂载vue原型 }}全局注册组件import PageTools from '@/components/PageTools/pageTools.vue'import update from './update/index.vue'import Ima原创 2022-03-09 10:43:54 · 446 阅读 · 0 评论 -
Vue.js高效前端开发 【初识Vue.js】
全部章节 >>>>文章目录一、Vue概述1、Web前端框架介绍2、MVC和MVVM3、Vue介绍4、安装Vue二、Vue使用1、第一个Vue应用2、Vue的双向绑定3、实践练习三、Vue生命周期1、Vue的实例和数据2、Vue生命周期钩子函数3、实践练习四、过滤器1、过滤器使用2、实践练习总结：一、Vue概述1、Web前端框架介绍近几年，互联网前端行业发展得依旧迅猛，涌现出了很多优秀的JavaScrip原创 2022-03-09 09:10:38 · 85 阅读 · 0 评论 -
uniapp 使用 addInterceptor 实现登录拦截
什么是uni.addInterceptoruni.addInterceptor 是用于拦截 uni 的api的方法，一般用于给api添加全局的属性，或者全局处理事件登录拦截使用 uni.interceptor ，实现当需要登录，并且没有token的时候跳转到登录页，否则正常跳转import store from "../store";const whiteList = [ // "/pages/myInfo/myInfo"];//白名单 不需要登录的页面路径组成的数组funct原创 2022-03-08 14:28:46 · 2498 阅读 · 2 评论 -
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-08 13:08:24 · 4144 阅读 · 1 评论 -
elasticsearch7.x安装异常 ERROR [2] bootstrap checks failed. You must address the points described in th
ERROR:[2]bootstrapchecksfailed.Youmustaddressthepointsdescribedinthefollowing[2]linesbeforestartingElasticsearch.bootstrapcheckfailure[1]of[2]:maxfiledescriptors[4096]forelasticsearchprocessistoolow,increasetoatleast[65535]bootstrapcheckfailure[2]of[2]:m原创 2022-03-08 09:07:39 · 641 阅读 · 0 评论 -
除夕最炫烟花代码----跨年必备合集
导语：除夕除夕，就是除去烦脑，迎接新的希望！在这里小编先祝大家除夕快乐，岁岁常欢笑，事事皆如意！正文：创建画布setup和draw是p5.js的两个主函数，里头的createCanvas用于创建画布的大小，background来设置画布的背景颜色function setup() { createCanvas(1303 / 2, 734 / 2)}function draw() { background(50);}画烟花粒子考虑到会有很多，通过一个函数Particle原创 2022-03-07 10:33:38 · 5876 阅读 · 2 评论 -
码这么多字只为搞懂如何在Python和Java中使用JSON
目录1 JSON是什么？1.1 JSON是众多编程语言共同的“简谱”1.2?JSON是一种高度结构化的文本2 如何在Python中使用JSON2.1 内置库json的编码与解码2.1.1 编码1：将字典编码为JSON字符串2.1.2 编码2：将自定义类的对象编码为JSON字符串2.1.3?解码1：将JSON字符串解码为字典2.1.4 解码2：将JSON字符串解码为自定义类的对象2.2 requests库处理json的方法2.3 提取json中数据信息的方法3 如何在Java中使用JS原创 2022-03-07 09:10:08 · 714 阅读 · 0 评论 -
微信小程序 + 腾讯位置服务获取全国城市列表
本文已获得【腾讯位置服务开发应用征文大赛】最具影响力奖，感谢CSDN及各位小伙伴一直以来的支持与厚爱！本文目录本文已获得【腾讯位置服务开发应用征文大赛】最具影响力奖，感谢CSDN及各位小伙伴一直以来的支持与厚爱！一、探新境、知未解、创未来二、创建 Key（申请开发者密钥）（一）【控制台】-【key管理】-【创建新密钥】，按提示申请开发者密钥。（二）完成后要开通开通 webserviceAPI 服务。三、下载微信小程序 JavaScriptSDK四、配置微信小程.原创 2022-03-06 05:39:06 · 908 阅读 · 0 评论 -
【vue】计算属性
vue官网对于计算属性的描述：模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。当你想要在模板中的多处包含此翻转字符串时，就会更加难以处理。所以，对于任何复杂逻辑，你都应当使用计算属性。计算属性的使用当我们有一个数组对象，想要在页面中直接展示数组对象某一个值的总和时，我们可以使用method或者使用计算属性。后续为什么使用计算属性，而不用method后文会提及到的。页面展示书的总价这里就使用了计算属性，在计算属性中定义一个值，可以在页面原创 2022-03-06 02:56:22 · 388 阅读 · 0 评论 -
vue添加组件报错 Cannot read properties of undefined (reading ‘toLowerCase‘)
解决方法： 组件name属性没有写！！！原创 2022-03-06 01:35:36 · 2628 阅读 · 0 评论 -
vue3 如何定义全局变量
在vue2中，我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量，然后通过this.$xxx来获取全局变量。但是在vue3中，这种方法显然不行了。因为vue3中在setup里面我们是无法获取到this的，因此按照官方文档我们使用下面方法来定义全局变量：首先在main.js里写一个我们要定义的全局变量，比如一个系统id吧app.config.globalProperties.$systemId = "10"现在在页面里需要使用这个变量，只需要从vue中引入g原创 2022-03-06 00:14:09 · 3229 阅读 · 1 评论 -
Vue 项目运行完成后自动打开浏览器【多种方法】
方法一：package.json（适用于vue3）在文件中找到scripts–serve，在后面添加--open方法二：vue.config.js该方法适用于 有vue.config.js的项目找到vue.config.js文件，找到devServer，添加下面代码open : true方法三：插件+webpack该方法存在局限性，仅适用于当前只运行一个项目因为会默认打开8080端口的项目（其实按道理来说是可以做到动态的，因为vue在检测到8080端口被占用后会自增一）转载 2022-03-03 23:31:31 · 1446 阅读 · 0 评论 -
React Router V6变化
官网：React Router在进行项目时，遇到了React Router升级导致的问题，故特地找来官方API研究，但官方文档还未翻译，借助对V5的理解与翻译软件的帮助对官网的《Upgrading from v5》进行翻译记录。这一篇主要是记录React Router 版本变化，但由于个人开发经验所限，在记录的过程中省去了不熟悉的内容，详细的还是得参考官网。由于基本是把官网粗略的“翻译”了一下，故篇幅较多，而且问题不少，望指出我的不足之处。其中也有还没有实践过的内容。总的来说，我能感知和理解的v6具体变原创 2022-03-03 16:52:43 · 478 阅读 · 0 评论 -
mybatis-plus复合主键的使用
1.mybatis-plus 版本<dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.3.2</version></dependency>2.实体类@TableName("etl_job")public class J原创 2022-03-03 15:48:13 · 466 阅读 · 0 评论 -
IDEA+Java+Servlet+JSP+Bootstrap+Mysql实现Web学生成绩管理系统
目录?一、系统介绍1.开发环境2.技术选型3.系统功能4.数据库5.工程截图二、系统展示1.注册页面2.登录页面3.学生-主页面4.学生-个人信息-查询登录密码5.学生-个人信息-查看个人信息6.学生-个人信息-修改个人信息7.学生-成绩管理-成绩信息查看8.教师-主页面9.教师-个人信息-查询登录密码10.教师-个人信息-查看个人信息11.教师-个人信息-修改个人信息12.教师-课程管理-课程信息查看13.教师-课程管理-添加课程信息14.教师-成绩管理-成绩信原创 2022-03-03 14:43:38 · 846 阅读 · 0 评论 -
Echarts社区地址
echarts社区地址社区地址： https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=al原创 2022-03-03 13:39:15 · 521 阅读 · 1 评论 -
这也敢爬，你离牢饭不远了，爬虫逆向实战案例
重要的事情放在最前面，请您一定看仔细：本文以学习和交流爬虫技术，尤其是JS逆向技术为目的。大家重点学习其中的思路和过程，请不要模仿爬取文中举例的网站，如果要爬取，请爬取不要超过3页，否则后果自负。Crawl It!爬虫技术万年第一步——分析网页结构和数据加载方式：结果一打开网页是这样的，看来网站维护人员也过节去了。那就假期回来再继续写吧。。本文暂停于 2021.2.11 上午 10:25春节假期一眨眼就过完了，我又回来“搞事情”了！打开url，显示数据页面。通过Chrome原创 2022-03-02 13:26:27 · 4922 阅读 · 0 评论 -
解决vscode 获取扩展失败，XHR failed
今天用Vscode下东西的时候发现不能报这个错误，发现Vscode也不能检查更新了vscode 获取扩展失败，XHR failed查了查原因是计算机使用了代理服务器的缘故，要想解决这个问题我们可以直接关掉代理服务器即可。位置在设置->网络和internet->代理...原创 2022-03-02 04:29:36 · 3699 阅读 · 0 评论 -
提示错误Cannot read properties of null (reading ‘value‘)
出现这个错误，是因为把id获取错误，改过来便可。<input type="text" id="txt">var txt = document.getElementById("text");// txt写成text<body> <p> <input type="text" id="txt"> <button id="btnAdd">添加</button> </p>原创 2022-03-02 03:26:03 · 6275 阅读 · 0 评论 -
前端电脑需要安装哪些工具？
一. 确定自己的电脑是什么版本桌面–我的电脑–右键 --属性—系统类型tip：安装node.js、Git、编辑器都需要知道电脑是什么版本二. 安装node.js及cli脚手架打开node下载页面下载地址[这里是图片001]https://nodejs.org/zh-cn/download/选择window安装包—64bit（根据电脑的版本）然后像普通软件一样 一直下一步就OK了（校验node是否完成安装, 通过 win + R 输入 cmd 按回车打开命令行, 看到版本号表示安装成功 ）np原创 2022-03-02 02:22:30 · 196 阅读 · 0 评论 -
【基于webstorm检查ESlint8版本报错】TypeError this.cliEngineCtor is not a constructor
基于webstorm的ESlint检查错误：TypeError: this.cliEngineCtor is not a constructor网上有很多解决办法都是【过时的】基于ESlint在不断升级,请降级ESlint版本即可【此版本ESlint6.7.2不会报错】选择ESlint版本最好的方式就是使用Vue-cli脚手架创建一个Vue3的项目,内部提供的基本的编译环境,则没问题！{ "name": "vue3_01", "version": "0.1.0", "private": tr原创 2022-03-02 01:18:51 · 1164 阅读 · 0 评论 -
vue3＜script setup＞语法糖中父组件调用子组件方法
// 父组件<template> <child ref="childRef"></child></template><script setup>import { ref } from "vue";// 引入子组件import child from "./child.vue";// 获取子组件const childRef = ref(null);const fun = () => { childRef.value.chil原创 2022-03-02 00:15:20 · 669 阅读 · 0 评论 -
Vetur：Root file specified for compilation
Vetur：Root file specified for compilation今天在App.vue组件中导入defineComponent定义的HelloWorld组件时出现了错误。提示：Root file specified for compilation原因：文件名发生过更改。解决：重启vscode遇到过很多次关于路径的问题了，大概总结下。注意文件路径导入是否正确，项目根路径是否对，文件名近期是否更改。...原创 2022-03-01 21:25:28 · 686 阅读 · 0 评论