developinggirl的博客

原创 el-table 设置fixed导致行错乱问题

el-table布局问题

原创 el-tree取消选中节点和取消选中节点的高亮

elementui

原创 图片上传方法

原创 12345

原创 图片背景去

原创 vue横向滚动条的实现

<template> <div id="" class="wrapper"> <div class="nav"> <div style="width: 10px; height: 18px" @click="goBack"> <img class="arrowBack" src="@/assets/detail/al.png" /> </div> <div clas.

原创 vue中异步函数async和await的用法

先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数async function timeout() {　　return 'hello world';}　　语法很简单，就是在函数前面加上async关键字，来表示它是异步的，那怎么调用呢？async函数也是函数，平时我们怎么使用函数就怎么使用它，直接加括号调用就可以了，为了表示它没有阻...

原创 2021-11-03

用 async/await 来处理异步　　昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，也是需要学习一下了。　　先说一下async的用法，它作为一个关键字放到函数前面，async function timeout() {　　return 'hello world';}　　只有一个作用, 它的调用会返回一个promise对象。调用一下看看就知道了，怎么调用？async函数也是函数，所以...

原创 小程序和vue对比

vue和微信小程序的区别、比较一、生命周期先贴两张图：vue生命周期小程序生命周期相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad: 页面加载 一个页面只会调用一次，可以在onLoad中获取打开当前页面所调用的query参数。 onShow: 页面显示 每次打开页面都会调用一次。 onReady: 页面初次渲染完成 一个页面只会调用一...

原创 Vue生命周期执行顺序

1.介绍vue每个组件都是独立的，每个组件都有一个属于它的生命周期。从一个组件的创建、挂载、更新、销毁，这就是一个组件的生命周期。2.生命周期图本图来源于vue官网vue生命周期图.png3.单组件执行顺序进入页面默认会自动执行beforeCreate -> created -> beforeMount -> mounted beforeCreate：在执行该函数时，$el、$data、methods、computed在this中【无法获取】...

原创 弹性盒实现图标和文字的水平对齐

html<view class="icon" ><image class="wx_icon" src="{{wx}}" /><view>微信支付</view></view>css.icon{display: flex;align-items: center;justify-content: flex-start;}

原创 Component “xxx“ does not have a method “xxx“ to handle event “xxx“

小程序遇到这种情况说不定是把调用的方法放到了methods里面，这种情况可以把方法放到的methods外面，和methods以及data同级就可以找到了 change: function(e) { this.setData({ hideContent:true, showHistory:true, }) }, methods:{ goSearch: function(e) {}...

原创 2021-05-16

JS闭包首先来认识一下什么是闭包，闭包，一共有三大特征： 1 函数嵌套函数 2 内部的函数可以引用外部函数的参数和变量 3 参数和变量不会被垃圾回收机制所收回闭包作用： 1.实现公有变量，函数累加器 2 可以做缓存，储存结构 3 可以实现封装，属性私有化 4.模块化开发防止污染全局变量闭包缺点：会造成原有作用域链不释放，造成内存泄漏举个栗子：function aaa(){ var b = 5; function bbb(...

原创 2021-05-10

关于立即执行函数的理解上一节的立即执行函数中，其实这只是立即调执行函数的一种方法，其本质是函数表达式后面接函数执行符号，让函数立即执行。下面就从上一篇文末的两个例子来探索和总结立即执行函数的原理和写法。立即执行函数两个例子背后的误会先来看看上一篇文末两个例子的面试题结果：从打印结果可以看出第一个没有报错。但是我们要注意的是，第一个看起来很像是要想立即执行函数（可能真实意图也是这样），并且没有报错，但是并不表示这个立即执行函数成功执行了，其实这个跟立即执行函数没有半点关系。另外从.

转载 2020前端面试题--js部分

2020前端面试题–js部分1 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、UndefinedObject 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Arguments、Math、Date、RegExp、Error新类型：Symbol2 说说写JavaScript的基本规范？不要在同一行声明多个变量使用 ===或!==来

转载 ES6中的Promise对象的理解

ES6中的Promise对象的理解 Promise的含义promise是异步编程的一种解决方法。所谓promise，简单说是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果，从语法上说，promise是一个对象，从它可以获取异步操作的消息，promise提供了统一的API，各种异步操作都可以用同样的方法进行处理。Promise对象的特点（1）对象的状态不受外界影响，promise对象代表一个异步操作，有三种...

转载 MD5加密

MD5加密为了数据安全经常会使用到加密技术，学习了一下Android中会用到的加密方法和场景MD5主要是对于密码的加密，APP中输入账号密码，本地保存或传输到服务器都可能被获取到；直接操作密码肯定是不安全的，一般是进行MD5加密后再保存或者传输；MD5加密是不可逆的，加密后无法解密，直接将加密后的数据作为密码；这样就算得到用户密码的MD5值，也无法获取用户的密码，就算是管理员也无法得知用户密码MD5其他的用法，防止被篡改，可以对一些数据先计算MD5，传输后再计算MD5进行对比，如果数据被修改了，MD

原创 关于TCP三次握手

关于TCP三次握手关于TCP协议三次握手的问题，在面试中是最为常见的知识点之一，得到了很多面试官的青睐，如果这个知识点没有掌握好，面试官要是问得深入一点，求职者往往会不知所措。为什么建立连接需要三次握手？首先非常明确的是两次握手是最基本的。第一次握手，客户端发了个连接请求消息到服务端，服务端收到信息后知道自己与客户端是可以连接成功的，但此时客户端并不知道服务端是否已经接收到了它的请求，所以服务端接收到消息后的应答，客户端得到服务端的反馈后，才确定自己与服务端是可以连接上的，这就是第二次握手。客户端只

转载 CSDN如何快速转载文章

首先找下面的一篇文章为例https://blog.csdn.net/weixin_43648947/article/details/88997946注意：转载一般都需要备注来源和作者，文章归类为转载第一步打开这个博客，我们F12,或者右...

转载 理解vue之element-ui中的 slot-scope

理解vue之element-ui中的 slot-scope(很详细) ...

原创 日常小点

关于或且非的逻辑或遇真则停，且遇假则停，否则返回最后一个值或有一个真则真，且有一个价假则假

原创 如何开发一个vue插件的npm包并且发布到npm中央仓库

如何开发一个vue插件的npm包并且发布到npm中央仓库npm包命名规则及文件夹结构用模块的名称命名根目录，npm包名不能重复每个npm包根目录下都包含一个index.js文件和package.json文件src目录，用于放置未压缩的源码dist目录，用于放置压缩后的代码使用package.json文件的规格来描述本模块README.md是说明文档发布npm到npm中央仓库(公共仓库)[以vue视频播放插件为例]1、注册npm账号我们在发布npm包之前，要去npm官网注册一个账号，注册

转载 发布npm包遇到的报错： ERR! 403 Forbidden， Are you logged in as the correct user

发布npm包报错： ERR! 403 Forbidden， Are you logged in as the correct user发布npm包的时候发现报了这么一个错误上面写着登录不正确，403的错误吗，一开始还以为自己登录错了呢。后来终于发现，原来不是自己登录错了（登录错了会在登录的时候就提示你报错了）如果出现在发布的时候报这个错，说明你在package.json中登记的name已近被采用了。重名了，所以你得换一个。我们在发布一个包之前，最好拿着这个登记的name去搜一下，如果已近有了，那就要

转载 Vant的安装和用法

Vant安装和使用 Vant ( ˈvænt ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近50个组件，这些组件被广泛使用于有赞的各个移动端业务中。如果你需要开发一个移动

原创 有关vue具名插槽的使用

具名插槽的使用1.创建一个组件navbar.vue2.书写插槽<template> <div class="nav"> <div class="left"> <slot name="left"></slot> </div> <div class="center"> <slot name="center"></slot> </di

原创 有关this指向总结

1：全局的this指向window在全局情况下this永远指向window;console.log(this=window)//true2：普通函数调用的时候this也是指向window(注意严格模式下为undefined)var x = 10; //window.xfunction foo(){console.log(this); //windowconsole.log(this.x); //10}foo(); //foo.call(window),window.foo()3：对象

原创 原生js获取DOM元素的方法

原生js获取DOM元素的方法1.通过id获取<div id="box"></div><script> let box= document.getElementById("box");</script>注意：getElementById()括号中的不需要在前面加“#”，因为方法就决定了括号中的值是一个元素的id值。该方法返回一个DOM对象。2. 通过class获取<div class="box"></div>&lt

原创 关于date

关于DateDate对象相关知识获取当前时间获取Date类型当前时间var dt = new Date( );// Tue May 12 2020 16:47:37 GMT+0800 (中国标准时间)获取时间戳var dt = new Date( ).getTime();// 1561597701206 // Date: 呈现时间中的某个时刻,1970年1月1日起经过的毫秒数。 var dt = new Date(); console.log(dt);

原创 swiper网站基本使用

Swiper基本使用HTML部分 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> ...