m0_46512929的博客

原创 new Map 相关写法

【代码】new Map 相关写法。

原创 audio 音频标签详解

audio标签详解（属性+js操作+生命周期+播放事件）_js audio-CSDN博客

原创 前端页面 贴边拖拽 盒子

vue 悬浮球(带自动吸附功能)_vue悬浮球-CSDN博客

原创 pc端的鼠标箭头变换

【代码】pc端的鼠标箭头变换。

原创 获取当前时间之前monthNum个月的时间

【代码】获取当前时间之前monthNum个月的时间。

原创 使用css创建气泡

使用css创建气泡

原创 vue弹出层类的底部页面禁止滑动

@touchmove.stop.prevent

原创 为了避免手动复制出现丢包的情况，建议代码移动，代码如下，以苹果（终端）为例：

原创 vscode代码片段编写----可用于快速生成代码

原创 scss px=＞rem

<style lang="scss" scoped>@function px($rem) { @return $rem/50 + rem;}</style>

原创 前端面试题---2022版

前端自备

原创 JSON.stringify()和JSON.parse()

JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。JavaScript JSON.stringify() | 菜鸟教程JSON.parse() | 菜鸟教程...

原创 本地存储---localStorage、sessionStorage

一、localStorage1. 特点 生命周期：持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 存储的信息在同一域中是共享的。 当本页操作（新增、修改、删除）了localStorage的时候，本页面不会触发storage事件,但是别的页面会触发storage事件。 大小：据说是5M（跟浏览器厂商有关系） 在非IE下的浏览中可以本地打开。IE浏览器要在服务器中打开。 localStorage本质上是对字符串的读取，如果存储内容多.

原创 有意思的写法

<div class="order-content" ref="wrapper"></div> computed: { wrapper(_this) { return _this.$refs["wrapper"]; }, },

原创 npm install总是报错,无法验证第一证书

问题：npm install总是报错：unable to verify the first certificate（无法验证第一证书），As of February 27, 2017, npm no longer supports its self-signed certificates.2017年2月27日，npm不再支持自签名证书。因为npm install走的是https协议，需要通过数字证书来保证的解决方法：取消ssl验证：npm config set strict-ssl

原创 页签tab的切换--组件

可直接拿来用<template> <div class="tips"> <ul class="tab"> <li v-for="(tabItem, index) of tabContent" :key="'tabItem' + index" :class="[ index ===

原创 加密文件----公共

import { JSEncrypt } from "jsencrypt";// 加密export const encryptedData = (data) => { let mishi = "AwSAJBALNflQ3EdFdC3gFmD4ElXBa" + "jYlo5/eNceSzMquB8pRHZzjuCA6vw2Zmoveb+cwZes90NpXqXNMqSmc6rE8ppVn8CAwEAAQ==" let encryptor = new JSEncr..

原创 加载更多---vue

可直接拿来用<template> <div class="container"> <div class="list"> <ul class="list" v-infinite-scroll="load" infinite-scroll-disabled="disabled" >

原创 日常问题处理

1.处理form表单不能被点击（选中），尤其是ios点击不生效，user-select: auto !important;-webkit-user-select: auto !important;2.双大括号{{}}会将数据解释为普通文本，而非 HTML 代码//为了输出真正的 HTML，你需要使用 v-html 指令3.为了高效的更新虚拟DOM，ue中列表循环需加:key="唯一标识",<divv-for="(item, index) in arr":key="+ne

原创 右滑-----删除

<template> <div class="contents"> <div class="touch-item" @touchstart="touchstart" @touchend="touchend" > <div class="content" :class="{ active: flag == true }"> aaaaaaaaaaaaaaaaaddddd </div> ...

原创 substr()函数截取字符串

substr(start，length) 方法可在字符串中抽取从开始下标开始的指定数目的字符语法：string.substr(start,length)参数 描述 start 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。 length 可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结..

原创 改变后端返回文案部分字体颜色

//把其他规则的三改成a标签---'<a style="color:#E60027;text-decoration: none; ">' changea(str) { str = str.replace( /&/g, '<a style="color:#E60027;text-decoration: none; ">' ); str = str.replace(/@/g, "</a&g...

原创 购物车-----------------多选

if (this.selected.length !== 1) { if (this.selected.indexOf(item) !== -1) { this.selected.splice(this.selected.indexOf(item), 1); //取消 } else { this.selected.push(item); //选中添加到数组里 } } else { ...

原创 插槽的三种写法---可传值

##插槽1.说明：Vue实现了一套内容分发的API,定义时不知道具体要显示什么，只是留出来显示的位置，在组件调用时写具体内容，能展现在预留的位置上。2.定义：使用标签预留位置3.调用组件时，写具体的要呈现的内容，要显示在标签中1.匿名插槽<slot></slot><slotname='default'></slot> //相当于有默认名字2.具名插槽// 定义语法：<slotna...

原创 css元素居中问题

网站：CSS实现居中的方式 - Mipha - 博客园

原创 滑块--简装

<template> <div class="transaction"> <div class="deal" v-for="(item, index) in banliList" :key="index" @click="swiperHandle(item)" > <img :src="item.img" alt class="swiper-img" /> </di.

原创 手机号码部分号码用*代替

var phone = "131314561456"; var showPhone = phone.replace(/^(\d{3})\d{4}(\d+)/, "$1****$2"); var showPhone1 = phone.substr(0, 3) + "****" + phone.substr(7); console.log(showPhone); console.log(showPhone1);

原创 抓页面，抓接口

1. 全局安装: win ```shell npm install spy-debugger -g ``` mac: ```shell sudo npm install spy-debugger -g2. 手机，pc 处于同一网络下 设置代理 (wifi-高级-手动代理 ip：pc-ip 端口：9888)，如图：3. 手机配置完代理后，访问：http://spydebugger.com/cert 安装证书或者扫码安装证书的网址:...

原创 js的内置对象------Data

Date：1：js中用于日期和时间处理的一个对象。2：在计算机科学中，以1970年1月1日，0时0分0秒 的标准世界时，格林威治时间。为时间原点。3：Date 作为构造函数使用，创建日期对象。new Date(): 创建以当前系统时间为日期时间的事件对象。typeof new Date() === "object"补充：两个日期对象可以进行减操作。返回两个日期对象的时间的差值，毫秒返回。4：作为工具函数使用Date() : 返回的是当前系统时间的字符串表示形式。

原创 设计稿---------

export default function(win,px) { var remCalc = {}; var docEl = win.document.documentElement, tid; function refreshRem() { // 获取当前窗口的宽度 var width = docEl.getBoundingClientRect().width; // 大于1242px 按1242算 if (width > px) { .

原创 vue中 this.$set的解释和用法

问题： 当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。解决：调用方法:​​​​​​​ this.$set(target,key,value) target:要更改的数据源（可以是一个对象或者数组） key:要更改的具体数据 （索引） value:重新赋的值栗子：（1）单个修改this.items[0].message='one1'; //一般是可以更新...

原创 vscode快捷键+vscode扩展+电脑快捷键

目录一、vs code 的常用快捷键列表二、vs code 的常用扩展三、常用的电脑快捷键一、vs code 的常用快捷键列表1、注释：　　a)单行注释：[ctrl+k,ctrl+c] 或 ctrl+/　　b)取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)　　c)多行注释：[alt+shift+A]　　d)多行注释：/**2、移动行：alt+up/down3、显示/隐藏左侧目录栏ctrl + b4、复制当前行：...

原创 ps安装包

链接：https://pan.baidu.com/s/1VI0eHHjByvStV8G8cJFz-A提取码：jarv

原创 前端h5项目之随笔杂记

arrayObject.slice(start,end)//返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素 当元素失去焦点时发生 blur 事件 oninput 事件在用户输入时触发，该事件类似于onchange事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <sel...

原创 正则表达式

正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）（1）定位符^: 符号在正则的最前面使用，用来定位首字符的内容。$: 符号在正则的最后面使用，用来定位最后一个字符的内容。 如果正则中 ^ 和 $ 同时存在 那么意味着是整串匹配。（1）修饰符-----修饰符用于执行区分大小写和全局匹配:...

原创 谷歌浏览器设置跨域

（1）通过谷歌浏览器的桌面快捷方式找到chrome.exe文件，（2）在电脑上新建个文件，位置如下：C:\MyChromeDevUserData（3）使用win+r打开cmd命令行，并进入相应的位置（可查看文件属性查看文件位置）（4）使用命令行启动谷歌，命令以及效果图如下C:\Program Files (x86)\Google\Chrome\Application>chrome.exe --disable-web-security --user-data-dir=..

原创 -----数组和字符串的方法

1、数组（1）push poppush： 尾部添加数据。语法：array.push(任意个实参。。。。)作用：将所有的实参数据追加到当前数组对象末尾。返回：当前数组的新的长度pop：尾部删除数据语法：array.pop();作用：将当前数组的最后一个元素返回。并删除掉。返回：被删除的元素。（2）shift unshiftshift： 开头删除数据 语法：array.shift();作用：删除当前数组的第一个元素。返回：被删除的元素unshift：开头...

原创 登录----vue

做登录之前应该先确定那些页面需要进行登录验证，之后给相应的页面的路由添加路由元信息，如果需要验证的页面非常多，可以将元信息添加在父亲上meta: { isLogin: true }接下来进行导航守卫，代码如下（自己将代码单独提出来）：import store from '../store';import router from './index';router.beforeEach((to,from,next)=>{ //1.判断是否需要登录 ...

原创 es6新特性

原创 Git-----分布式版本控制系统

目录1、安装Git2、创建版本库3、分支管理3.1、创建和合并分支3.2、版本回退3.3撤销修改3.4删除文件4、远程仓库4.1、创建SSH Key 连接 gitHub4.2、创建远程仓库 gitee4.3、从远程库克隆4.4、多人协同开发5、指令总结1、安装GitGit官网直接下载安装程序，然后按默认选项安装即可。官网：https://git-scm.com/download/ 安装完成后，在开始菜单里找到“Git”-&...