自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

飞翔༒之翼

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

  • 博客(139)
  • 资源 (2)
  • 问答 (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 315

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

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

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

原创 前端跨域总结

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

2019-12-10 10:37:30 355

原创 vue页面性能优化方案

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

2019-11-26 16:34:30 566

原创 在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 1351

原创 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 742

原创 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 297

转载 Flex 布局语法

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

2019-05-15 14:33:01 312

原创 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 2649

原创 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 613

原创 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 1321

原创 初识vuex

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

2019-03-14 11:20:29 267

原创 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 580 1

原创 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 291

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

就可以改变body里的样式。

2024-01-18 10:32:14 751

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

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

2024-01-05 17:27:17 550

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

*

2024-01-05 15:39:23 992

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

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

2023-12-20 15:58:51 472

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

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

2023-12-19 16:05:16 217

原创 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 1526

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

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

2023-12-15 16:06:32 709

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

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

2023-12-15 15:05:01 660

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

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

2023-10-24 13:58:30 578

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

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

2023-07-18 19:20:39 899 1

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

);

2023-07-13 15:14:24 869

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

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

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

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

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

2023-04-23 11:08:08 156

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

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

2023-04-21 15:28:58 2281

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

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

2023-04-21 11:17:32 1350

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

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

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

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

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

2022-12-16 19:21:25 1126

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

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

2022-12-16 19:15:57 1595

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

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

2022-11-30 16:00:55 1145

原创 js 保留两位小数不进行四舍五入

/ decimal你保留的几位,默认保留小数后两位。// 保留小数n位,不进行四舍五入。// num你传递过来的数字,

2022-11-13 10:48:03 1063

转载 vue实现下拉框二级联动效果

主要思想就是在第一级下拉框发生单击事件的时候,我们拿到第一级下拉框的id值(这里你不一定是id值),然后遍历包含所有数据的一级分类集合,找到和当前单击事件选中的一级分类id值相等的那个对象,然后把它的children属性(我的children在后端是个二级分类的集合)赋值给data属性里面的二级分类数组对象subjectTwoList即可。我这里是后端一次性把所有数据都取到了,我在前端遍历解决的。

2022-09-20 10:09:45 5906 6

原创 vue实现点击箭头的旋转动画(收起展开)效果

实现方法:用vue动态绑定class的方法,实现用不同的class渲染箭头,达到点击箭头

2022-07-11 15:29:56 2747 1

原创 this.$refs使用方法

this.$refs在vue中ref可以以属性的形式添加给标签或者组件ref 写在标签上时: 获取的是添加了标签对应的元素ref 写在组件上时: 获取到的是添加了属性的这个组件

2022-06-17 16:41:34 1231

原创 vue3常用的api

1. setupsetup函数是composotion api的入口函数,我们的变量,方法,函数等都是在该函数里定义的<template> <div id="app"> <p>{{ number }}</p> <button @click="add">增加</button> </div></template><script>// 1. 从 vue 中引入 ref 函数

2022-04-21 16:34:02 956

原创 python基础知识(三)

1.函数 (def)def顺序:位置 > *arge > 默认值 > **kwargs (*arge 和**kwargs是默认参数)<1>动态传参def footst(*foot): # *表示位置参数的动态传参,*接收到的值会被统一放在一个元组里面 print(foot)footst("面包", "香肠", "饮料", "手抓饼")输出的:('面包', '香肠', '饮料', '手抓饼')<2>第二种动态传参def chu(**fo

2022-02-06 12:04:18 814

原创 python基础知识(二)

1.元组: tuple , 特点:不可变得列表, 数据是不可被改变固定某些数据,不让外间修改元组如果只有1个元素(*),需要在元素的末尾添加一个逗号元组也有索引,查的时候就用索引t = ("炸弹", "火箭", "坦克")print(t)输出: ('炸弹', '火箭', '坦克')set() 创建空集合tuple() 创建空元组list() 创建空列表str() 创建空字符串2.set集合,set集合是无序的lp = set()lp.add("我")lp.add(

2022-01-24 16:58:13 1391

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关注的人

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