html
文章平均质量分 57
Forpear
这个作者很懒,什么都没留下…
展开
-
JavaScript基础-函数
JavaScript基础-函数1、为什么使用函数2、函数使用2.1、声明语法2.2、命名规范2.3、调用语法3、函数传参3.1、为什么要有有参数函数3.2、有参数的函数声明和调用3.3、形参和实参4、函数返回值4.1、为什么要让函数有返回值4.2、用return返回数据5、作用域5.1、作用域概述5.2、变量的作用域5.3、变量访问原则-作用域链6、匿名函数7、资料来源:黑马程序员1、为什么使用函数2、函数使用2.1、声明语法原创 2022-03-12 13:03:00 · 64 阅读 · 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-11 21:35:34 · 1292 阅读 · 0 评论 -
Vue 学习总结笔记 (五)
文章目录1. Vue 组件化编程1.1 模块 与 组件1.2 传统的编写方式 vs 组件化编写方式2. 非单文件组件 和 单文件组件3. 组件的使用4. 组件的注意事项5. 组件的嵌套6. VueComponent构造函数7. VueComponent和Vue实例对象有一个重要的内置关系!8. 单文件组件8.1 单文件组件的样式8.2 单文件组件的命名8.3 单文件组件 和 非单文件组件的对比8.4 export 暴露8.5 Vue组件的简化8.6 App.vu原创 2022-03-11 19:57:18 · 255 阅读 · 0 评论 -
Three.js杂记(十二)—— VR全景效果制作·中
文章目录序正文开始引入threeJs材料收集实现原理实现步骤基础的全景完成完整Vue代码总结序在web的前端发展过程中,对于视觉化的要求已经越来越高有关于VR全景的效果也同样可以在网页中实现了,不用戴上VR设备,你也可以在网页上体会一把“身临其境”的感觉全景视觉之前的我ThreeJS系列博客中也曾经写过一篇关于如何制作全景效果的文章,不过只有上半部分的素材采集**(虽然这很重要)**这是我ThreeJs系列地址,如果对页面3D感兴趣的同学可以过去学习:https:原创 2022-03-11 18:34:18 · 1101 阅读 · 0 评论 -
re模块的玩法都在这里~~~
文章目录一、正则函数re.match函数re.search函数re.sub函数re.subn函数re.compile函数re.findall函数re.finditer函数re.split函数小结二、compile函数1. match函数2. search函数3. findall函数4. finditer函数5. split函数6. sub函数7. subn函数小结三、元字符和通用字符四、贪婪与非贪婪匹配五、分组六、正则表达式修饰符七、原创 2022-03-11 15:57:23 · 789 阅读 · 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-11 14:33:46 · 920 阅读 · 0 评论 -
Intellij IDEA2021.1创建Java web项目(超详细)
Intellij IDEA2021.1点击next填写项目的名称以及位置,finish右键项目,选择add framework support完成之后,项目结构变成了这样接下来,我们在WEB-INF下创建classes,lib文件夹编辑项目结构将output path的路径改成classes文件夹的路径接下来点击dependencies,选择加号,选择jars or directories点击后,他会弹出一个文件选择框,这里选择lib文件所在位置,之后按照下面这张图原创 2022-03-11 13:11:39 · 264 阅读 · 0 评论 -
echarts_series总结
echarts_series总结echarts官网实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts</title> <script src="./static/echarts.min.js"></script></head><body> &l原创 2022-03-11 11:50:13 · 927 阅读 · 0 评论 -
200行JS代码为你的网页挂上红灯笼
目录一、前言二、效果展示局部效果全局效果三、代码讲解1.确定位置2.绘制灯笼3.动态效果四、添加脚本到网页1.下载万能的油猴2.安装使用3.附录一、前言除夕夜,在门前挂上灯笼有鸿(红)运当头的吉祥寓意,逢年过节挂的灯笼上,基本都是吉祥的图案和祝福的吉祥话。而灯笼的正红色是朱砂的颜色,而朱砂是风水上讲去邪挡煞效力极强的宝物,所以自古逢年过节,就有在大门上挂红色灯笼的传统。二、效果展示局部效果全局效果三、代码讲解1.确定位置我们平常挂灯笼一般是挂在..原创 2022-03-11 10:28:36 · 99 阅读 · 0 评论 -
解决: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-10 12:46:19 · 4395 阅读 · 0 评论 -
在这个云时代,如何选择性价比更高的云服务器
目录前言1. 解决方法2. 为什么不继续局域网3. 云服务器部署的优点4. 如何选择云服务器5. 京东云售后服务6. 产品云链接7. 如何购买结语前言上学期呢,我室友眼看着我天天学习Python,自己也坐不住了,然后也就跟着我学Python,学着学着发现前端更有意思就跑去学前端了,现在学到了vue,做的项目想放到公网上,想让更多人看到(之前教了他局域网)就问我有没有什么办法1. 解决方法我就跟他说让他搞个服务器就行了,但是他不会啊,他也不懂。然后刚好就碰到京东云搞活动,我就去让原创 2022-03-10 10:01:03 · 98 阅读 · 0 评论 -
使用React时,Ts 抱怨类型‘JSX.IntrinsicElements‘上不存在属性?
参考 :https://cloud.tencent.com/developer/ask/sof/243783import { history, connect } from 'umi';import styles from './index.less';import Footer from '@/components/Footer';const Leftsss =()=>{ // 内部组件不能用小写 命名,开头必须是大写!!!!! return( <>原创 2022-03-09 13:42:13 · 2188 阅读 · 0 评论 -
[vue3.x]实战问题--Extraneous non-props attributes
Vue3.x 开发问题开发环境问题描述问题解析开发环境 "vue-i18n": "^9.1.6", "vue-router": "^4.0.0-0", "vuex": "^4.0.0-0"问题描述Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment原创 2022-03-09 12:21:46 · 1824 阅读 · 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-09 10:57:53 · 1472 阅读 · 0 评论 -
vue3 ts setup父子组件传值
问题描述:使用<script lang="ts" setup>标签 获取ref总是找不到,起初我以为是传染子组件先后顺序问题 增加一个setTimeout 和nexttick,但是还是找不到ref。查看资料看到这种写法增加了三个语法糖(父子组件通信)使用defineEmit,defineProps,defineExpose这里我主要是想父组件 调用子组件的方法,所以使用defineEmit还有获取ref所以使用defineExpose父组件<template> <原创 2022-03-09 09:37:04 · 375 阅读 · 0 评论 -
uniapp(Android端)引入百度地图
效果图1.在util下建一个map.jsexport function mymap(ak) { return new Promise(function(resolve, reject) { window.init = function() { resolve(mymap) } var script = document.createElement('script') script.type = 'text/javascript' scri原创 2022-03-09 08:02:52 · 2332 阅读 · 4 评论 -
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-08 13:22:25 · 471 阅读 · 0 评论 -
Naive Ui Admin 发布后台管理系统 高颜值Admin骨架 看看是不是你想要的
简介Naive Ui Admin 是一个免费开源的中后台模版,使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。特性最新技术栈:使用 Vue3/vite2 等前端前沿技术开发TypeScript: 应用程序级 JavaScript 的语言主题:可配置的主题Mock 数据 内置 Mock 数据方案权限 内置完善的动态路由权限生成方案组件 二次封装了多个常用的组件页面功能Features菜单模式(左侧/顶部).原创 2022-03-08 12:02:08 · 698 阅读 · 0 评论 -
JavaScript中数组常用的19种方法总结
1、length获取数组长度var arr = [1,2,3,4,5];arr.length;//52、toString()返回由数组中每个值的字符串形式拼接成的一个以逗号分隔的字符串var arr = [1,2,3,4,5];arr.toString();//"1,2,3,4,5"3、valueOf()返回数组对象本身var arr = [1,2,3,4,5];arr.valueOf();//[1,2,3,4,5]4、join()将数组中所有元素组成字符串,并可以规定分隔符原创 2022-03-08 10:41:47 · 143 阅读 · 0 评论 -
elementUI table表格el-table-column修改字体颜色
例子! <el-table-column prop="isOverText" label="结清状态" align="center" :show-overflow-tooltip="true" color:red / > //这个样子加颜色是没有用的!正确的例子! <el-table-column prop="isOverText" label="结清原创 2022-03-08 09:21:34 · 2771 阅读 · 0 评论 -
Ajax请求的五个步骤
目录Ajax请求的五个步骤一、定义1、什么是Ajax2、同步与异步的区别3、ajax的工作原理二、实现AJAX的基本步骤1、创建XMLHttpRequest对象2、创建HTTP请求3、设置响应HTTP请求状态变化的函数4、设置获取服务器返回数据的语句5、发送HTTP请求6、局部更新三、完整的AJAX实例Ajax请求的五个步骤一、定义1、什么是AjaxAjax:即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交原创 2022-03-08 08:01:29 · 17238 阅读 · 0 评论 -
15分钟巩固你的HTTP知识体系
15分钟巩固你的HTTP知识体系,和谁扯皮都没问题一、简介二、HTTP协议基础及发展历史三、HTTP各种特性总览一、简介前端工程师打交道最多的就是浏览器,不管做什么都离不开浏览器,其中HTTP协议往往会被我们忽略,但其实资源缓存、CDN加载、页面性能优化等等都离不开对HTTP协议的了解。最简单的例子:输入url打开网页AJAX获取数据img标签加载图片从输入URL到看到页面发生了什么?DNS解析发起TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染原创 2022-03-07 20:50:43 · 70 阅读 · 0 评论 -
<script lang=“ts“ setup>setup语法糖 子传父
子传父我们需要用到的是defineEmits使用setup语法糖时,无需导入defineEmits,会随着setup处理一同编译。子组件:<el-button @click="resetForm()" style="margin-left: 120px">取消</el-button><script lang="ts" setup>import { reactive, ref } from 'vue'const emit = defineEmits(["r原创 2022-03-07 10:47:35 · 1260 阅读 · 0 评论 -
自己用html + js 一百行代码做一个朗读器
感谢内容提供者:金牛区吴迪软件开发工作室文章目录前言一、设置语言和朗读人员二、设置音高【不是声音大小】三、设置音速四、设置声音大小五、添加暂停和恢复播放功能六、完整代码前言因为笔者最近在学习英语,所以才想找一个朗读器跟着一起念着读,结果没找到在线朗读器,没办法。。。只有自己动手做一个了,老话说的好:自己动手,丰衣足食~先给大家看下最终效果【没管样式哈~,只是保证有个结构和功能正常,样式可以自己画一画!】废话不多说,代码开整!一、设置语言和朗读人员我们需要获取到支.原创 2022-03-07 09:24:05 · 246 阅读 · 0 评论 -
Jmeter性能测试 ------ 熟悉Jmeter使用
做性能测试之前要对Jmeter有一定的了解,本文通过案例,帮大家快速上手Jmeter。如果你已经在用,那么可以忽略。我用的是Jmeter 5.4.3版本1、切换语言打开Jmeter后默认英文,如果想切换成中文可以在Options->Choose Language->Chinese(Simplified)设置成简体中文。2、新建请求首先,我们需要新建一个线程组接下来的所有操作,都是在这个线程组下进行。在线程组下新建请求以前,都需要新建三个元件:Cookie管理器,http默认原创 2022-03-07 08:00:43 · 342 阅读 · 0 评论 -
前端案例:简易计算器的实现(dom操作、target、eval函数、try catch、switch-case)
目录一、案例效果二、涉及要点三、完整代码+详细注释一、案例效果二、涉及要点1. 文本域标签 的 readonly 属性用于设置文本域文字为只读;2. DOM 获取元素,getElementById()获取带有指定 id 的节点;3. DOM 事件中的 target 是指获取事件的目标,即**触发事件的真实元素。**如下代码中: btn.onclick = function (e) { //判断只有点击到按钮上才会将信息录入“显示屏” if (e.target.no原创 2022-03-06 04:32:27 · 397 阅读 · 0 评论 -
Vue项目报错:Uncaught (in promise) Error Network Error
vue项目可以打开登录页面,但点击登录报错的原因:AP接口没打开解决:找到文件的api_server sheft+右键打开Powershell,输入node app.js 点击回车即可原创 2022-03-06 01:49:39 · 1489 阅读 · 0 评论 -
vue3.0 子组件调用父组件中的方法
在vue2中,子组件调用父组件,直接使用this.$emit()即可。但是在vue3中,很显然使用this.$emit() 已经开始报错了,为什么会报错呢?原因是:在vue3中setup是在声明周期beforeCreate和created前执行,此时vue对象还未创建,因此我们无法使用this。那么我们在vue3中,子组件该如何调用父组件的函数呢?方法一:首先写一个 Child.vue,重点在 setup 函数中引入 context 形参,配合 emit 使用。定义了两个函数,toFather原创 2022-03-06 00:28:18 · 379 阅读 · 0 评论 -
C# 正则表达式(Regex) 过滤内容的基本使用
先看英文意思命名空间using System.Text.RegularExpressions;正则表达式是干什么用的?简单来说就是 检索 数据个人比较喜欢用来过滤一些文本的内容和网页比如我有100w个文字想找到里面的几个数字用人工一个一个查找基本不可能但是使用正则表达式就可以在马上找到在编程里还是比较重要的简单了解后开始教程比如有一个记事本内容 要找出里面的5个数字 分别是 2 4 8 9 61.读取文本内容上面说的打开 并不是把文件打开 而是将文件打开在 缓冲区 才可以进行读转载 2022-03-05 20:14:07 · 224 阅读 · 0 评论 -
Uniapp动态修改CSS(通过js修改CSS)
例如产品给了我们个需求需要点击一次按钮来使得view的高度增加10px在html开发中很好实现,但是在uniapp开发app的时候发现并不能通过document.getElementById("")来指定。那么该怎么实现呢?往下看。1.先搭建页面嗯~我知道很丑,但就酱紫。2.重点!!!改造代码,将vHeight放入的style标签中。注意看改造后的style嗯~改造完成,试一下效果。确实生效了。总结一下js中动态修改css样式,需要先定义好要修改的变量,注意style的书写格式1原创 2022-03-03 22:40:12 · 4836 阅读 · 0 评论 -
Uncaught SyntaxError Cannot use import statement outside a module的解决方法
本地html文件中的script标签引入ES6的模块,直接在浏览器中打开该html文件,发现报错了:Uncaught SyntaxError: Cannot use import statement outside a module对应的index.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con原创 2022-03-03 21:45:24 · 1826 阅读 · 0 评论 -
run `npm fund` for details解决,前端开发:项目运行npm install 提示XXX ...for funding run `npm fund`...的解决方法
run npm fund for details解决,前端开发:项目运行npm install 提示XXX …for funding run npm fund…的解决方法35 packages are looking for fundingrun npm fund for detailsfound 18 vulnerabilities (3 low, 9 moderate, 6 high)run npm audit fix to fix them, or npm audit for details原创 2022-03-03 17:07:38 · 1911 阅读 · 0 评论 -
npm 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
1、问题描述在vscode运行命令:npm run -dev报错。2、分析解决问题原因:npm环境变量配置问题。在cmd窗口输出node,回车后弹出信息node不是内部或外部命令,也不是可运行的程序,这时候就是环境变量配置的问题!方法一:以管理员身份运行(推荐)右击vscode,选择一管理员身份运行,即可解决问题。方法二:查看npm环境变量配置cmd运行node -v, npm -v检查是否安装。如果此时cmd窗口提示node不是内部或外部命令,也不是可运行的程序,依旧是环境变量的问题原创 2022-03-03 16:02:58 · 921 阅读 · 0 评论 -
JavaScript之预编译学习(附带多个面试题)
前言在学习JavaScript预编译之前,先了解一下JavaScript从编译到执行的过程,大致分为四步:词法分析语法分析:检查代码是否存在错误,若有错误,引擎会抛出语法错误。同时会构建一颗抽象语法树(AST)。预编译解释执行预编译JavaScript是解释性语言,也就是说,编译一行,执行一行,但js并非上来就进入编译环节,它在编译之前存在预编译过程。js中预编译一般有两种:全局的预编译和函数的预编译,分别发生在script内代码执行前和函数的执行前。函数预编译首先来看一个例子:原创 2022-03-03 14:58:21 · 55 阅读 · 0 评论 -
elementplus最新版实现按需导入
安装准备先安装elementplusnpm install element-plus --save安装自动导入的插件npm install -D unplugin-vue-components unplugin-auto-import配置vue.config.jsconst AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/webpa原创 2022-03-03 13:53:58 · 1100 阅读 · 0 评论 -
@webpack打包出现的错误:[webpack-cli] Unknown command ‘路径‘
[webpack]打包时出现的错误:[webpack-cli] Unknown command '路径’发现的问题:webpack与webpack-cli版本不兼容我用的是webpack4.46.0,所以需要单独安装webpack-cli(4.x及以上版本都需要单独安装),由于当时webpack-cli安装的最新版与webpack不兼容,导致打包的时候出现错误具体哪两个版本的webpack和webpack-cli兼容我也不知道,不过可以试试以下方法:在两个都安装完后可以在命令模式下输入webpa原创 2022-03-03 12:02:30 · 410 阅读 · 0 评论 -
2021-09-16 npm install @vuecli 卡在了 reifyrxjs timing reifyNode node_modules@vueclinode_modules
npm install @vue/cli 卡在了 reify:rxjs: timing reifyNode: node_modules/@vue/cli/node_modules/....随后产生报错查了一堆东西,后来发现其主要原因在于npm镜像源的问题。安装完nodejs之后默认镜像源为 淘宝镜像源使用npm命令或者nrm命令切换镜像源至npm官方镜像源即可注:本人长期科学上网因此npm官方源速度和淘宝基本没差,如果没有科学上网手段的朋友可能需要另想办法。再注:淘宝镜像源出问题的原因尚未查明,原创 2022-03-03 00:11:48 · 3892 阅读 · 0 评论 -
页面怎么布局,当然是Grid (ˉ﹃ˉ)
文章目录序flex和float性能测试正文开始Gird 与 Flex区别Grid学习前置容器和项目行和列单元格网格线Grid学习使用设置display行列属性设置行列宽高百分比atuofr 关键字repeat设置行列间距grid-template-areas合并单元格有趣的布局示例序这里先问大家一个小问题,各位用中文输入法打Grid会出现什么呢?在讲述Grid布局之前,先聊聊前端目前比较流行布局方式,前端开发者原创 2022-03-02 13:41:23 · 173 阅读 · 0 评论 -
Vue环境搭建+VsCode+Win10
如果觉得对你有帮助,能否点个赞或关个注,以示鼓励笔者呢?!博客目录 | 先点这里目录一、下载Node.js二、修改存放目录三、添加环境变量四、安装淘宝镜像五、安装Vue-cli六、项目创建创建方式一:图形化界面创建创建方式二:命令行创建安装element-ui关于地址栏的#号vue-cli目录解析七、VS插件安装八、新建.vue时添加默认内容一、下载Node.js官方网站:传送门(点我)这里建议勾上(会自动帮你创建一个NodeJs的环境变量)默认是添加了原创 2022-03-02 12:36:32 · 71 阅读 · 0 评论 -
桌面窗口管理器(dwn.exe)内存占用大怎么解决
我用的是win11,可以看到,这儿占了我5个G的内存,现在就来看一下怎么解决控制面板—>电源选项—>选择电源按钮的功能—>更改当前不可用的设置—>启用快速启动(推荐)取消掉这个复选框最后—>保存修改,重启就好啦...原创 2022-03-02 03:40:37 · 3054 阅读 · 1 评论