weixin_40890907的博客

原创 小数转化为百分数（保留小数点后一位有效数字）

// 小数转化为百分比(保留有效小数)export const toPercent = point => { var size = Number(point * 100).toFixed(1) + '' var index = size.indexOf('.') // 获取小数点处的索引 var dou = size.substr(index + 1, 1) // 获取小数点...

原创 实现一个导航栏，鼠标滑入滑出效果展示。点击每个导航栏菜单，分别弹出对应内容

<template> <div class="list1"> <ul> <li> <a href="#">菜单1</a> </li> <li> <a h

翻译 深拷贝（数组和对象）

function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(var key in obj){ if(obj.hasOwnProperty(key)){ ...

原创 找出数组中唯一不同的那个数（JS）

function findArr(arr) { if (arr[0] !== arr[1] && arr[0] !== arr[2]) { return arr[0] } for (var i = 0, len = arr.length; i < len; i++) { if (arr[i] !==...

原创 合并两个数组并去重（ES5和ES6两种方式实现）

 ES6实现方式 let arr1 = [1, 1, 2, 3, 6, 9, 5, 5, 4] let arr2 = [1, 2, 5, 4, 9, 7, 7, 8, 8] function uniqueArr(arr1,arr2) { //合并两个数组 arr1.push(...arr2)//或者arr1 = [...arr1,...a...

原创 前端笔试题总结（this指向问题）

var x = 3;var y = 4;var obj = { x: 1, y: 6, getX: function() { var x =5; return function() { return this.x; }(); }, getY: function() { ...

原创 取出字符串中最后一个不重复的字符

//取出字符串中最后一个不重复的字符 var str = 'sshfajaohfiaoh' function lastWord(str) { var arr = str.split("").reverse() var res = [] for (var i = 0; i < arr.length; i++) { ...

原创 Vue中设置每隔1秒才能点击事件

 方式1 设置标志位// 点击站点名 handleclick (name) { let that = this if (this.flag) { //逻辑代码 } this.flag = false this.timerID = setTimeout(function () { console...

原创 移动端H5页面自适应使用方式（手淘H5）

要实现手机屏幕自适应布局（样式），可以使用手淘H5开发模式1.在主页面index.html中引入js文件<meta name="viewport" content="width=device-width,initial-scale=1.0"><script src="https://front-h5.oss-cn-hangzhou.aliyuncs.com/flex...

原创 ios中点击input输入框光标变大，页面放大问题

1. input输入框中的字体不能小于16px2. 调整input框的行高与字体font-size的行高，一般是前者>=后者3.也可以禁止页面缩放<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-sc...

原创 Vue中自动获取input焦点

 <input v-focus type="text" name="search" ref="input" autofocus v-model="inputValue" maxlength="10" @input="handleOnInput()" class="search-inp" placeholder="搜线路"&

原创 自封装RequestHttp请求方法

Async函数能使多个相关的异步操作如同同步操作一样聚合起来，使其相互间的关系更为清晰、过程更为简洁、调试更为方便。返回一个Promise对象。自封装JS文件import axios from 'axios'import * as CONFIG from './config'// 返回请求 //根据接口返回的格式进行相应修改function httpResponse (res...

原创 前端项目笔记

1.图片与文字在同一行上显示，要对齐，可以给图片使用vertical-align: top2.盒子居中a. margin: 0 auto;b. display: flex;   justify-content: center;   align-items: center;c. 父position: relative;子position: absolute;top:50%;l...

转载 Vue2.0 生命周期

原创 Promise知识点

Promise 是异步编程的一种解决方案。有三种状态：pending（进行中）、fulfilled(已成功)、和rejected（已失败）。一旦状态改变就不会再变化，此时称为resolved（已定型）Promise对象是一个构造函数，用来生成Promise实例。const promise = new Promise(function(resolve, reject) { // ....

原创 ES6字符串扩展

 1. 模板字符串模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中。模板字符串中嵌入变量，需要将变量名写在${}之中。大括号内部可以放入任意的 JavaScript 表达式，可以进行运算，以及引用对象属性...

转载 CSS中的position的值？

使用css布局position非常重要，语法如下： position：static | relative | absolute | fixed | center | page | sticky 默认值：staticcenter、page、sticky是CSS3中新增加的值。(1)、static 可以认为静态的，默认元素都是静态的定位，对象遵循常规流。此时4个定位偏移属性不会被应用，也就是...

翻译 常见浏览器兼容问题及解决方案？

(1)浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。(2)浏览器兼容...

原创 Array的部分方法

concat() 连接两个或更多的数组，并返回结果。join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。pop() 删除并返回数组的最后一个元素。  shift() 删除并返回数组的第一个元素push() 向数组的末尾添加一个或更多元素，并返回新的长度。unshift() 向数组的开头添加一个或更多元素，并返回新的长度。reverse() 颠倒数组中...

原创 String的部分方法

concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。 indexOf(字符) – 给字符查索引。如果没有匹配项，返回 -1 。 lastIndexOf(字符) – 从后往前查，查找对应字符的索引值。如果没有匹配项，返回 -1 。 charAt(索引值) – 给索引返回字符。 charCodeAt(索引值) – 给索引返回字符编码。...