- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 2021-10-12
uview piker多列动态更改数据 下拉列表动态修改数据问题：1、原有的uview组件库没有动态的获取多级列表数据选择，只能是固定数据的选择2、项目多级列表数据庞大，一次性获取所有数据不太现实3、需求就是：能动态的去选择多级数据，减少请求量话不多说上代码：思路来源piker源码问题：1、原有的uview组件库没有动态的获取多级列表数据选择，只能是固定数据的选择2、项目多级列表数据庞大，一次性获取所有数据不太现实3、需求就是：能动态的去选择多级数据，减少请求量话不多说上代码：html:<
2021-10-12 17:22:16
657
原创 修改组件内部样式，单页面修改
修改插件组件的样式，自定义样式（例如iview）这个css/less的解决方法很简单css:.a >>> .b{ //自定义样式, a是组件的父级，b则是组件的样式Class，这样默认的样式则会被修改}less:.a /deep/ .b{ //自定义样式 ，和css 的唯一区别在于穿透的写法}如果不确定要改的组件样式是哪个，可以先在浏览器上f12区域，对目标样式先手动改，看是否会应用...
2020-11-25 16:22:46
1160
原创 vue中 axios封装拦截
创建文件夹util.js 里面写import axios from 'axios';let util = {};util.title = function (title) { window.document.title = title;};//const setApi = window.configjs.apiUrlAggregate.baseURL //环境变量头部const setApi = process.env.VUE_APP_BASEURL//某个端口uti
2020-11-11 17:56:31
121
原创 Vue3.0学习
VUE3.0 学习笔记（vite）创建项目组合API setup()在vue3.0中，使用组合API，也就是将以往的data、metods、watch等函数可以直接写在setup()里面，有好处就是，一个功能的数据、方法、计算等等都可以放在一块，便于维护注意：在setup()定义的变量和方法，如需在外部使用，则必须return导出1、ref、reactive在setup()中，想要定义一个可以在外部templet中直接使用的可响应的变量，必须使用ref、或者reactive进行产出，区别在
2020-10-31 16:51:04
237
原创 VS_Code快捷自定义代码块，助你一臂之力
VS_Code快捷自定义代码块，助你一臂之力作用详情话不多说，上图输入你的代码块文件名（无要求）编辑文件效果展现作用详情很多时候我们在开发时，经常会用到一些常用的代码块，使得我们需要手打或者去其他地方粘贴，这样的打代码效率是非常不高的，在下教您一招，给通用代码块取个代号，一敲代号立马现身话不多说，上图输入你的代码块文件名（无要求）编辑文件新建的文件有英文注释和模板，可以自己百度翻译一下按照我的理解是这样子的：// An highlighted block{ "Print to c
2020-09-11 10:05:20
1597
2
原创 小程序，事件传递参数
小程序，事件传递参数小程序的传值方式不同于其他框架的传值方式他使用的是属性传值也就是说你得在绑定事件的标签上给他绑定一些特定的属性微信给了一个绑定也就是 data-key这个key就是bind:tap="clickAction" data-id="{{id}}"这样在你的方法clickAction里面这样获取clickAction(e) { let id=e.currentTarget.dataset.id }观察数据你会发现，dataset是个对象，包含了你所
2020-07-17 15:30:56
110
1
原创 React中路由的配置，基于react-router-dom实现路由管理
基于react-router-dom ，实现react中路由的跳转既然是基于react-router-dom实现的路由，那么我们第一步当然是下载react-router-dom啦npm i react-router-dom -s基本概念我们先讲几个我们要用到的存在于react-router-dom包中几个基本的方法，{ BrowserRouter, Route,Switch,Redirect}1、第一个BrowserRouter就是总的路由管理了，他是说明，内部的路由的跳转，都是基于浏览器的hi
2020-07-11 13:50:07
1626
2
原创 React中Redux的使用和封装
React中的Redux的使用Redux他不仅能为react这样的框架提供，他也能在许多框架中大显伸手，此次呢我们就来了解一下Redux在react中是如何服务的我们要知道，我们使用Redux，就是想要一个全局的store，能够控制整个程序，程序中个个组件都能获取和修改，也就是全局的仓库，类似于Vue的VueX，了解了这些我们就可以开始部署我们的react的store了首先：我们需要安装两个包，一个是redux,一个是react-redux,后者就是联系react和redux的中间件npm ins
2020-07-10 21:15:47
960
原创 react中swiper的配置（纯swiper篇）
react中swiper的配置（纯swiper篇）本次的swiper的配置基于3.4.2版本的swiper包本篇博客可以有效解决配置的swiper不轮播，不自动轮播问题1、首先安装swiper3.4.2版本npm i swiper@3.4.2 -s这时候你会发现你的node_modules里面多了一个swiper包，如果你已经安装过其他的swiper，请先卸载2、如果你的swiper里面轮播的内容是静态的，也就是死数据的话，new swiper可以放在 组件componentDidMount周
2020-07-10 08:57:50
3918
11
原创 React less less-loader的使用，以及‘{’报错解决
React less语法支持编译与less的配置，以及‘{’报错解决（第3步）本次的less编译，主要基于less-loader这个包1、首先呢我们需要展开我们的webpack配置文件，这个在react中是默认隐藏的，你需要将它显示出来(注意此操作是不可逆的)npm run eject2、然后我们需要下载less-loader//less-loader负责打包转码npm i less less-loader -s //本地化安装less和lessloader3、然后我们就需要进行环境的
2020-07-09 19:43:18
3586
原创 React-分页器-（换页器）小组件
React-分页器-（换页器）小组件样式效果功能描述：当前页为1时，首页和左换页按钮消失当但前页为最后一页时，最后一页和右换页按钮消失，点击数组或者其他按钮会切换到相应页组件所需参数：pages_nus //当前页的IDzongyeshu //总页数max_nums //最大显示页数clickAction（id） //更改当前页的函数其父组件：方法配置：clickAction(id){ this.setState(()=>({active_id
2020-07-09 16:38:54
907
原创 React中swiper的配置（reactjs-swiper）
React中reactjs-swiper的使用与入坑React中reactjs-swiper的使用与入坑本文最先参考了https://www.cnblogs.com/cbp-jltx/p/9681838.html但是，也不知道什么原因，swiperOptions始终不起作用，不知道是不是我自己的原因，但是通过一番摸索，我自己弄出了一套可行的办法。总共分为六个步骤：第一步：//npm install reactjs-swiper;// 先安装 reactjs-swiper;npm insta
2020-07-09 15:04:33
1775
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人