自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(138)
  • 问答 (3)
  • 收藏
  • 关注

原创 js二维数组排序

【代码】js二维数组排序。

2022-08-21 21:32:10 507

原创 html中给table加边框的方法介绍

代码】html中给table加边框的方法介绍。

2022-07-31 22:29:45 987

原创 农历和阳历互相转换

代码】农历和阳历互相转换。

2022-07-24 19:14:56 902

原创 uniapp复制

代码】uniapp复制。

2022-07-24 12:14:25 566

原创 阳历和阴历的互转函数

/* @公历转农历:calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0] * @农历转公历:calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0] */ var calendar = { /** * 农历1900-2100的润大小信息表 * @Array Of Pro...

2022-05-02 22:47:38 1566

原创 阳历和农历互相转换的js代码

/* @公历转农历:calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0] * @农历转公历:calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0] */ var calendar = { /** * 农历1900-2100的润大小信息表 * @Array Of Pro...

2022-05-02 22:44:25 1181

原创 uniapp getStorageSync,setStorageSync,removeStorageSync,clearStorageSync如何封装缓存进行取值,赋值,移除,清空

//取值function get(key,sync = true) { try { if(sync){ return uni.getStorageSync(key); }else{ let data = ''; uni.getStorage({ key:key, success: function (res) { data = res.data; } }); return data; } } catch (e) .

2021-12-10 14:33:35 4113

原创 uniapp吸顶和自定义导航

<template> <view> <u-navbar :is-back="false" :background="background"> <view class="slot-wrap"> <view class="slot-content"> <u-icon name="search" color="#fff" size="35"></u-icon> .

2021-12-10 11:21:03 1499

原创 uniapp获取手机唯一标识

getClientIdd() { const client = plus.push.getClientInfo(); console.log('当前设备ID', client.clientid) return client.clientid },

2021-12-09 20:07:58 2668 1

原创 前端常见面试题

js 操作数组常用的join() 数组的元素组起一个字符串push() 可以接收任意数量的参数,把它们逐个添加到数组末尾pop() 数组末尾移除最后一项,减少数组的 length 值shift() 删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 。unshift() 将参数添加到原数组开头,并返回数组的长度 。sort() 按升序排列数组项——即最小的值位于最前面,最大的值排在最后面reverse() 反转数组项的顺序。...

2021-12-09 09:29:54 109

原创 react的props的简单传参和应用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/.

2021-12-03 20:55:59 459

原创 react的state的简单应用案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/.

2021-12-03 19:56:53 380

原创 react的函数自定义组件和类自定义组件的简单应用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/.

2021-12-03 19:35:41 418

原创 vue表单收集v-model以及表单提交

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/.

2021-12-03 13:37:13 740

原创 Vue监测数据set的应用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/.

2021-12-03 12:15:23 150

原创 React的jsx的语法规则

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l.

2021-12-02 19:06:20 136

原创 watch和computed过滤数据和排序的应用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/.

2021-12-02 12:24:22 248

原创 vue样式的绑定和class的绑定

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https:/.

2021-12-02 09:16:57 97

原创 web中的本地存储和微信小程序的本地存储的区别

1.写代码的方式不一样了web: 设置值 localStorage.setItem("key","value");微信小程序: 设置值 wx.setStorageSync("key","value");web: 设置值 localStorage.getItem("key");微信小程序: 设置值 wx.getStorageSync("key");2.存储的时候有没有做类型转换web:不管存入的是什么类型的数据,最终都会先调用以下 toString().把数据变成了...

2021-11-30 09:30:02 232

原创 uniapp 顶部绝对定位

.subsection { margin-top: 1px;position: sticky; /* #ifdef H5 */ top: 45px; /* #endif */ /* #ifndef H5 */ top: 1; /* #endif */ width: 100%; height:35px; z-index: 99; background: #fff;;

2021-11-20 22:17:44 1895

原创 js的箭头函数和普通函数以及setTimeout

fun1(){ //普通函数}fun2(()=>{ //箭头函数})setTimeout(()=>{},1000)

2021-11-19 17:29:17 593

原创 微信小程序组件方法互相调用

子组件wxml<button size="default" bindtap="handleSonClick" bindtap="handSonClick">子组件</button>js// components/children/nav.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data:

2021-11-19 13:57:13 2231

原创 微信小程序父组件引入子组件

父组件引入子组件在父文件的json文件中"usingComponents":{"tab":"../../components/tab/tab" //引入子组件的路径}wxml使用<tab></tab>

2021-11-19 09:39:25 371

原创 微信小程序父向子传递数据

父代码js data: { nav:[ { id:1, name:"首页", isactive:true }, { id:2, name:"生活", isactive:false }, { id:3, name:

2021-11-19 09:36:04 323

原创 微信小程序循环以及赋值或者函数传参

<checkbox-group bindchange="handleChange" data-value="微信小程序"><checkbox wx:for="{{list}}" wx:key="id" value="{{item.value}}" >{{item.name}}</checkbox></checkbox-group>获取checkbox选中的值console.log(e.detail.value.join(',...

2021-11-18 14:57:52 1724

原创 微信小程序轮播图高度的swiper设置

假如原图的宽度和高度 1125*352height: calc (100vw*352/1125)

2021-11-18 14:36:02 350

原创 vue导航守卫

确保要调用 next 方法,否则钩子就不会被 resolved。一个简单实用的小例子const router = new VueRouter({ ... }) //这是路由配置,我就不多说了const whiteList = ['/error', '/register/regindex', '/register/userauthent', '/register/submit'] // 路由白名单vueRouter.beforeEach(function(to,from,ne...

2021-11-16 21:53:32 140

原创 uniapp接口请求封装

uniapp接口请求封装//功能:暴露接口const BASE_URL = 'http://43.129.176.116:8787' //域名或选取所有接口不变的那一部分export const myRequest = (options) => { //暴露一个function:myRequest,使用options接收页面传过来的参数 return new Promise((resolve, reject) => { //异步封装接口,使用Promise处理异步请求

2021-11-16 18:28:09 1456

原创 uniApp 请求接口封装

commons目录下加request.js// 引入配置文件import config from "./config.js";import User from "./user.js";export default{ config:{ baseUrl:config.webUrl, header:{ 'Content-Type':'application/json;charset=UTF-8', 'Content-Type':'application/x-www-form-u.

2021-11-15 22:10:48 537

原创 vue3axios跨域

// vue.config.jsconst path = require("path");const webpack = require("webpack");module.exports = { // 项目部署的基本路径 // 默认假设你的应用将会部署在域名的根部 // 比如,https://www.vue-cli.com/ //如果你的应用是部署在一个子路径下,那么你需要在这里指定子路径,比如,如果你部署在 https://www.my-vue.com/my-ap.

2021-11-15 16:47:39 1905

原创 vscode保存代码取消单引号变成双引号和逗号

"vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true, "trailingComma": "none" } }

2021-11-15 16:15:13 1307

原创 flexible布局原理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .

2021-11-15 11:06:48 313

原创 less的应用

2021-11-15 08:59:20 219

原创 rem和媒体查询media的应用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-11-14 21:43:57 459

原创 html新布局display:flex的常用用法和案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-11-13 14:32:24 1659

原创 vue自定义指令的用法directives

内部指令directives:{正常模式/* color:{ //当指令第一次被绑到元素上会触发bind函数 bind(el,binding){ el.style.color=binding.value; }, //在dom更新时会触发update函数 update(el,binding){ el.style.color=binding.value; } } */...

2021-11-12 17:17:31 545

原创 vue的插槽slot的用法

APP父组件引入子组件 通过卡槽添加数据app.vue<template> <div id="app"> <Article> <template #title> <h1>标题</h1> </template> <template v-slot:content> <h2>内容</h2> .

2021-11-12 17:10:51 88

原创 vue动态切换组件component以及keep-alive的运用

动态切换组件用<component :is="componentName"> </component>componentName是组件名称案例代码:<template> <div id="app"> <h2>根组件</h2> <input type="button" value="点击" @click="showComponents"> <hr /> <component :is.

2021-11-12 13:24:16 2298

原创 vue中axios基本用法

1.首先安装axios:1):npm install2):npm install vue-axios --save3):npm install qs.js --save  //这一步可以先忽略,它的作用是能把json格式的直接转成data所需的格式2.安装成功后,在main.js页面引用:import Vue from 'vue'import axios from 'axios'Vue.prototype.$axios = axios //全局注册...

2021-11-10 21:52:50 835

原创 购物车的数组循环累加代码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-11-10 21:22:24 505

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除