大前端
前端有点酷
东方文艺复兴
嗨,你好!我是东方文艺复兴,一个满怀热情的程序员,疯狂热爱计算机科学,我对各种编程语言都有着浓厚的兴趣,从老牌的C、C++、Java,到新兴的Python、JavaScript,甚至包括那些呆萌的小众语言,我都非常感兴趣,所谓兴趣就是最好的老师!
我深信,编程不只是一门科学,它也是一种艺术,是一种可以让我们创造、进行思考、解决问题并帮助他人的魔法。我渴望用我的编程技术去帮助更多的人,用代码来解决实际问题,用软件来改变世界。
我的目标是,用我手中的键盘把这个世界敲得更加美好!!!
展开
-
vue element-ui中的this.$notifiy()中的message,怎么让里面的变量用换行符分开
属性为 true 来告诉 ElementUI 的消息内容是 HTML 字符串,这样 HTML 标签才会被正确解析。方法时,若在消息内容中插入变量并使用换行符来分隔它们,可以利用 HTML 的换行标签。默认将 message 属性作为纯文本处理,我们需要通过设置。下面是一个示例代码,展示了如何使用换行符来分隔。在 Vue 使用 ElementUI 的。原创 2024-02-07 23:40:26 · 1147 阅读 · 0 评论 -
Vue动态组件<component>传递变量
Vue的动态组件是一个强大的模块,通过动态组件可以让页面组件随意切换,不需要通过路由定位,它在使用过程和普通自定义的组件基本一致,如下像下方给动态组件传递props值在以上的currentComponent组件中,也有一个parentProp的props变量,这样就可以逐层传递变量啦,用于比如权限等级不同,显示的表格的列数不同等(不同权限等级对应不同的parentProp值)原创 2024-02-06 15:39:49 · 3138 阅读 · 0 评论 -
element-ui中el-switch相关样式操作,等比例缩小、靠右对齐
el-switch增加:style=“外层div增加style=“原创 2023-05-05 09:51:37 · 1192 阅读 · 0 评论 -
修改element-ui的row行样式最快的办法
deep/ 是伪类,来解决 CSS 样式作用域的问题,用来解决不同组件之间的样式冲突很有效。记得在style标签中加scope。原创 2023-04-26 09:16:28 · 386 阅读 · 0 评论 -
Chrome浏览器排查css样式的好办法-开启无障碍功能
chrome的控制台右边有个无障碍功能,点击它之后,在点击元素页面,查看对应样式就变得非常便捷。Chrome浏览器排查css样式的好办法。原创 2023-04-26 09:00:42 · 564 阅读 · 0 评论 -
Vue文件中传递this给其他js文件的函数
请注意,bind方法返回的是一个新函数,因此我们需要使用括号调用它以执行该函数。bind方法是JavaScript中的一个原生方法,它可以用于绑定函数的this值和一些预设参数,并返回一个新的函数。其中,thisArg是要绑定到函数上的this值,可以是任何JavaScript对象;而arg1、arg2等则是预设的参数。bind方法将返回一个新函数,该函数具有绑定的this值和预设的参数,当调用该新函数时,实际执行的是原始函数,并且绑定的this值和预设的参数将被传递给原始函数。原创 2023-04-23 11:33:25 · 1974 阅读 · 0 评论 -
vue中的this.$parent
需要注意的是,使用this.$parent来访问父组件的数据和方法并不是一个好的做法,因为它会使子组件和父组件耦合在一起,使得代码难以维护和复用。使用provide和inject可以让父组件向子组件传递数据和方法,而不需要使用this.$parent来访问父组件。如果子组件需要调用父组件的方法,可以使用this.$parent.someMethod()来调用方法。可以用来获取组件的父实例,可以在子组件中使用它来访问父组件的数据和方法。例如,如果子组件需要访问父组件的数据,可以使用。原创 2023-04-20 10:30:24 · 2437 阅读 · 0 评论 -
阿里云服务器访问第三方,前端报错504 Gateway Time-out,时间太长出错
用浏览器访问第三方域名A正常,并且用笔记本ping这个第三方的ip地址是 a但是在阿里云Linux服务器中无法访问A,在阿里云内部直接使用ping命令去ping A,出现的ip地址却是 b很明显a和b不一样所以在阿里云Linux服务器中进入 /etc/hosts 目录 绑定住ip[root@众善奉行 ~ ]# vim /etc/hosts追加:a A这样阿里云就不会去b访问了,b的ip地址 可能是个假的,或者是坏了。当然,出现504也可能不是这个原因~...原创 2021-12-19 00:34:21 · 2541 阅读 · 0 评论 -
JavaScript:splice和slice,删除数组中的元素
slice() 从数组中返回选定的元素 :list.slice(start, end) ???? 返回下标为start到下标end-1之间的元素splice()从数组删除选定元素 :list.splice(start, delNum)????删除下标为start往后delNum个元素,下标为start的元素会被删...原创 2020-03-16 10:43:03 · 1274 阅读 · 0 评论 -
Vue checkBox 全选 全不选 反选 单选 完整实现
<div v-for="(item, index) in pageData"> <input type="checkbox" :value=item.code v-model="checkBoxList"/> </div><div>所选择的数组为:{{checkBoxList}} <button @click="checkBoxNotAll">全不选</button&g原创 2021-12-11 23:48:21 · 791 阅读 · 0 评论 -
Vue js时间比较-亲测有效
参考来源:https://zhidao.baidu.com/question/1760455029553513028.htmlvar timeStr1 = '2018/08/08';var timeStr2 = '2018/12/12';var time1 = new Date(timeStr1).getTime();var time2 = new Date(timeStr2).getTime(); return time1 < time2;亲测:let oldTime = loc原创 2021-09-12 10:59:53 · 589 阅读 · 0 评论 -
Vue disabled更改无效 disabled bug 网络请求 computed
在绑定disabled之后直接设置为true是无效的原因不知道,历经原创 2021-09-01 09:25:11 · 3496 阅读 · 0 评论 -
Vue v-for :src 循环显示图片
<div v-for="(item, index) in codeList"> <img :src="'http://站点01/' + item.subCode + '.gif'" alt=''> <img :src="'http://站点02/' + item.subCode + '.gif'" alt=''><div>item.subCode不应该写成{{item.subCode}}或者{item.subCode}...原创 2021-08-30 13:08:43 · 747 阅读 · 0 评论 -
Nginx首次配置访问密码报错htpasswd: password verification error
Nginx首次配置访问密码报错htpasswd: password verification error为了避免同胞们重复这个踩坑,本人花点时间写个博文提醒一下大家系统:CentOS 7.6Nginx: 1.12.2SSH连接软件:SecureCRT一,出错现场回忆:下方是我首次配置(刚安装完httpd-tools)访问用户名和密码,安装教程可以参照Nginx配置密码访问-访问网页需输入用户名密码密码文件:passwd用户名是:feifu第1次密码是:pass弟2次密码是:pass原创 2021-08-29 12:44:06 · 2773 阅读 · 6 评论 -
css:img关闭默认图片
设置属性alt为空即可:alt=""具体例子: <img src="your_picture" alt=""/>这个如果src链接的图片没有显示出来,也不会显示下方这个图片原创 2021-08-26 17:40:13 · 783 阅读 · 0 评论 -
Vue:Uncaught SyntaxError: Unexpected identifier踩坑回忆
Vue项目运行之后,在谷歌浏览器打开,控制台报错:Uncaught SyntaxError: Unexpected identifier错误的中文意思是:未捕获语法错误: 意外的标识符有很多同学说,是符号问题,比如下方这个链接:https://blog.csdn.net/u012149181/article/details/78811402里面是这样解释的:chrome下运行编写的javascript代码时,在工具javascript控制台下有时会出现“Uncaught SyntaxError:原创 2021-05-27 23:33:52 · 11482 阅读 · 6 评论 -
ps: 如何调出辅助线
首先打开一个图片,或者新建一个然后需要将标尺调出,点击【视图】-【标尺】快捷键:按住Ctrl + R然后将鼠标放到标尺处,按住并拖动到中间如果需要比较精确的辅助线,先右击标尺,选择单位接着点击【视图】-【新建参考线】例如需要正中间辅助线,输入位置,点击确定即可用移动工具,按住辅助线可以调整位置,按住【Alt】,点击辅助线,可以将水平的辅助线变为竖直参考来源:https://jingyan.baidu.com/article/0a52e3f4cf767bbf62ed7292.h转载 2021-04-18 22:03:12 · 5264 阅读 · 0 评论 -
Vue实现pc端和移动端
使用webpack构建项目后:vue init webpack my-project在App.vue文件中,添加如下代码进行移动端或pc的逻辑检测: mounted() { if (this._isMobile()) { this.$router.replace('/m_index'); } else { this.$router.replace('/pc_index'); } }, methods: { //App.vue原创 2021-03-14 11:42:53 · 608 阅读 · 0 评论 -
vue网页 PC端和移动端兼容方案
一,通过媒体查询实现响应式(@media)优点:适用于小型网页,用户交互较少的项目,代码用量较少;缺点:在页面内容过多,用户交互过多的时候,如果通过 @media 来一个个改的话,那代码量可就很多了,而且也不方便维护。因此需要另一种方式来解决这个问题。二,通过判断打开设备的类型,区分需要显示的方式和界面//App.vue mounted() { if (this._isMobile()) { alert("手机端"); // this.$router.转载 2021-03-13 23:10:54 · 2632 阅读 · 2 评论 -
Element:注意版本问题
低版本的Element会有更多的Bug或者未完全引入所有组件,比如element-ui@2.4.5里面需要手动引入Link组件,如果没有手动引入Link组件,在书写<el-link>的时候,不但不会跳转,还会报异常vue.js:634 [Vue warn]: Unknown custom element: <el-link> - did you register the component correctly? For recursive components, make sure原创 2020-07-04 10:05:24 · 757 阅读 · 0 评论 -
VueCLI3 run build后有些文件不显示
publicPath: process.env.NODE_ENV === 'production' ? './' : '/',直接将根路径(pulicPath)指向./ 或者服务器的文件夹路径production是生产环境,即发布到服务器时的环境...原创 2020-03-27 14:04:10 · 1083 阅读 · 0 评论 -
记住密码的实现的2个方案
有效时间很长的Token同时存在两个登录接口,一个登录勾选记住密码的,一个登录没有勾选记住密码的,这样就可以解决密码暴露存在于Cookie, localStorage的问题。...原创 2020-03-26 14:00:08 · 781 阅读 · 0 评论 -
ElementUI和wangEditor冲突
在vue2.6的环境中使用npm install了wangEditor,因为结合了Element UI,wangEditor的样式变了,包括标题大小样式无效,初始默认字体太少原创 2020-03-24 17:15:05 · 1508 阅读 · 0 评论 -
router-link传递参数
<router-link :to="{ name: 'MyRouter', query: { username: '张三' } }" >点击获取用户名</router-link>this.$route.query.username原创 2020-03-23 14:52:57 · 439 阅读 · 0 评论 -
使用/deep/修改element-ui组件默认样式
修改方式类名 /deep/ elementui 类名原创 2020-03-22 21:11:55 · 3828 阅读 · 1 评论 -
修改wangEditor编辑器高度height
在wangEditor编辑器中,默认的高度是300px,如需自定义高度,则需在editor.create()的下方添加代码:let eds = document.getElementsByClassName('w-e-text-container')eds[0].style = eds[0].style.cssText + 'height: 自定义的高度'完整代码如下:editor.cr...原创 2020-03-21 15:01:14 · 8625 阅读 · 4 评论 -
常见16进制颜色
常见的十六进制颜色码一、 三原色(红、绿、蓝)红色(red):#FF0000 绿色(green):#008000 蓝色(blue):#0000FF二、 其他颜色 常见的单色黑色(black): #000000棕色(brown): #A52A2A金色(gold): #FFD700灰色(gray): #808080橙色(orange):#FFA500白色...原创 2020-03-20 23:04:16 · 16463 阅读 · 0 评论 -
JavaScript继续深造
《深入理解javascript原型和闭包系列》《深入理解javascript异步系列》《换个思路学习nodejs》《CSS知多少》来源:https://www.kancloud.cn/wangfupeng/wangeditor3/332599...原创 2020-03-20 16:39:40 · 150 阅读 · 0 评论 -
快速查看各个.html文件的技巧
????在浏览器中输入:file:///我的项目真实路径????可快速查看了项目中的所有文件,如需频繁查看刷新等,如此更方便查看效果之类的????雕虫小技,随便一记~...原创 2020-03-20 15:10:51 · 426 阅读 · 0 评论 -
Element表格内添加链接
<el-table-column prop="title" label="标题" sortable> <template slot-scope="scope"> <router-link v-bind:to="'/abc/' + scope.row.title">{{ sco...原创 2020-03-19 14:25:06 · 2884 阅读 · 3 评论 -
内容居中css样式
body { width: 35em; margin: 0 auto; }原创 2020-03-18 11:01:52 · 201 阅读 · 0 评论 -
JavaScript:使用filter代替for循环进行过滤元素
在数组中,使用for循环来过滤掉元素的话,写起来复杂,此时可以考虑使用filter来清洗元素,代码简洁: let show = this.tableData.filter(item => item.id !== this.delId) let all = this.allList.filter(item => item.id !== this.delId) ...原创 2020-03-16 17:43:29 · 2441 阅读 · 0 评论 -
Element表格数据居中
官网 -> ????????????原创 2020-03-15 23:12:55 · 3608 阅读 · 1 评论 -
ECharts2.0 addData属性实现动态实时更新数据
转载自:ECharts图——addData属性实现动态实时更新数据此为网上的demo做了修改,记录以便日后学习。注:addData是在ECharts2中提出的,在ECharts3移除了addData方法,可以考虑用push的方法把数据从尾部添加放进去,然后用shift移除首部第一个数据,任然可以达到更新的效果。在ECharts3中也参考appendData方法。(1)一般写法(可以直接...转载 2019-05-04 12:39:53 · 1258 阅读 · 0 评论 -
Echarts2.0实例
参考:5分钟上手写ECharts的第一个图表<!DOCTYPE html><head> <meta charset="utf-8"> <title>ECharts</title></head><body> <!-- 为ECharts准备一个具备大小(宽高)的Dom -...原创 2019-05-03 13:15:17 · 4206 阅读 · 0 评论 -
Echarts2.0地图饼图混搭(2011年全国GDP)
来源:官方示例Echarts2.0下载:http://echarts.baidu.com/build/echarts-2.2.7.zip实现效果:JSON数据(来自后台):{"code":100,"msg":"处理成功!","extend":{"bsgData":[{"name":"北京","value":"19732.42"},{"name":"上海","value":...原创 2019-05-22 02:31:55 · 1022 阅读 · 0 评论 -
Echarts地图-全国主要城市空气质量
参考:Echarts官网实例效果:JSON数组:{"code":100,"msg":"处理成功!","extend":{"items":[{"name":"三亚","value":52},{"name":"三门峡","value":37},{"name":"上海","value":153},{"name":"东莞","value":251},{"name":"东营","val...原创 2019-05-22 02:17:35 · 4882 阅读 · 0 评论 -
Echarts定时异步刷新
在这里,我写了2个Echarts图表,都是定时异步刷新的。每隔20秒向服务器请求一次数据,每8秒渲染一次Echarts图表。效果(gif录制的效果不是很好):图书每日销售数据的JSON数据(从后台拿到):{"code":100,"msg":"处理成功!","extend":{"dateArr":["04.15","04.16","04.17","04.18","04.19",...原创 2019-05-22 01:49:30 · 5148 阅读 · 1 评论 -
记一次难受的Bug
从Github拉取开源项目,跑起来,没问题,从Chrome控制台研究请求接口及response数据。复制该项目,更改API成自己的并确保每一个Response的数据跟原项目返回的一样。结果过不了登录。解决的笨办法是对这两个项目同时进行debug,找出对应差异。在debug的时候,确保每一步都是对应的,并且查看变量等信息是否一致。这些东西是非常消耗耐心的,因为系统不报错,什么都不提示,只能通过...原创 2020-02-27 12:53:39 · 186 阅读 · 0 评论 -
Vue路由和权限校验
router.beforeEach是全局的路由守卫,所有路由访问必经此方法,原创 2020-02-18 21:45:58 · 486 阅读 · 0 评论