- 博客(24)
- 问答 (16)
- 收藏
- 关注
RSS订阅原创 选项卡选中取消
wxml <view wx:for="{{list}}" wx:for-item="item" wx:for-key="item.value" class="item {{item.selected ? 'selected' : ''}}" data-index="{{index}}" bindtap="toggleSelect"> <image src="{{item.img}}"></image> <v
2021-12-21 15:21:47
175
原创 小程序Tab选项卡切换效果
点击上面导航切换下面内容index.wxml文件<!-- 导航 --><view class='top_nav'> <view class="nav-name {{item.typeId == currentId ? 'nav-hover':''}}" wx:for="{{section}}" wx:key="id" id='{{item.typeId}}' catchtap='handleTap'> {{item.name}} </vie
2021-12-20 16:37:47
382
2
原创 小程序实现类似播报循环的淡入淡出的动画
代码片段：https://developers.weixin.qq.com/s/lzBqPcml73vT利用CSS3 动画 设置opaityindex.wxml<view class="box-wrap"> <view class="broadcast animate" style="transition:opacity 1s ease-out;opacity:{{opacity}}"> <view class="broa...
2021-11-30 18:10:32
904
原创 小程序swiper文字轮播同时变换图片
index.wxml<image class="banner" src="./images/banner_1.png"> <!-- 文字轮播 --> <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="3000" bindchange="handleChange"> <block...
2021-11-18 13:48:24
1514
原创 react 左右联动
简单的效果图import React, { Component } from 'react';import "../about/linkage.less"export default class Linkage extends Component { constructor(...args) { super(...args); this.state = { LeftList: [ { id:.
2021-09-07 15:19:13
549
原创 React 图片懒加载
话不多说了，创建一个LazyLoad.js的React组件，然后将下面的代码复制过去import React from 'react'const threshold = [0.01]class LazyLoad extends React.Component { constructor(props) { super(props) this.state = { io: null, refs: null,
2021-09-01 16:19:49
462
原创 React redux安装及配置
1、加入依赖包 npm i redux -S npm i react-redux -S 2.根元素加入Provider，创建storeindex.js里import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import reportWebVitals from './reportWebVitals';// 路由im
2021-08-31 15:17:23
789
原创 React-Router 路由配置
1.安装npm install react-router-dom --savenpm install react-router-config --save2.HashRouter与BrowserRouter区别BrowserRouter： 原理是H5的history API，IE9及以下不兼容，需要由web server支持，在web client这边window.location.pathname被react router解析HashRouter： 原理是URL的hash，不需
2021-08-30 16:21:08
664
原创 react axios配置
1.先下载npm i axios -s constructor(...args) { super(...args); axios({ url: "/api/oldcar/getCarList/", params: { page: 1, mod: "奔驰", }, method: "post",
2021-08-27 19:05:43
323
原创 React配置less和scss
这种基本上就是安装个less/scss和对应的loader，然后去webpack里配置一下。create-react-app脚手架生成的项目默认隐藏掉了webpack配置，所以配置less/scss之前先把配置文件暴露出来：npm run eject一.less1.首先是下载less和less loader：yarn add less less-loader或者npm add less less-loader2.修改config/webpack.config.js添加
2021-08-26 15:50:49
569
原创 React less配置
1、首先呢我们需要展开我们的webpack配置文件npm run eject2、然后我们需要下载less-loadernpm i less less-loader -s //本地化安装less和lessloader3、然后我们就需要进行环境的配置了进入我们的config文件，我们会看到Webpack.config.jsconst lessRegex = /.less$/;const lessModuleRegex = /.module.less$/;...
2021-08-25 19:38:35
479
原创 React px 转换成 rem
安装相关的依赖npm i lib-flexible --savenpm i postcss-px2rem --save获取Webpack文件对于react-create-app安装的React项目我们可以直接运行npm run eject主要用来暴露项目配置npm run eject！如果运行npm run eject报错，出错的原因应该是仓库里面代码没有提交，如下提交一下git add .git commit -m '自定义名'npm run eject然后打
2021-08-25 17:15:28
207
原创 React 小球滑块
先引入JS<scriptsrc="../js/browser.js"></script><scriptsrc="../js/react.js"></script><scriptsrc="../js/react-dom.js"></script>可以网上下载body <div id="root"></div>js<script type="te...
2021-08-24 15:49:37
118
原创 微信小程序 wx.request的封装
直接在js文件中使用此方法 但是做项目还是得使用封装 wx.request({ url: 'http://www.ibugthree.com/oldcar/searchCar', method: 'POST', data: { page: 1, mod: '宝马' }, header: { 'pc-token': '4a82b23dbbf3b23fd8aa291076e660ec', ...
2021-08-22 20:25:11
298
原创 vue 小球滑动交叉
废话不多说 直接上代码！<template> <div class="about"> <div class="box"> <!-- 默认线 --> <div class="Line"></div> <!-- 蓝色的线 --> <div class="slider-Line" ref="slider-Line"></div>
2021-08-22 20:15:23
237
原创 vue原生小球滑块
用到的一些事件 阻止默认事件 ： ev.preventDefault && ev.preventDefault(); 获取宽度：getBoundingClientRect().width 点击位置在元素的位置：ev.changedTouches[0].pageX<template> <div id="app"> <div class="slider"> <div clas...
2021-08-22 20:13:48
204
原创 Vue vue-lazyload懒加载
1.安装，在vue-cli中安装npm install vue-lazyload -D2.在vue-cli中的使用在main.js中配置import VueLazyload from 'vue-lazyload' //使用懒加载组件Vue.use(VueLazyLoad,{ loading:require('./assets/car/Loading_failed.png'), attempt:3})3.把图片img里面路径 ：src改为v-lazy 就可以了
2021-07-06 11:33:51
179
原创 css适配iPhoneX屏幕安全区
iPhoneX对比起以前其他的手机，屏幕顶部变成了留海屏，底部取消了物理按键改成了小黑条，这种改动导致了web开发中页面上新的适配问题。比如一些需要贴在底部的按钮，和呼起的tabBar和底部弹出框，在iphoneX上就会出现被小黑条遮挡内容，或者页面上出现白色空隙的问题。在public/index.html head 标签中添加 meta 标签<head><meta content="width=device-width,initial-scale=1,maxi..
2021-07-06 11:16:49
936
原创 vue之上拉滚动加载页面数据
页面结构<tuijianlp :tuijlpList="tuijlpList" /> //组件<p class="morelp"> {{ nomore ? "没有更多了" : "正在加载..." }}</p>data() { return { tuijlpList: [], area_id: 3, datacounts: 0, //数据总条数，计算总页数 scroll: true
2021-07-01 20:06:35
290
原创 vue 页面跳转记录位置返回在原来滚动的位置
第一步：在router文件里面的index.js写入 { path: '/carsList', name: 'CarsList', //汽车列表 component: () => import(/* webpackChunkName: "about" */ '../views/CarsList.vue'), meta: { keepAlive: true //需要缓存 }}上面是跳转路由，主要是把meta添加到里面第二步：还是
2021-07-01 19:25:25
548
1
原创 vue axios的二次封装
第一步：在当前根目录下打开终端下载axios npm install axios -S第二步：新建一个vue.config.js文件module.exports = { devServer: { proxy: { "/api": { target: 'http://www.ibugthree.com/', // 想要访问接口域名 changeOrigin: true, // 开启跨域,在本地创建一个...
2021-07-01 19:05:18
439
原创 webApp meta移动端配置
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=de.
2021-06-29 11:32:46
169
原创 vue实现上拉加载和下拉刷新
上拉加载加载组件：<template> <div class="weui-pull-refresh" ref="scrollBox" :style="style" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd"> <div class="weui-pull-refreshing-box"> <di
2021-06-28 20:12:58
3050
1
原创 vue 滑动页面关闭键盘事件
1：写form标签 里面必须写action="javascript:void 0" ref是给下面传递元素<formaction="javascript:void0"><inputtype="search" ref="myInput" /></form>2：mounde写监听事件 mounted() { // 键盘监听事件 window.addEventListener("t...
2021-06-28 20:07:40
768
3
空空如也
小程序 选择商品数量总数问题
2022-03-17
wx.request异步比调用的先执行获取不到id值？
2022-03-10
小程序 api接口怎么改为Form Data?
2022-03-08
微信小程序 获取单选框选中的值怎么保存？
2022-01-28
小程序 选项卡的小问题？
2022-01-20
企业微信后台怎么查看配置了回调域名呢？？
2022-01-19
小程序 IndexList索引列表
2021-12-14
小程序 手风琴折叠面板样式问题？
2021-12-10
小程序 吸顶效果开发者好使 真机不好使
2021-12-03
想要横向滚动效果 一直不出来
2021-12-02
小程序怎么实现一条文字循环的淡入淡出的动画
2021-11-30
小程序 想要底部菜单栏点击加号从底部弹出 点叉号隐藏 就是抽屉效果
2021-11-26
微信小程序 轮播文字 图片也跟着变
2021-11-16
小程序 想要底部菜单栏点击加号从底部弹出 点叉号隐藏 就是抽屉效果
2021-11-25
Vue axios 接口请求不出来数据 一直是undefined 为什么
2021-11-12
用Textarea渲染对应的列表中？？
2021-11-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人