前端
文章平均质量分 58
m0_55070913
这个作者很懒,什么都没留下…
展开
-
openbmc开发31:webui开发—汉化
webui-vue软件包基于i18n( internationalization国际化的英文单词,首末字符i和n,18为中间的字符数)已经支持了支持英语、西班牙语、俄语三种语言(实际西班牙语和英语没什么区别,俄语翻译工作已经完成),基于i18n我们可以很容易的进行web页面的汉化工作。1 开发工具前端开发有很多开发工具,例如webstrom、Atom、Dreamweaver、sublime text3、VsCode等等,推荐使用VSCode,不仅免费并且支持很多的扩展插件,开发非常便捷。2 添加语言选原创 2022-03-12 13:07:59 · 887 阅读 · 1 评论 -
Vue 生命周期和数据共享
Vue 生命周期和数据共享1. 组件的生命周期1.1 生命周期与生命周期函数1.2 组件生命周期函数的分类1.3 生命周期图示以及详解2. 组件之间的数据共享2.1 组件之间的关系2.2 父向子传值2.3 子向父传值2.4 兄弟之间的数据关系1. 组件的生命周期1.1 生命周期与生命周期函数生命周期是指一个组件从 创建 => 运行 => 销毁 的整个时间段,强调的是一个时间段。生命周期函数是由 vue 框架提供的内置函数,会伴随着组件的生命周期,自原创 2022-03-11 20:02:15 · 115 阅读 · 0 评论 -
TypeError this.getOptions is not a function 的解决
一、问题的出现:在进行 react 项目开发的时候,出现了这个错误,TypeError: this.getOptions is not a function,如下所示:二. 问题的分析及解决:问题的分析:这个实际上就是 less-loader 的版本过高,不兼容 getOptions 函数方法,所以需要对 less-loader 进行降级处理问题的解决:通过 npm uninstall less-loader 命令卸载原版本的 less-loader,然后 通过 npm install le原创 2022-03-11 18:39:18 · 3252 阅读 · 0 评论 -
mysql5.7.35安装配置教程【超级详细安装教程】
MySQL5.7.35安装教程下载工具官网下载下载百度网盘提取链接:https://pan.baidu.com/s/1BOaGKmZynM5q8WfPhqi3GA提取码:1024在下图中选择你自己需要的版本即可第二种下载方式如下图所示下载在这里插入图片描述下载完成后对工具包进行解压,我解压的在D盘解压好过后在里面新建my.ini文件(如果你不知道怎么创建my.ini文件请看)右击新建文本文档创建文本文档过后进行重命名讲文本文档的后缀名改为ini如图操作再将新建的文本文档改原创 2022-03-11 14:38:41 · 622 阅读 · 1 评论 -
JavaScript ES6 新增语法
ES6中新增的语法扩展运算符利用扩展运算符来合并数组方法1方法2将类数组或可遍历对象转换为真正的数组Array.from()find()findIndex()数据扁平化includes()遍历对象startsWith() 和 endsWith()repeat()扩展运算符扩展运算符又被称为展开语法扩展运算符可以将数组或者对象转化为用逗号隔开的参数序列如下let arr = ['a','b','c']console.log(...arr);利用扩原创 2022-03-11 13:16:38 · 131 阅读 · 0 评论 -
记一次 TypeError Cannot read property ‘xxx‘ of undefined 排错经历
问题如下:目前在做一个前后端分离项目,前端vue,后端springcloud,测试一个edit功能,前后端写完后进行联调测试,发现前端虽然能收到后端传来的数据,却无法回显到页面上报错信息如下:相关代码如下:点进Object中查看详细信息:发现出现这个异常,猜想是ES严格模式的锅,但禁掉严格模式后问题仍没有解决,后去StackOverflow中查找相关问题,发现一篇类似的如下:文中大致说这个问题可能不是前端的问题,可能是后端出了问题返回后端查看相应方法:果然是后端的问题,按照我们定义原创 2022-03-10 12:51:10 · 613 阅读 · 0 评论 -
查看webpack版本
想着搞一下 webpack 的构建优化,网上看到一些方法说是要 webpack4 及以上的才能用。然后就要看看是啥版本来着 ——查看当前项目的 webpack 版本1.命令行执行 npx webpack -v (最方便啦)因为 webpack 是局部安装,要进入依赖包执行webpack的命令才有效,直接 webpack -v 会被认为命令无效。使用 npm 包执行器 npx 可以自动找到对应的包执行命令(一般安装了npm会自动安装npx)2. 在 package.json 添加 script 命原创 2022-03-10 11:30:16 · 30807 阅读 · 0 评论 -
基于SpringBoot+Layui的社区物业管理系统(附源码+数据库免费)
目录前言一、效果展示1.1 以管理员身份登录1.2 以业主身份登录1.3 附加功能二、源码+数据库链接前言技术栈如下(注意版本)数据库:MySQL 5.7.33后端技术:SpringBoot 2.3.0,MyBatisPlus数据连接池:Druid前端技术:Layui,Ajax,Json等Web容器:Apache Tomcat 8.5项目管理工具:Maven 3.6.0版本控制工具:Git开发工具:IDEAjdk版本:jdk1.8代码在最后面,已开源至原创 2022-03-10 10:05:54 · 1182 阅读 · 6 评论 -
保姆级教程-分布式文件系统FastDFS(高效存储,有效解决大量资源上传下载)
官方网站:https://github.com/happyfish100/配置文档:https://github.com/happyfish100/fastdfs/wiki/参考资料:https://www.oschina.net/question/tag/fastdfsJava客户端:https://github.com/happyfish100/fastdfs-client-java文章目录为什么要学习分布式文件系统?什么是分布式文件系统?FastDFSFastDFS是什么?.原创 2022-03-09 13:47:03 · 592 阅读 · 0 评论 -
‘vite‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
运行一个由 Vite 构建的 Vue3 项目,之前还好好的能正常跑,但拉取新代码之后再次执行 npm run dev 就提示 ‘vite’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。百思不得其解,最终解决方案如下:1、删除 node_modules 文件夹 和 package-lock.json 文件2、重新执行 npm i 安装依赖3、npm run dev 启动项目...原创 2022-03-09 12:26:36 · 49876 阅读 · 7 评论 -
vue处理getpost的http请求
一、使用Vue.http/this.$http在发起请求的时候,为了减少作用域链的搜索,建议使用一个局部变量来接受this1. GET请求// 基于全局Vue对象使用httpVue.http.get('/someUrl', [options]).then(successCallback, errorCallback);// 在一个Vue实例内使用$httpthis.$http.get('/someUrl', [options]).then(successCallback, errorCallb原创 2022-03-09 11:02:43 · 454 阅读 · 0 评论 -
vue3 使用echarts
效果图安装Echartscnpm install echarts --savevue页面使用<template> <div id="myChart123" :style="{width: '1500px', height: '550px'}"></div></template><script>// 引入echartsimport * as echarts from 'echarts'import {onMounted}原创 2022-03-09 09:41:56 · 211 阅读 · 0 评论 -
video.js 报错:your browser did not support
video.js 报错:The media playback was aborted due to a corruption problem or because the media used features your browser did not support最近做H5页面实现加载直播流的功能。在pc浏览器上一切正常,但是在微信浏览器中打开页面就提示The media playback was aborted due to a corruption problem or because the m原创 2022-03-09 08:07:38 · 4435 阅读 · 0 评论 -
React-router-dom v6.x的使用
React-router-dom v6.x的使用前言react-router-dom v6的具体内容可以在react-router-dom文档上查看,但是是英文版,英语水平不好的同学可以在网上找大佬的翻译。本人在公司搭了一个简单的后台管理系统的模板,今天想升级一下依赖,随便研究了一下react-router-dom6.x版的使用。总的来说,变化不是特别大。现在我把常用的几个变动总结一下,供大家参考:1. 原先的<Switch>替换成了<Routes>按照网上大佬的说法,&l原创 2022-03-08 13:27:15 · 222 阅读 · 0 评论 -
Javascript保留两位小数
javascript语言,因为是弱类型语言,没有java那么多类型,所以在处理浮点数保留两位小数上,没有那么多格式化办法。javascript语言中字符串和整数,浮点数是有区别的。一般而言,保留两位小数,可以用到如下三种方式:1、直接使用数字类型自带的方法toFixed(n),其中参数就是需要保留的位数,这个转换的结果是字符类型。2、结合Math.floor(),使用先乘后除的办法,比如要保留两位小数,Math.floor(pi*100)/100,如果要保留三位小数,那么就是Math.floor(p原创 2022-03-08 10:46:35 · 5928 阅读 · 0 评论 -
error An unexpected error occurred “httpsregistry.npmjs.orgd3-geo-proje
error An unexpected error occurred: "https://registry.npmjs.org/d3-geo-projeyarn install 报错大概意思是错误发生意外错误:https://registry.npmjs.org/d3-geo-proje原因是代理的问题解决办法就是先把node-sass镜像源进行设置成国内的yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-原创 2022-03-08 09:26:22 · 1180 阅读 · 0 评论 -
antv x6自定义节点(使用vue渲染节点)
1、安装@antv/x6-vue-shape# npmnpm install @antv/x6-vue-shape# yarnyarn add @antv/x6-vue-shape# 在 vue2 下还需要安装 @vue/composition-apiyarn add @vue/composition-api --dev主文件引入@antv/x6-vue-shapeimport "@antv/x6-vue-shape";安装并应用该包后,指定节点的shape为vue-shape,并原创 2022-03-08 08:06:19 · 2415 阅读 · 1 评论 -
2021 前端校招面试知识点(八股文)整理
1. JavaScript基本数据类型 (7种)this 的指向 (new, 隐式绑定, 显式绑定)Function 的 call, apply, bind 方法Promise, eventloop, 宏任务和微任务闭包 (概念, 用途, 手写)原型链继承 (extends, 原型链继承, 构造函数继承, 组合继承, 寄生组合继承)深拷贝和浅拷贝事件冒泡/捕获, 事件委托, 阻止冒泡, 哪些事件不能冒泡sort() 的复杂度2. 浏览器回流和重绘http 缓存, 协商缓存c原创 2022-03-07 20:55:37 · 1025 阅读 · 0 评论 -
获取京东cookie最简单暴力获取京东CK
获取京东cookie最简单暴力获取京东CK注意:用浏览器请使用隐身窗口,如果多个账号,一定不要点退出登录。直接关闭网页,清除浏览器cookie数据(隐身窗口无需这一步),重新进入网页登录下一个账号。退出会导致刚刚获取的ck失效。以下浏览器都行Chrome浏览器新版Edge浏览器国产360,QQ浏览器切换到极速模式操作步骤电脑浏览器打开手机京东网址 https://m.jd.com/按键盘F12键打开开发者工具,并进行短信登录操作。建议使用手机短信验证码登录(此方式cookie有效原创 2022-03-07 09:28:53 · 1288 阅读 · 1 评论 -
总结vue2.0与vue3.0的区别,让你快速上手
1:vue3.0和2.0的区别2.0数据双向绑定方面Vue2.0使用Object.defineProperty原理:通过使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知// 数据let data = { title: '', // 备份数据 _data: {}}// 定义特性Object.defineProperty(data, 'title', { // 定义特性属性或者特性方法 // 取值方法 g原创 2022-03-07 08:05:30 · 15276 阅读 · 0 评论 -
前端面试套餐:Vue面试题总结+JavaScript前端经典面试题+100道 CSS 面试题
前言在逛技术网站时,在一篇文章下面看到了一条评论,这条评论仁者见仁智者见智。我单独放出来说,是因为他讲到了基础。基础是重要的一个学习环节,在面试中很多问题都不难,都是基础上内容,回不回的上就看你基础掌握的怎样了,面试官也从中知道你学的怎样。评论我因为学习兴趣浓,从测试到java到前端一路学过来,现在就处于什么都懂,什么都半桶水的尴尬局面。我因为喜欢前端界面而渐渐的专注于前端。广和精,这一对矛盾又统一的兄弟,在前端折腾死了很多人,我面试过的一些公司,一些说你深度不够,一些说你太过狭隘,聊下来我就想打人。原创 2022-03-06 04:37:13 · 117 阅读 · 0 评论 -
【项目实战】仓库信息管理系统(layui+SSM+SpringBoot)
文章目录前言一、项目概述1.项目需求2.总述3.技术栈选择4.环境介绍5.效果图展示二、设计思路1.SSM项目(单体架构)示意图2.前后端交互示意图3.仓库管理系统架构图4.响应格式5.异常处理机制6.日志记录机制7.鉴权服务设计与实现8.业务功能简述三、数据库设计1.数据库模型设计概览2.数据库表设计①depository②仓库调度记录(depository_record)3、产品信息记录(库存)(material)4、mater原创 2022-03-06 03:15:19 · 1725 阅读 · 5 评论 -
wangeditor和Found vue@3.1.5 npm ERR node_modulesvue npm ERR vue@“^3.0.0“ from the root project
我遇到这个问题是因为我需要装wangeditor这个组件我当时直接按照官网的使用开始装wangeditor但是报错找不到依赖,当时我不清楚是什么原因就去百度上找了半天都没找到解决方法后来看了几遍官网才发现v5版本开始使用了,根据安装的命令Vue3使用一下命令(两个都可以,推荐使用yarn):npm install @wangeditor/editor-for-vue@next --save或者 (使用yarn)yarn add @wangeditor/editor-for-vue@next原创 2022-03-06 01:54:30 · 807 阅读 · 0 评论 -
Vue3.x 报 Uncaught TypeErrorObject(...) is not a function( Vue3对象不是函数解决思路)
今天在vue3的练习时候发现我写的路由总是浏览器报错,仔细校验文档发现并没有错误啊,可总是报Uncaught TypeError:Object(…) is not a function的错误,看下图:网上针对这个错误的解释都是重名啊、大小写错误啥的。很显然对于我这种老鸟(菜鸡)是不可能犯这种错误的。经过一顿折腾竟然是版本问题。。。。。。。。。。。我查看了路由的版本号,3.5.1并不是最新的,理论上讲应该问题不大,但是还是抱着试一试的心态把vue相关的都升级了一遍,再次编译,竟然没有这个问题了。真不知道这原创 2022-03-06 00:33:08 · 5740 阅读 · 1 评论 -
ElementUi el-autocomplete 踩坑 (使用clearable清除,点击输入框下拉条件不再显示)
今天在写组件的时候,用到了el-autocomplete来做模糊搜索。因为要可以清除条件,所以加了clearable属性,然后遇到了个bug。点击清除图标后,如果你已经是聚焦状态了,你在点击输入框,下拉框不会再显示了查了一下,是因为有element-ui源码有bug,主要原因是参考该博客autocomplete组件在执行清除事件时,将activated置为false。这时候下拉框不会显示了,而在querySearch执行成功后又没有将activated置为true。所以导致了该bug。解决的核心.原创 2022-03-05 20:19:05 · 2681 阅读 · 0 评论 -
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
uni.showLoading(OBJECT)显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。参考文档https://uniapp.dcloud.io/api/ui/prompt?id=showmodal一些参数说明:test.vue例子<template> <button @click.stop="isLeave()">点击按钮</button></template><script&g原创 2022-03-03 21:50:27 · 1240 阅读 · 0 评论 -
spring boot 2.6.0 使用swagger报 ‘documentationPluginsBootstrapper‘; java.lang.NullPointerException 错
pom 配置如下<dependency> <groupId>io.springfox</groupId> <artifactId>springfox-boot-starter</artifactId> <version>3.0.0</version></dependency>swagger 配置类@Configuration@EnableSwagger2public class S原创 2022-03-03 17:12:35 · 161 阅读 · 0 评论 -
npm ERR fatal unable to access ‘httpsgithub.comadobe-webplatformeve.git‘ OpenSSL SSL_read
解决git config --global url.“https://”.insteadOf git://原创 2022-03-03 16:07:52 · 1818 阅读 · 0 评论 -
JavaScript常用知识点笔记
前言js笔记,好记性不如烂笔头,总结了一些比较常用的知识点。发到csdn上就当作备份。前面的一些较简单所以没有写,只写了一些我认为容易忘记的知识点,有错的地方欢迎指点。JavaScript前言1.数值转换2.作用域3.存储数据4.数组5.字符串6.数字常用方法7.时间常用方法8.BOM操作8.1获取浏览器窗口尺寸8.2 浏览器的弹出层8.3 开启和关闭标签页8.4 浏览器常见事件8.5 浏览器的历史记录操作8.6 浏览器卷去的尺寸8.7 浏览器滚动到9.原创 2022-03-03 15:03:19 · 190 阅读 · 0 评论 -
Error @vitejsplugin-vue requires vue (>=3.2.13) or @vuecompiler-sfc to be present in the dependen
没有下载安装axios运行依赖或者缺少这个库没有安装npm i @vue/compiler-sfc原创 2022-03-03 13:58:54 · 1852 阅读 · 0 评论 -
antd proform中的select(ProFormSelect)使用
<ProFormSelect label="角色可见范围" name="select2" mode="multiple" fieldProps={{//这里使用了select的onChange方法,必须使用这样的写法来进行调用onChange方法 .原创 2022-03-03 12:07:24 · 1430 阅读 · 0 评论 -
2021年万众瞩目的前端学习路线图来了
文章目录第一阶段:前端入门HTML5 +Css3+电商网页制作第二阶段:JavaScript系列第三阶段 服务端编程第四阶段 Vue.js第五阶段 小程序第六阶段 React.js 基础前端学习路线图火热出炉啦,还在为如何系统学习苦苦寻觅资源么?2021年新版前端学习路线图这不就来了么!小伙计们甩开膀子学起来吧。只要能坚持学下来走上人生巅峰不再是梦。第一阶段:前端入门HTML5 +Css3+电商网页制作课程内容:HTML5 是网页开发的基础,从最简单的网页开发基原创 2022-03-03 00:16:47 · 102 阅读 · 0 评论 -
<script lang=“ts“ setup>使用setup语法糖引入组件爆红问题
未使用setup语法糖前注册组件:<script lang ="ts">import { defineComponent, ref, reactive } from "vue";import AddPoints from './addPoints.vue'export default defineComponent({ components: { AddPoints, },})</script>使用setup语法糖注册组件:<script l原创 2022-03-02 13:46:21 · 1812 阅读 · 0 评论 -
Web核心技术之Ajax异步请求
3,Ajax3.1 概述AJAX (Asynchronous JavaScript And XML):异步的 JavaScript 和 XML。我们先来说概念中的 JavaScript 和 XML,JavaScript 表明该技术和前端相关;XML 是指以此进行数据交换。而这两个我们之前都学习过。3.1.1 作用AJAX 作用有以下两方面:与服务器进行数据交换:通过AJAX可以给服务器发送请求,服务器将数据直接响应回给浏览器。如下图我们先来看之前做功能的流程,如下图:如上图,Servl原创 2022-03-02 12:41:29 · 556 阅读 · 0 评论 -
浏览器获取京东cookie教程
1、用上述浏览器在 PC 端打开京东触屏版网页 https://m.jd.com2、按键盘 F12 键打开开发者工具,切换到网络(Network)标签,然后点下图中的图标3、此时是未登录状态(使用手机短信验证码登录),如已登录请忽略此步骤使用手机短信验证码登录(此方式 cookie 有效时长大概 31 天,其他登录方式比较短)4、登录后,选择 Network(或者按第二步的打开就选择网络标签),忽略现在正在跑的进度条5、如果和上面的图不一样,那就点一下“我的”如果一样,这是网络标签很多内容,原创 2022-03-02 03:45:31 · 4800 阅读 · 0 评论 -
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
简介Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。Github地址:https://github.com/anncwb/vue-vben-admin文档地址:https://vvbin.cn/doc-next/UI 框架Tailwind CSSAnt Design Vue 2.0准备node 和 git -项目开发环境Vite - 熟悉 vite 特性原创 2022-03-02 02:41:57 · 1165 阅读 · 0 评论 -
一文带你精通 Git(Git 安装与使用、Git 命令精讲、项目的推送与克隆)
目录一、什么是 GIT二、GIT 的安装三、使用?Git 管理项目1. 准备2. 初始化 Git 仓库3. 配置 Git 使用者的用户名和邮箱4. 将代码存储到 Git 仓库中5. 查看文件状态6. 查看日志(提交记录)7. 版本回退8. 通过版本号切换版本9. 创建、切换、合并、删除分支10. 推送本地代码文件至 Github/Gitee11. 克隆云端的项目文件到本地12. 通过 SSH 方式推送代码四、GIT 操作命令汇总一、什么是 GITGit是一款免费、开源的转载 2022-03-02 01:38:16 · 159 阅读 · 0 评论 -
vue项目报错:.node_modulescache-loaderdistcjs.jsref--12-0
vue项目报错如下:./pageLift.vue in ./node_modules/cache-loader/dist/cjs.jsref–12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.jsref–0-0!./node_modules/vue-loader/libvue-loader-options!./src/views/testPage/index.vuevue&type=script&am原创 2022-03-02 00:34:42 · 11708 阅读 · 0 评论 -
vue 删除数组中的某一条数据
一、删除普通数组let arr = [1,2,3,4,5];//方法一let index = arr.indexOf('3');arr.splice(index, 1)//打印结果 [1,2,4,5]//方法二let index = arr .findIndex(item => { if (item == '3') { return true } })arr.splice(index, 1原创 2022-03-01 23:31:16 · 1273 阅读 · 0 评论 -
npmFix the upstream dependency conflict, or retry npm ERR this command with --force, or --legacy-pe
问题原型解读因为node7在某些事件处理上比node6更加严格,解读上面的报错信息,找到解决方案解决npm install --legacy-peer-deps 即可成功安装 node_modules原创 2022-02-28 22:23:09 · 2518 阅读 · 0 评论