- 博客(146)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序面试题
大体相同,但小程序直接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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 在项目中git新建分支 删除本地分支和合并分支
补充:该命令相当于同时执行了git branch dev和git checkout dev,前者是创建新分支,但并不切换过去;后者是切换到指定分支,并将本地代码也切换成指定分支的代码
2020-05-27 11:26:19
1922
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端跨域总结
一、什么是跨域???跨域是指一个域下的文档或脚本去请求另一个域下的资源,俗称跨域请求。跨域主要是由于浏览器出于安全问题的考虑,采用了同源策略,通过浏览器对JS的限制,防止恶意用户获取非法的数据。二、什么是同源策略???同源策略是一种约定,他是浏览器最核心最基本的安全功能,如果缺少同源策略,浏览器很容易受到xss(XSS攻击原理:通过向用户界面中注入script脚本,然后在脚本中获取用户的t...
2019-12-10 10:37:30
373
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue页面性能优化方案
个人在项目中用到的页面性能优化的方式总结。一、均衡页面加载文件的大小和数量1、项目中小图片图片转base64,通过工具如webpack进行图片压缩,文件进行压缩混淆等2、vue-router 懒加载,异步路由3、第三方依赖按需加载,比如使用element-ui框架,但是里面的组件只用到了其中一部分,可以单独建一个引入element组件的文件,在里面引入我们项目中需要的组件,然后vue.us...
2019-11-26 16:34:30
597
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 在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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
转载 Flex 布局语法
一、Flex布局是什么?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex; //这个属性加在大盒子上}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器,必须加上-webkit前缀。.bo...
2019-05-15 14:33:01
322
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 初识vuex
Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。什么是“状态管理模式”?每一个 Vuex 应用的核心就是...
2019-03-14 11:20:29
280
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
原创 利用好自己的空余时间
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
原创 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
原创 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 在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
原创 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 动态改变css样式的方法总结
在网页开发中,我们经常会遇到动态的改变某个元素样式的需求,在vue里如何实现呢?官网上其实写的很详细了,对象语法,数组语法等。我自己总结了在开发中,个人用的比较多的三种方式。
2023-04-21 15:28:58
2908
原创 vue 中 给img图片添加动态路径 路径正确但是图片不显示问题
【代码】vue 中 给img图片添加动态路径 路径正确但是图片不显示问题。
2022-12-16 19:26:44
5063
2
原创 vue img标签图片加载时 闪烁
加载时 在图片正常显示之前还是会显示加载出错的默认图片。因为此时的img_url为空 所以就在父元素 加上。初次加载闪烁 然后在父元素添加了v-cloak。
2022-12-16 19:15:57
1800
vue中table表格内的能编辑和删除,关键是能编辑
2024-03-15
echarts中折线图markLine的线的颜色设置
2020-01-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人