自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

飞翔༒之翼

走不完的路,没有尽头。。。。

  • 博客(146)
  • 资源 (4)
  • 问答 (1)
  • 收藏
  • 关注

原创 微信小程序面试题

大体相同,但小程序直接this.data的属性是不可以同步到视图的,必须调用this.setData()方法!1.双向绑定:vue默认支持双向绑定,微信小程序需要借助data。2.取值:vue中,通过this.reason取值。小程序中,通过this.data.reason取值。3.定义方法:小程序使用 在app.js中定义即可,vue的方法通过写在method中进行定义。1. 去变量的时候: - 小程序 wx:for = "lists" - Vue是 v-for = "item

2021-01-11 11:13:06 342

原创 在项目中git新建分支 删除本地分支和合并分支

补充:该命令相当于同时执行了git branch dev和git checkout dev,前者是创建新分支,但并不切换过去;后者是切换到指定分支,并将本地代码也切换成指定分支的代码

2020-05-27 11:26:19 1922 2

原创 前端跨域总结

一、什么是跨域???跨域是指一个域下的文档或脚本去请求另一个域下的资源,俗称跨域请求。跨域主要是由于浏览器出于安全问题的考虑,采用了同源策略,通过浏览器对JS的限制,防止恶意用户获取非法的数据。二、什么是同源策略???同源策略是一种约定,他是浏览器最核心最基本的安全功能,如果缺少同源策略,浏览器很容易受到xss(XSS攻击原理:通过向用户界面中注入script脚本,然后在脚本中获取用户的t...

2019-12-10 10:37:30 373

原创 vue页面性能优化方案

个人在项目中用到的页面性能优化的方式总结。一、均衡页面加载文件的大小和数量1、项目中小图片图片转base64,通过工具如webpack进行图片压缩,文件进行压缩混淆等2、vue-router 懒加载,异步路由3、第三方依赖按需加载,比如使用element-ui框架,但是里面的组件只用到了其中一部分,可以单独建一个引入element组件的文件,在里面引入我们项目中需要的组件,然后vue.us...

2019-11-26 16:34:30 597

原创 在vue中常用的表单正则验证规则

// 验证用户名 过滤特殊符号和空白export function isvalidUsername(str) { // const urlregex = /^[A-Za-z0-9]+$/ const regex = /^[\u4e00-\u9fa5a-zA-Z0-9\w]+$/g return regex.test(str)}/* 合法uri*/export function...

2019-10-30 12:10:36 1401

原创 ES6的常用知识点

目录什么是ES6?let和const字符串模板解构赋值复制数组Mapfor-of循环箭头函数对象的简洁语法class和extends模块化-export,importPromiseGenerator、yield1.什么是ES6?ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECM...

2019-10-20 15:01:47 750

原创 react的总结

安装的步骤1.npm install -g create-react-app2.create-react-app my-app3.cd my-app4.npm start5.安装bootstrop: npm install bootstrap --save6.如果安装单独的node_modules 的话就是 npm installreact一些不同写法{/*注释...*/} ...

2019-10-20 13:09:02 309

转载 Flex 布局语法

一、Flex布局是什么?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex; //这个属性加在大盒子上}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器,必须加上-webkit前缀。.bo...

2019-05-15 14:33:01 322

原创 vue对seo优化

用于vue的SEO优化方案,我查了一下,大概有以下几种:(1)ssr,即单页面后台渲染(2)vue-meta-info 与prerender-spa-plugin 预渲染(3)nuxt(4)phantomjs对应的网址是:1.https://cn.vuejs.org/v2/guide/ssr.html2.https://zhuanlan.zhihu.com/p/291487603....

2019-05-09 10:14:42 2667

原创 javascript的数组和数组排序的方法等关于数组的问题

1.多维数组变成一维数组的俩种方法方法一、apply结合concat拉平数组var arrs=[[3,4,5,6,7],[67,45,23,45,12,20],[4,5,9,12,18],67,72,10]console.log([].concat.apply([],arrs))结果:[3, 4, 5, 6, 7, 67, 45, 23, 45, 12, 20, 4, 5, 9, 12,...

2019-04-11 16:59:35 629

原创 vue 面试题汇总

1、active-class 是哪个组件的属性?嵌套路由怎么定义(1)、active-class 是 vue-router 模块的 router-link 组件的属性   (2)、使用 children 定义嵌套路由2、怎么定义 vue-router 的动态路由? 怎么获取传过来的值 在 router 目录下的 index.js 文件中,对 path 属性加上 /:id。 使用 ...

2019-03-19 13:19:02 1342

原创 初识vuex

Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。什么是“状态管理模式”?每一个 Vuex 应用的核心就是...

2019-03-14 11:20:29 280

原创 vue中vue-cli2和vue-cli3安装和常识问题

1.vue-cli的安装npm install -g vue-clivue init webpack my-projectcd my-projectnpm installnpm run devgit commit -m “更新代码” -n (这个是vscode提交不了的git上传)安装插件就是:npm install vue-router --save-dev2.vue中的一些...

2019-03-12 09:18:33 595 1

原创 vue中的some方法使用@1@

callback: 用来测试每个元素的函数,接受三个参数,分别是元素的值、元素的索引、原数组。上述示例中,回调函数判断元素是否大于3,数组中有元素4和5满足条件,所以返回结果为true。hisArg(可选): 在执行回调函数时要使用的this值。

2024-07-19 17:43:36 238

原创 element-ui分页组件Bug 当前页不变化

原因有可能是点击搜索的时候在搜索里面通过代码去改变了current-page让分页回到第一页,但有可能element内部的页码数据未改变,因此当在此点击第二页的时候相当于页码未发生改变,current-change事件不触发(纯属个人想法)给分页加上一个控制显示和隐藏的变量 v-if=“pageshow”也就是重新去渲染一遍分页组件,问题解决,这样页面显示也就正常了。在搜索改变页码的时候加上如下代码。

2024-07-19 17:12:11 156

原创 vue+elementUi中的table实现跨页多选功能

tabletable完成选择订单。

2024-05-17 15:58:27 777

原创 利用好自己的空余时间

1.在下班的时间段大家都会选择放松,当然我也是会选择放松,毕竟上一天班也是累的。我感觉累归累还是要多学习多看看。2.我们大多数都是没有背景的人,所以都要靠我们自己去争取。还是多去提高自己(持续更新。

2024-05-13 17:09:10 146

原创 vue中报这个警告:[vue-router] Duplicate named routes definition: { name: “XXX“, path: “XXX“ }

解析:Vue先判断新创建的路由是否有name属性,当有name属性的时候,如果新的name不在nameMap里面,那就把新的name添加到record里面并且赋值nameMap为更新后的record。否则,且在非生产环境下,就会报warning,这时候就会看见我们开头时候的那个警告。找到报warning的位置了,看了一下,这里的意思就是:如果不是生产环境下,那我就给你报这个warning。言外之意就是,与之前命名过该路由名称的路由发生了冲突,所以Vue发出警告。翻译过来就是:定义重复命名的路由。

2024-05-06 17:22:44 334

原创 element-ui 中修改loading加载样式

加载功能,默认是全屏加载效果。

2024-05-06 16:11:33 835 2

原创 vue 使用 html2canvas 截屏并下载图片至本地(重点兼容ie浏览器)

html2canvas要做IE浏览器兼容

2024-05-06 11:19:38 488 4

原创 vue控制台报错Duplicate keys detected: ‘xxxxx‘. This may cause an update error.解决方案

1、提示 Duplicate keys detected ,翻译为:检测到重复的密钥。因此处使用的是测试数据,所以执行修改一下 sbbh的值,不要出现重复的即可。发现问题:v-for中的key是一个相同的值。

2024-04-11 10:20:09 409

原创 vue中改变v-html中包含body标签的样式修改方法

就可以改变body里的样式。

2024-01-18 10:32:14 1199

原创 echarts 仪表盘进度条 相关配置

将精度条设为渐变色,中间富文本修改样式:只需要修改(进度条progress、详情detail)

2024-01-05 17:27:17 848

原创 vue+Echarts 仪表盘进度条颜色和样式修改

*

2024-01-05 15:39:23 2022

原创 el-table设置默认选中报错_this.$refs.singleTable.toggleAllSelection is not a function

直接使用以下的方法,报错信息是`_this.$refs.singleTable.toggleAllSelection is not a function。再把它展开,终于在中间部分找到了这个方法,所以这个方法并不是直接。打印出来了是这么一个东西,看他的格式应该是类似数组。这个东西不存在或者有错误,所以我决定把。看了网上的解决方法,加了。打印出来看看是什么东西!

2023-12-20 15:58:51 564

原创 vue + element 项目表格多选根据状态来禁用

这个是直接写在里面了不用再额外调用方法了。判断后台给返回的状态码。

2023-12-19 16:05:16 365

原创 vue 在for循环中设置ref并获取$refs

1.设置:【:ref=“‘XXX’ + (index+i)”】或者【:ref=“‘XXX’ + id”】2.获取:let ref = eval(‘this.$refs.XXX’ + index)[0]1.设置:【:ref=“‘XXX’ + index”】XXX -->自定义ref的名字。index+i -->两个for循环的索引;id -->item的唯一标识;

2023-12-15 16:35:45 2943

原创 解决el-table组件中,分页后数据的勾选、回显问题?

" ”表示关闭modal弹窗后进行的操作:保存勾选数据、清空勾选效果、清空form表单、重置分页信息。

2023-12-15 16:06:32 950

原创 elementui el-pagination分页组件查询的时候当前页不更新

2.做了一个判断以后就是在点查询按钮的时候让pageNum默认为就好了。1.在加的查询条件中,一般查询按钮是调的列表接口的方法。

2023-12-15 15:05:01 891

原创 输入框内禁止输入特殊字符

根据所要禁用的特殊字符,对这些特殊字符 [`!&——+={}|《》;、~] 进行增加或删减即可。

2023-10-24 13:58:30 823

原创 Element ui table展开行中,某些行需要展开,某些行不需要展开

【代码】Element ui table展开行中,某些行需要展开,某些行不需要展开。

2023-07-18 19:20:39 1174 2

原创 JavaScript中的 map, forEach 无法跳出循环, return和 break不起作用,可以使用every 和 some方法

);

2023-07-13 15:14:24 1185

原创 Vue中一次性遍历同一个点击事件且操作互不影响

【代码】Vue中一次性遍历同一个点击事件且操作互不影响。

2023-04-24 15:25:08 401 1

原创 get请求400错误 vue_IE浏览器http请求,中文传参时的时候报服务器错误

就可以解决传递中文参数,在IE浏览器没有反应的问题了。

2023-04-23 11:08:08 268

原创 Vue 动态改变css样式的方法总结

在网页开发中,我们经常会遇到动态的改变某个元素样式的需求,在vue里如何实现呢?官网上其实写的很详细了,对象语法,数组语法等。我自己总结了在开发中,个人用的比较多的三种方式。

2023-04-21 15:28:58 2908

原创 Vue的倒计时效果实现(element-ui)

就是简单的倒计时这个是基于elementUI做的。

2023-04-21 11:17:32 1979

原创 vue 中 给img图片添加动态路径 路径正确但是图片不显示问题

【代码】vue 中 给img图片添加动态路径 路径正确但是图片不显示问题。

2022-12-16 19:26:44 5063 2

原创 vue 悬浮可拖拽组件--可在屏幕上进行拖拽

【代码】vue 悬浮可拖拽组件--可在屏幕上进行拖拽。

2022-12-16 19:21:25 1679

原创 vue img标签图片加载时 闪烁

加载时 在图片正常显示之前还是会显示加载出错的默认图片。因为此时的img_url为空 所以就在父元素 加上。初次加载闪烁 然后在父元素添加了v-cloak。

2022-12-16 19:15:57 1800

原创 阻止vue中的input在按下Enter键时进行刷新

在form上添加@submit.native.prevent发现容易出现不可预测问题。

2022-11-30 16:00:55 1191

vue 使用 html2canvas 截屏并下载图片至本地(重点兼容ie浏览器)

html2canvas的依赖包,复制放在node_modules中

2024-05-06

vue中table表格内的能编辑和删除,关键是能编辑

这个是vue+element的表格编辑适合大家在项目中遇到的问题来快速解决 vue table elementul el-table vue-cli el-button 这个不难,但在项目中就会很迷茫 JavaScript 前端vue

2024-03-15

就是将百度网页嵌入到自己的页面中就好

就是在自己的页面中想嵌入百度搜索页面的情况,可以选择下载本应用

2021-05-25

vue+element的表格中添加加减按钮的问题

这个是一个table框加减按钮的一个功能模块,这个是在其他的地方没有的,表格加载加减按钮点击时互不影响的一种方法。

2019-09-05

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除