- 博客(21)
- 收藏
- 关注
RSS订阅
原创 vue实践——使用e.target.dataset实现tab切换
前几篇文章曾经说到过vue实现tab切换的方法，详见https://blog.csdn.net/yt412182782/article/details/99291751今天给大家介绍另一种实现方式templatemethodsdata实现效果这种方法的关键点在index的值，index的值是通过data-index控制的，e.target.dataset.i...
2019-08-26 17:42:47
1783
原创 vue点名器
<template> <div style="margin-bottom:20px;border: 1px solid #333; width: 300px; height: 100px; color:red;font-size:20px;text-align:center;line-height:100px"> {{ choiceItem }} </div> <el-button @click="choiceCli.
2021-07-13 15:49:08
409
原创 Promise和 await/async
methods: { one(){ return 1 }, // two(){ // // return 2 // setTimeout(()=>{ // return 2 // },2000) // }, two(){ return new Promise((resolve,reject)=>{ setTimeout(()=&.
2021-04-19 20:16:30
81
原创 对象的深拷贝和浅拷贝
浅拷贝：基本类型浅拷贝拷贝的值就是基本类型的值，引用类型拷贝的是内存地址，如果内存地址改变，对象就改变了Object.assign()注意：不会拷贝对象继承的属性 不可枚举的属性 属性的数据属性/访问器属性 可以拷贝Symbol类型可以理解为Object.assign就是使用简单的=来赋值,遍历从右往左遍历源对象(sources)的所有属性用=赋值到目标对象(target)上扩展运算符利用扩展运算符可以在构造字面量对象时,进行克隆或者属性拷贝letcloneObj ...
2021-04-19 15:27:48
117
转载 前端处理单点登录问题
前言 这里主要讲解什么是单点登录以及前端如何实现单点登录。但注意单点登录并不安全，因为只要数据在前端，不管你怎么加密，都只是相对安全，而非绝对安全，你用cookie和session安全级别都差不多，都很容易被攻击。所以做单点登录的系统，就不要出现很重要的信息，或是要做很重要的信息修改或获取时，得再进行一次安全验证。 另外推荐一个前端加密的文章，内容相对比较全，有兴趣可以看看https://mp.weixin.qq.com/s/V-g2P42t8EJDl-wFhWxSUQ什么是单点登录..
2021-04-12 10:36:35
565
原创 vue中常用的指令（了解即可）
v-once 只执行一次，不跟数据的改变而改变，通过v-once来进行来使双括号绑定值不去改变v-html v-text和双括号解析相同，v-html可以解析html代码，v-text只能解析文本v-pre 跟<pre>标签显示方法相同v-cloak 相当于一个遮挡物，在vue解析之前v-cloak显示，解析之后v-cloak不显示应用场景：在解析之前{{message}}不能完全显示，只会显示出定义内容，这样对用户不友好，所以使用[v-cloak]{dispaly:none}，
2021-04-07 18:23:27
45
原创 数组去重思想
数组去重首先定义一个空的数组，把原数组遍历，利用indexOf方法做判断是否为-1判断这个空数组中是否有值，然后每次添加到这个空数组
2020-12-15 16:04:41
113
原创 css的水平垂直居中
水平居中行内元素:text-align: center 块级元素:margin: 0 auto position:absolute +left:50%+ transform:translateX(-50%) display:flex + justify-content: center垂直居中设置line-height 等于height position：absolute +top:50%+ transform:translateY(-50%) display:flex + al...
2020-12-15 14:40:05
62
原创 学习ES6（一）：扩展运算符（...）
...：将一个数组转为用逗号隔开的参数序列举例：...[1,2,3] ====》1,2,3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5替代函数的 apply 方法 ://ES5applyvar num=[1,2,3];function fun(x,y,z){}fun.apply(null,num)//ES6...var num=[1,2,3];function fun(x,y,z){}fun(...num)..
2020-10-26 14:48:05
75
原创 动态修改网页title
太久没更新，弄个简单的知识点总结动态修改title1.document.getElementsByTagName("title")[0].innerText = 'title值';这种方式通过tagName获取title标签jquery的方法$('title').text(‘’)2.document.title=‘title值’;这种简单，实现效果一样的...
2020-09-09 17:38:39
148
原创 浅读vue组件（五）——兄弟组件的传递，中央事件总线
兄弟组件的传递方法很多，坑也比较多，在实际项目开发中，我使用过，父传子，子再传父的，多次传递，可以实现兄弟组件间的传递，这种方法不说了，没什么精髓，而且处理的比较慢，我介绍另一种兄弟组价的传递方法——中央事件总线&&&&&&&&&&&&开发中很常用，尤其是想改变公共的header中的头像数据时经常会...
2019-12-31 11:22:17
228
原创 vue中watch简单了解
watch主要是用来监听数据变化，通过新数据和旧数据相比较，实时监听数据的变化data(){ return{ pageNo: 1, }}watch:{ pageNo: function(oldVal, newVal) { //之前的数据 console.log("oldVal"); //变化之后的数...
2019-12-13 14:37:31
125
原创 单行省略和多行省略
一定要给宽度，否则不生效单行省略white-space: nowrap;overflow: hidden;text-overflow: ellipsis;多行省略display：-webkit-box;-webkit-box-orient：vertical;-webkit-line-clamp:3overflow:hiddlen;text-overflow:elli...
2019-12-12 15:26:19
109
原创 父子组件调用总结
父组件给子组件传递数据父——子==>props直接传递，但是在传递的时候需要在组件上进行绑定，：tableData=tableData，props:["tableData"]子——父==>this.$emit("pageNoFun",val)，在组件上绑定@pageNoFun="pageNoFun"，pageNoFun(data){},data的值就是val的值兄弟组件之间...
2019-12-11 10:27:35
95
原创 用node搭建简易服务器vue和socket.io完成一对多聊天功能
领导给我安排个工作，让我自己研究一下前端自己完成页面聊天功能，我就在网上找了多个，不是太过复杂，就是实用性讲解不全我结合这些，研究了一个，和他们类似的先说一下思路：1.先要安装几个依赖2.建立服务端，在vue项目中服务端就是单独建立一个文件夹，然后js文件（详见下文）3.建立客户端4.建立联系1.安装依赖npm install -s socket.ionpm i...
2019-08-13 18:14:42
729
原创 vue实践——tab切换
原生js的tab切换思路是这样的：1.先将导航栏循环，得到每个单独的导航栏项2.将循环的导航栏项进行点击3.再进行一步循环，其他兄弟元素隐藏，拥有当前index值显示出来，当前类名改变，其他的类名变回公共类名原生js的tab切换基本就是两步循环，一次循环导航，一次循环内容，两步嵌套实现切换jquery的tab切换思路和原生完全一样。进入正题~~~~vue是MVVM框架，...
2019-08-12 11:25:55
710
原创 浅读vue组件（四）——$ref
一、将字组件的方法传递给父组件ref 加在子组件上，用this.$refs.ref值获取到的是组件实例，可以使用组件的所有方法。在使用方法的时候直接this.$refs.ref值.方法（） 就可以使用了。子组件：父组件想使用子组件的方法：先给子组件起个名字，利用ref给组件起名字点击执行parent方法parent方法：this.$refs.layer...
2019-08-06 15:30:42
166
原创 浅读vue组件（三）——$emit
父组件给子组件传递数据使用props，子组件给父组件传递数据就需要使用内置$emit触发自定义的事件上例子：~~~~~~~~~~~~~~~~~~~子组件~~~~~~~~~~~~~~~~~~~~~~~~~~这是个弹出框，点击取消和确定的时候执行并将数据传递给父组件：hideData方法：利用内置的$emit将fieldClose传递给父组件~~~~~~~~~~...
2019-08-06 10:37:11
126
原创 浅读vue组件（二）——prop
通过 Prop 向子组件传递数据官网文档上写了这样一句话：早些时候，我们提到了创建一个博文组件的事情。问题是如果你不能向这个组件传递某一篇博文的标题或内容之类的我们想展示的数据的话，它是没有办法使用的。这也正是 prop 的由来。官网文档很明确的说了，向组件传递标题或内容的数据，prop的作用就是向子组件传递数据。传递的方式利用props选项传递该组件可以应用父组件拿到的p...
2019-08-06 10:14:17
97
原创 浅读vue组件（一）
组件是可复用的 Vue 实例,且带有一个名字。1.先创建一个组件，单页面组件，2.在要引用的页面中import引入3.再在components中将单页面的名称引入4.在要用的位置引用...
2019-07-29 10:51:59
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人