- 博客(10)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 vue移动端项目rem自适应适配插件postcss-pxtorem的使用
文章目录一、安装依赖插件1.下载 postcss-pxtorem， 用于将 px 单位转化为 rem 单位2.下载 amfe-flexible ，用于设置 rem 基准值二、配置1. 在配置文件（vue.config.js）里面引入postcss-pxtorem，并配置2. 在mind.js文件引入amfe-flexible3. 在index.html头部加入手机端自适应meta三、使用一、安装依赖插件1.下载 postcss-pxtorem， 用于将 px 单位转化为 rem 单位npm ins
2021-11-19 11:43:22
4386
1
原创 vuex插件vuex-persistedstate的使用（解决页面刷新store数据丢失问题）
插件原理也是将数据存本地，只是不用手写一、下载npm install vuex-persistedstate --save二、使用—在store文件夹的index.js引入及配置插件import Vue from 'vue'import Vuex from 'vuex'import user from './modules/user'import common from './modules/common'import tags from './modules/tags'import
2021-11-16 18:00:09
1303
4
原创 前端js数据分页处理
大部分时候分页处理后端会处理好，前端直接拿到数据渲染就可以。但是但是~有时候也会遇到个别不给你处理分页的后端…这个时候就需要我们拿到数据后自己去吧数据做分页处理，然后再渲染了代码如下：let data=[{//模拟数据（假设这就是从后台请求过来的数据） name: "沈阳市", value: ["123.429092", "41.796768"], }, { name: "长春市", value: ["125.324501", "43.886841"],
2021-10-20 15:11:48
2792
原创 vue视频播放插件—vue-video-player
下载插件npm install vue-video-player --save引入插件在main.js里全局引入import VueVideoPlayer from 'vue-video-player'// require videojs styleimport 'video.js/dist/video-js.css'// import 'vue-video-player/src/custom-theme.css'Vue.use(VueVideoPlayer, /* { op
2021-10-09 09:56:27
370
原创 js Set和Map集合的基本用法
一、Set基本用法Set类似于数组，但是成员的值都是唯一的，没有重复的值（常用于数组去重）。Set本身是一个构造函数，用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 4 通过add()方法向 Set 结构加入成员，结果表明 Set 结构不会添加重复的值Set函数可以接受一个数组（
2021-10-08 09:25:17
733
原创 js定时器setTimeout和setInterval用法及区别，清除定时器的使用
setTimeout和setInterval使用方法定时器两个参数，第一个是执行代码，第二个是执行时间。执行时间自己随便设置，执行代码有以下几种方式传入：1.匿名函数形式传入 setTimeout(function() { console.log('time1'); },1000); setInterval(function() { console.log('time1'); },1000);2.函数不带参数传入 let time1=function() {
2021-09-29 18:47:39
3503
1
原创 vue实现页面打印自动分页的两个方法
一、通过ref方式获取元素进行打印1.封装一个js文件// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof
2021-09-28 10:13:33
3117
原创 vue调取电脑摄像头实现拍照功能
实现效果图：拍照前&拍照后（我电脑摄像头挡住的，所以图片是灰色）1.点击拍照上传功能调取电脑摄像头权限2.选择允许使用摄像头之后，页面摄像头区域开始显示画面3.点击拍照按钮，右侧显示拍摄的图片。点击保存即可完整代码：我这里写的是一个组件，所以触发调取摄像头事件是从父组件传过来的。也可以直接写一个页面上。<template> <div class="camera-box" style="width: 900px;"> <el-row :g
2021-09-27 16:00:00
5012
12
原创 js根据出生日期计算年龄及根据年龄计算出生日期
1.根据日期算年龄 mymethod(birthday){//根据日期算年龄 if(birthday){ birthday=birthday.split('-'); // 新建日期对象 let date = new Date(); // 今天日期，数组，同 birthday let today = [date.getFullYear(), date.getMonth() + 1, date.
2021-09-26 14:48:00
8367
1
原创 js数组去重方法（易记）
1.indexOf去重优点：该方法可以顾虑到重复的 String、Boolean、 Number、undefined、null，返回的是去重后的新数组。缺点：不能过滤掉 NaN、Object let arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN','NaN', 0, 0, 'a', 'a',{},{}]; let newArr = []
2021-09-24 17:25:36
214
空空如也
uniapp项目 websocket封装
2023-02-22
swiper设置一页显示多个， slideTo方法不生效有人知道怎么解决吗？
2023-02-13
axios节流封装怎么实现呀？
2022-02-08
前端页面刷新就会报错，用的nuxt框架
2021-12-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人