- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue + echart 云南省地图展示
vue + echart 云南省地图展示云南省地图json ：http://datav.aliyun.com/portal/school/atlas/area_selector。
2023-09-12 10:19:06
265
原创 两个数组，寻找相同项，并将b数组添加至a数组
两个数组，寻找相同项，并将b数组添加至a数组说明：两个数组，寻找相同项，并将b数组添加至a数组 let a=[{"id": 1,"name": "小米"},{"id": 2,"name": "喜哦"},{"id": 3,"name": "莉莉"}]; let b=[{"id": 1,"name": "小米"},{"id": 2,"name": "喜哦"},{"id": 1,"name": "131313"},{"id": 5,"name": "13131"}]; let m = ne
2022-05-18 21:24:31
472
原创 过滤两个数组中相同的项
过滤两个数组中相同的项es6 filter 过滤两个数组中相同的项，得到交集includes 过滤两个数组中相同的项，去除相同项的数组indexOf 过滤两个数组中相同的项，得到相同项的数组es6 filter 过滤两个数组中相同的项，得到交集代码片. let a=[{"id": 1,"name": "小米"},{"id": 2,"name": "喜哦"},{"id": 3,"name": "莉莉"}]; let b=[{"id": 1,"name": "莉莉"},{"id": 4,"name
2022-05-18 17:36:51
822
原创 uniapp跨域配置
项目场景：uniapp项目跨域问题描述：uniapp跨域问题，在开发环境中配置manifest.json代码："h5" : { "devServer" : { "https" : true, "port" : "8080", "disableHostCheck" : true, "proxy" : { "/" : {
2021-10-28 15:55:03
3294
原创 uniapp tab切换三种方式（切换内容不同情况下使用）
uniapp tab切换两种方式（切换内容不同情况下使用）文章目录**uniapp tab切换两种方式（切换内容不同情况下使用）**一、tabs切换两种方式（切换内容不同情况下使用）1.直接拆开使用（建议tab项比较少使用）2.使用scroll-view滑动一、tabs切换两种方式（切换内容不同情况下使用）1.直接拆开使用（建议tab项比较少使用）<template> <view> <view class="head-nav"> <view
2021-09-14 11:00:19
17922
6
原创 微信小程序三级联动
微信小程序三级联动参照了其他博主写的二级联动改出来的三级联动。效果图：借鉴文章------微信小程序两级联动文章目录微信小程序三级联动1.index.wxml2.index.js总结话不多说，请看内容吧。1.index.wxml代码如下：<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value
2021-09-02 16:45:50
1449
原创 前端开发经验总结
一、前端开发经验总结开发前与产品经理/UI对接需要注意：配色，字体，弹框/消息提示，响应式操作，设备屏幕比例，间距，是否多个主题，icon或者svg图标给出方式，图片大小，表格表单等等组件，页面注释便于理解和记录。最好有设计规范先出来再开始设计。开发前与后端对接需要注意：是否具有需求文档，返回的状态处理，容错处理，接口提交类型（get、post等）能否统一设置，参数类型设置，能否合理安排工期，能否又便捷的接口呈现方式（借用工具还是文档标注)。选择框架要慎重。搭框架包括:状态管理，网络管理，样式处理
2021-08-03 14:58:41
2055
原创 react tabs切换
react tabs切换组件代码如下（示例）：import { Avatar } from 'antd';import React, { useState } from 'react';interface ListProps { data: any[];}const ContactsList: React.FC<ListProps> = (props) => { const { data } = props; const [checked, setcheck
2021-07-16 17:02:47
882
原创 前端与UI开发前需要确定的内容
1.通用字号和字体； 2.通用颜色； 3.主题颜色； 4.通用响应式占比和宽高； 5.通用图标尺寸大小； 6.原型图和UI界面，页面交互文字或者动态说明； 以上内容尽可能以文字形式表示。其中颜色，文本样式，图标等先制作成规范，再开始设计。
2021-07-06 15:03:07
479
原创 React + Ant 改装 Checkbox全选反选
React + Ant 改装 Checkbox全选反选文章目录React + Ant 改装 Checkbox全选反选前言一、使用步骤1.CheckboxGroup组件页面2.index页面前言参照了过很多例子，最后结合官方例子改写成了如下一、使用步骤1.CheckboxGroup组件页面代码如下（示例）：import { Checkbox } from 'antd';import React, { useState } from 'react';const CheckboxGro
2021-06-30 11:39:40
597
1
原创 React + Ant list列表 全选反选及分页设置
React + Ant list列表 全选反选及分页设置文章目录React + Ant list列表 全选反选及分页设置前言图片展示页面代码前言因业务需要list的全选反选个别选择操作，还有分页，改造了一个list和card的样式。请直接看代码吧图片展示页面代码代码如下（示例）：import { HeartFilled, HeartTwoTone } from '@ant-design/icons';import { Button, Card, Checkbox, List } fr
2021-06-29 18:11:51
859
原创 纯css固定宽度，头部，菜单的布局
纯css固定宽度，头部，菜单的布局htmlcss页面要求：宽度1440px，两侧留白，居中对齐菜单和头部固定主要内容随意滚动直接看图吧html代码片.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="layout.c
2021-06-17 23:39:11
245
原创 微信小程序使用wx.downloadFile和wx.saveFile在真机调试和体验版没问题,线上却下载失败
问题描述：使用wx.downloadFile和wx.saveFile在真机调试和体验版没问题,线上却下载失败：先看看我的代码index.wxml<van-button type="primary" size="small" plain catchtap='downloadFile' icon="down">导出</van-button>// 下载导出数据 downloadFile() { wx.showLoading({ title: "加载中
2021-06-17 10:06:24
3103
原创 Ant Design 编写登录和注册页面
ant 编写登录和注册页面前言一、登录1.index.tsx页面2.index.module.less二，注册1.index.tsx2.index.module.less总结前言登录页面代码和样式，不多描述，直接看图登录分为账号密码登录和手机登录，使用tabs切换。一、登录1.index.tsx页面代码如下（示例）：import { Form, Input, Button, Tabs, Row, Col } from 'antd';import { Footer } from 'a
2021-06-02 15:52:37
8409
原创 Ant Design Carousel走马灯组件修改
Ant Design Carousel走马灯组件修改上图借鉴了他人的方法，自己又添加了点内容。大家可点击下方链接去看原博客。Markov Zheng ————antd走马灯组件自定义前进后退按钮index.tsximport React from "react";import styles from './index.module.less';import { Button, Carousel, Col, Row } from 'antd';import { LeftOutline
2021-05-25 11:10:14
3767
1
原创 react+ant-design+icejs项目——01.搭建ice.js+antd项目
01.搭建react+ant-design+icejs项目01.搭建react+ant-design+icejs项目搭建react+ant-design+icejs项目01.搭建react+ant-design+icejs项目前言一、了解并使用飞冰二、使用步骤1.创建项目2.运行项目3.安装插件4.安装插件总结前言最近开发的项目随记一、了解并使用飞冰飞冰官网：https://ice.work/关于飞冰特性React 研发框架：通过 icejs 研发框架集成目录规范、路由、状态管理
2021-05-20 16:00:39
1552
原创 react+ant-design Pagination分页设置居中
react+ant-design Pagination分页设置居中react+ant-design Pagination分页设置居中总结react+ant-design Pagination分页设置居中代码如下：<Table pagination={{ showQuickJumper: true, pageSize: 10, position:["bottomCenter"] }}></Table>
2021-05-20 15:19:21
1875
4
原创 微信小程序wx.getUserProfile授权及页面展示
微信wx.getUserProfile授权及页面展示微信小程序wx.getUserProfile授权及页面展示小程序授权页面样式和wx.getUserProfile方法使用。话不多说，直接看图看代码。app.js代码片.// app.jsApp({ onLaunch() { // 展示本地存储能力 const logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStora
2021-04-22 11:50:40
4728
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人