我仰泳一级棒

原创 字符串中删除（替换）指定的某个字。

// 方法一： replace 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串let str = '五一快到了，国庆还远咩吗'str.replace('咩','')console.log(str) // '五一快到了，国庆还远吗'// 方法二： split + join// split() 可以把一个字符串分割成字符串数组// join() 可以把一个数组通过分隔符拼接成一个字符串let str = '五一快到了，国庆还远咩吗'str.split('咩').j

转载 文字超过三行隐藏 点击更多显示全部，隐藏显示三行

链接：https://www.imooc.com/wenda/detail/514564

转载 用vue写一个轮播图

<template> <div class="banner" @mouseenter="enter" @mouseleave="leave"> <!-- mouseenter --> <div class="item"> <img :src="dataList[currentIndex]" /> </div> <div class="page" v-if="this.dataL

原创 css 盒子居中的几种方式

壹:position (定位方式)父盒子设置:position : relative子盒子设置:position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto具体代码如下<template> <div class="bigBox"> <div class="smallBox"></div> </div></template>

原创 记一次sass 全局配置全局变量的使用以及注意点

开始使用1 首先先装sass预编译器2 在vue项目src目录里的assets文件夹新建一个文件夹(styles)你需要用到的全局的变量,后缀是**.scss**3 在xxx.scss 文件中定义全局变量$mainColor: #f6ac19; //主色$color-text-main: #373B49;$size48: 48px; // 一级页面特定文字$setFont: var(--setFont) // 改变文字大小,特殊处理的4 配置vue.config.js 文件

原创 关于异步编程

异步编程因为JavaScript是单线程工作,只有一个任务执行完成后才能执行下一个任务,两个任务不能同时执行,如果某个任务耗时很长(比如读取一个大文件,发送网络请求),那后面的任务都必须排队等着,会拖延整个程序的执行.为解决这个问题,js语言将任务的执行模式分成两种: 同步 和 异步同步模式: 后一个任务等前一个任务结束,然后再执行,程序执行的顺序与任务的排序顺序是一致的,同步的异步模式: 每一个任务有一个或多个回调函数callback(),前一个任务结束,不是执行后一个任务,而是执行回调函数,后一

原创 vuex 的用法

原创 记一次用vue3.0 安装有赞vant报错

问题见图问题原因:如果你的vue是装的 3.0那你装的vant 版本装的是这个 ( npm install vant -S),那就会报上面这个错.正确做法vue 版本 3.0vant 版本 ( npm i vant@next -S )..求点赞,评论,关注

原创 解决 - 移动端(H5) ios 在点击input输入框,弹起软键盘后,顶部输入框失效的问题

问题:在项目开发过程中发现这个问题,在安卓下是正常的,ios固定定位就会失效,在网上看了许多ios兼容的博客,都没有效果,卡了很久,ios 的软键盘弹出后,会把页面撑高.他就不在原来的位置定位了后面同事提了个思路,当我点击搜索框的时候,会弹出软键盘,往上滑的话,搜索框也会跟着滑走,那我们就在滑动上做文章.往上滑的时候(或者点击屏幕的时候) 让软键盘消失就ok了,那么页面就不会被撑高了vue开发代码mounted () { document.body.addEventListener('to

原创 移动端(H5) 用vue实现tooltip功能

前提:由于vant组件库没有tooltip的功能只能手写了.先上图当点击最右边的小宫格时,tooltip提示框不会超出去,会一直保持在可视区域里.html:<template> <div class="wrap" @click="showTips = false"> <div class="subject"> 學習情況 </div> <hr /> <div class="conte

原创 vue 搜索框模糊查询 + 优化(节流) + 关键字高亮

直接上代码HTML视图层代码<template> <!-- 模糊查询 + 节流 --> <div> <input type="text" placehold="请输入id进行查询" v-model="inputValue" ref="input" @keyup="goSearch" /> <!-- 这里v-show比v-if省性能 --> &lt

原创 自定义滚动条样式

优化背景: (overflow:auto)客户嫌浏览器自带的滚动条样式太丑了,要优化关键代码<style lang="scss" scoped>.wrap { width: 100%; height: 286px; padding: 0 0 20px 0; overflow-y: auto; // 也可以写在里面 // &::-webkit-scrollbar { // /*滚动条整体样式*/ // width: 4px; //

原创 涨芝士:三元运算符里嵌套三元运算符与Vue的template里调用methods的方法

背景前提:某个需求优化,用户头像要做逻辑判断,后端接口返回两个字段,一个字段是userImage(用户自己上传的头像),另一个是sexImage(性别头像:男和女)逻辑一: 若userImage有值就直接显示 userImage:‘xxxxx’ 的头像,后面的性别头像就不管了逻辑二: 前面的 userImage:“ ” ,就取性别头像, sexImage:“man” (男生头像), sexImage：“woman” (女生头像)逻辑三: 若 usrImage:" " 和 sexImage

原创 git跟新远程分支,本地分支与远程分支同步

一行代码搞定git remote update origin –prune

原创 echarts 柱状图设置灰色阴影的点击事件

故事背景:因为有时,某个柱子的数据会很少,那柱子显示的颜色就会低,不方便用户操作开发需求:pc端鼠标移到柱子上,就显示阴影,移出柱子阴影就消失.app端没有移入事件,就通过点击事件处理了解决方案:在option配置项中的tooltip添加如下代码 tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 // 方法一 type: 'shadow', // 默认为直线，可选为：'line' |

原创 移动端上echarts的tooltip超出了手机屏幕-解决

问题背景:移动端开发,做图表可视化项目,用的echart组件库,在柱状图(条形图)中,点击挨着左边手机屏幕最近的那个条形时,他的tooltip(浮窗)会超出屏幕解决方案:tooltip: { trigger: 'axis', confine: true, // 加入这一句话 backgroundColor: 'rgba(255,255,255,0.8)', borderColor: '#f5f6f8', borderWid

原创 Mock.js的使用

mock.js:生成随机数,拦截Ajax请求模拟后端接口返回的数据完成交互功能1、安装mock.jsnpm install mockjs2、在mian.js里导入import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import ElementUI from 'element-ui'import 'element-ui/lib/the

原创 关于Vue报错Newline required at end of file but not found

这段报错翻译:文件末尾需要换行，但未找到解决方案: 在你报错的vue文件,该页面最后一行加一个回车

原创 使用ssh克隆项目

具体操作流程1、新建一个空的文件夹（最好英文命名）并用git bash here 打开（Mac的话，就点击右键用选择终端打开）2、在git bash here 输入命令行 ssh-keygen –t rsa –C“邮箱名”3、 出来提示.ssh在哪里的路径，回车两次4、在显示的路径中找到.ssh,在.ssh中找到id_rsa.pub（注：.shh为隐藏文件，要提前打开隐藏文件，一般会隐藏在你命名的项目文件夹中）或者输入cat ~/.ssh/id_rsa.pub （ 查看公

原创 前端面试详解,看心情跟新中...

闭包是指有权访问另一个函数作用域内变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以 访问到当前函数的局部变量。闭包有两个常用的用途。闭包的第一个用途是使我们在函数外部能够访问到函数内部的变量。通过使用闭包，我们可以通过在外部调用闭包函数，从而在外部访问到函数内部的变量，可以使用这种方法来创建私有变量。函数的另一个用途是使已经运行结束的函数上下文中的变量对象继续留在内存中，因为闭包函数保留了这个变量对象的引用，所以这个变量对象不会被回收。function