joy_mhy-CSDN博客

实现单行垂直居中，两行垂直居中，超过两行省略…显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> span{ display:-webkit-box; -webkit-line-clamp:2;

2022-03-23 17:19:14 1327

getters相当于vue中的计算属性，通过getters进一步处理，得到我们想要的值，而且允许传参，第一个参数就是stateimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex) export default new Vuex.Store({ state: { //存放状态 nickname:'Simba', firstname:'张', lastname:'三丰', age:20, gend

2022-03-22 16:52:02 86

转载 mapState 辅助函数

import {mapState} from 'vuex'export default { name: 'home', computed: mapState(['nickname','age','gender'])}mapState(['nickname','age','gender']) //映射哪些字段就填入哪些字段这一句代码就相当于下面这些nickname(){return this.$store.state.nickname}age(){return this.$store.

2022-03-18 15:57:35 279

转载 vuex-state

一、state引入vuex 以后，我们需要在state中定义变量，类似于vue中的data，通过state来存放状态state: { //存放状态 nickname:'Simba', age:20, gender:'男' }有了vuex，我们不必在考虑组件之间的传值，直接就可以通过$store来获取不同的数据，如果需要vuex中的多个数据的这时候，我们可以将它定义在computed中。Props，methods,data和computed的初始化都是在beforeCre

2022-03-03 16:19:47 453

原创密码加密问题

密码加密支付密码：sha256密码加密后进行Rsa加密sha256是一种不可逆的算法，Rsa加密是一种非对称加密，Rsa的公钥通过接口获取后进行保存。获取到支付密码后，通过sha256算法得到一个字符串，用后台返回的公钥进行rsa加密字符串后上送【用公钥进行Rsa加密】...

2022-03-02 17:47:15 131

原创原生交互问题

$bridge.callHandler 第三方交互插件在头像上传、身份证上传的时候会设计到与原生的交互，与原生交互之前需要先约定交互方法名称以及传给原生的数据格式（json格式）【json 对象】，原生进行处理后执行回调方法，获取到原生的data数据后先进行string字符串判断，符合string字符串【json字符串】后继续json转换，转换后可通过key值对应的value值，切记在回调方法之前进行_this...

2022-02-28 16:06:42 161

原创传递参数问题-vue-router

3.vue-router-传递参数问题（$route）(1)this.router和this.router 和 this.router和this.route 的区别：this.$router 相当于一个全局的路由对象，包含路由相关的属性、对象 (如 history 对象) 和方法，在任何页面都可以通过 this.$router 调用其方法如 push() 、go() 、resolve() 等。this.$route 表示当前的路由对象。每一个路由都有一个 route 对象，它是一个局部的对象，可以获

2022-02-25 10:44:15 423

原创转译问题-计算属性

转译问题-计算属性在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。watch和computed的区别：watch和computed各自处理的数据关系场景不同，watch擅长处理的场景：一个数据影响多个数据时；computed擅长处理的场景：一个数据受多个数据影响时。总结：如果页面数据需要经过复杂计算就用 computed，如果一个数据需要被监听并且对其他数据做一些操作就用 watch。...

2022-02-24 10:30:51 299

原创数据回显问题

![1.数据回显问题(1)sessionStorage与localStorage 1)区别 localStorage生命周期是永久，除非用户清除localStorage信息，否则这些信息将永远存在； sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过它存储的数据也就被清空了 2)具体用法：以sessionStorage举例 sessionStorage.setItem(key,value):将value存

2022-02-23 15:44:30 896

原创小数点精度缺失的问题

https://www.husw.net/blog/post/1572/1/2/https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=monline_4_dg&wd=element%20ui%20%E8%AE%BE%E7%BD%AE%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81input&oq=element%2520ui%2520%25E8%25AE%25BE%25E7%25BD%25AE%25

2021-08-03 11:17:43 137

原创 element ui表尾合计行保留两位小数

https://www.husw.net/blog/post/1572/1/2/

2021-07-29 17:51:15 604

原创 form表单问题

form表单问题：1、v-model与:model区别：（1） v-model是vue.js中内置的双向数据绑定指令，用于表单控件以外的标签是不起作用的(即只对表单控件标签的数据双向绑定有效)。（2） :model相当于v-bind:model的缩写，v-bind动态绑定指令，默认情况下标签自带属性的值是固定的，这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。当然引用类型除外，子组件改变引用类型的数据的话，父组件也会改变的。2、element ui下拉框写法：//模

2021-07-11 22:14:08 135

原创 2021-5-13学习内容

一面：1、算法（1）快速排序简述假设当前需要从小到大进行排序，快速排序的核心思路是，从当前数组中，找到一个元素作为基准比较值（key），分别从两个方向进行比较。从后往前找，比key小元素放在数组前面。然后从前往后找，比key大的元素放在数组后面。最终两个方向交汇到中间，让key交换到数组的中间位置。（2）二叉树：定义：每个节点最多含有两个子树的树称为二叉树。遍历方式（后、前）查找一个数的查找深度2、操作系统（1）线程和进程（2）进程之间通信方式①FIFO，也称为命名管道，它是一种文件

2021-05-13 16:50:51 76

原创基于Vue和Axios的小型在线音乐播放器

基于Vue和Axios的小型在线音乐播放器文章目录基于Vue和Axios的小型在线音乐播放器思路：一、音乐查询二、音乐播放三、歌曲封面四、歌曲评论五、播放动画六、播放MV总结思路：一个音乐播放器的功能：1、歌曲信息：封面，歌名，专辑，作者2、控制器：上一首，下一首，暂停播放3、进度条：总进度，缓存进度，播放进度，播放时间，总时间，进度拖拽按钮4、播放方式：单曲循环，顺序播放，随机播放，列表循环5、声音：总声音长度，当前声音长度，声音长度拖拽按钮6、播放列表：序号，操作，歌名，歌手，专

2021-04-25 15:12:08 656

原创 Vue总结

一、【v-show与v-if区别】实现本质:*v-show:*通过display : none和display: block之间切换。*v-if:*通过DOM节点的插入,删除来实现切换性能对比:v-if:切换时需要删除、插入节点开销大但是在初始化的时候，如果条件是false是不会插入节点渲染的会节约性能。总结:如果不是频繁切换只需要渲染时条件渲染用v-ifv-show:有更高的初始渲染开销。就算是false也会渲染但是在切换的时候只是改变样式。消耗少。总结:在频繁切换的时候用v-sh

2021-04-19 14:32:34 136 1

转载 flex布局

移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局：兼容性好布局繁琐局限性，不能再移动端很好的布局1.2 flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3 建议1. 如果是pc端页面布局，还是采用传统方式2. 如果是移动端或者是不考虑兼容的pc则采用flex2.0 flex布局原理flex 是 flexible Box 的缩写，意为" 弹性布局 "，用来为盒状模

2021-04-18 18:40:42 153

原创 web前端页面优化问题

1、减少HTTP请求达到性加粗样式能优化改善响应时间最简单的途径就是减少HTTP请求的数量次数。2、使用字体图标在可以大量使用字体图标的地方我们可以尽可能使用字体图标，字体图标可以减少很多图片的使用，从而减少http请求，字体图标还可以通过CSS来设置颜色、大小等样式，何乐而不为。3、合并脚本和样式表将多个样式表或者脚本文件合并到一个文件中，可以减少HTTP请求的数量从而缩短效应时间。不过合并所有的样式文件或者脚本文件可能会导致在一个页面加载时加载了多于自己所需要的样式或者脚本，对于只访问该网站一个（

2021-04-18 11:07:13 245 1

空空如也

空空如也