- 博客(16)
- 收藏
- 关注
原创 2021-04-09
微信小程序,自定义tabbar 根据角色进入不同的页面,实现一个入口跳转不同的页面实现逻辑:1.使用自定义tabbar2.custom-tab-bar 配置多个tabbar 配置3.如果想隐藏tabbar 只需要设置 tabbar list 为空下面是关键代码:在这里插入代码片// custom-tab-bar/index.jsComponent({ data: { selected: 0, color: "#7A7E83", selectedColor:
2021-04-09 09:53:03
167
原创 微信小程序,输入框内容滑动飘动
解决方案:输入框设置 always-embed<input placeholder="请输入" always-embed="{{true}}" value="{{waterTreatment}}" type="digit" bindblur="bindInputChange"></input>
2021-01-13 11:48:48
2657
原创 forEach结束循环
// 开发项目问题return false仅仅只能结束当前循环,解决办法:try { arr.forEach((item, index) => { if(判断条件为真) { throw new Error('结束') } console.log(index) })} catch(err) { if(err.message === '结束') throw e;}...
2020-09-24 09:25:40
2842
转载 防抖,节流
防抖,连续触发事件的时候,只执行间隔内的最后一次触发,不会每次都触发节流: 当连续触发事件的时候,在一定的时间段内只执行一次对比:函数节流不管事件触发有多频繁,都会保证在规定时间内一定会执行一次真正的事件处理函数,而函数防抖只是在最后一次事件后才触发一次函数。 比如在页面的无限加载场景下,我们需要用户在滚动页面时,每隔一段时间发一次 Ajax 请求,而不是在用户停下滚动页面操作时才去请求数据。这样的场景,就适合用节流技术来实现。...
2020-07-22 17:35:59
202
原创 Invalid prop `component` of type `object` supplied to `Route`, expected `function`
问题原因:就是props需要通过函数返回而不是对象。那是不是可以换种写法把props当作参数传递给路由呢。然后就尝试了一下props传的方式解决方法:
2020-06-30 10:20:33
811
原创 react使用iconfont
react使用iconfont1.下载iconfont 文件2.在react的入口文件 index.jsx 或者 app.jsx添加 引入index.jsx+ import '../src/assets/iconfont/iconfont.css';3.在这里插入代码片unicode: <i className="iconfont"><...
2020-01-13 11:17:13
753
原创 react 动态引入antd
摘自antd 管网—总结yarn create react-app antd-demo-ts --template typescript // 生成react 项目npx create-react-app antd-demo-ts --typescript ...
2019-12-28 13:58:33
910
原创 react 动态引入scss 有效!!!
(生成react app)yarn create react-app antd-demo-ts --template typescript????1 安装依赖cnpm install react-app-rewired customize-cra sass-resources-loader --save2 新建配置文件config-overrides.jsconst {...
2019-12-28 13:43:22
1976
原创 flex布局入门
flex - 弹性布局特点:简单 快捷 方便兼容性: 现代浏览器对其兼容性已经很好,老古董ie 除外flex相关概念示意图container父容器里有三个子元素flex-item。当给父容器设置display:flex;直接子元素就有布局模型了,上图中还有主轴和纵轴分别是布局的一个方向,后面的属性会详细说到。先展示一下具体概念:容器属性:属性名属性的含义属性值...
2019-05-29 16:47:59
291
转载 promise(转)
ES6 Promise 用法讲解(转自 https://www.cnblogs.com/whybxy/p/7645578.html)Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolve, reject){ /...
2019-04-22 14:48:29
247
原创 html meta
本文主要是一些mate 标签的用法和功能介绍兼容性 -> 所有浏览器都支持设置页面的类型,设置页面的字符集,一般情况当页面出现乱码的时候请检查,用法:<meta http-equiv="参数"content="参数值;> 常用参数说明参数参数值说明expiresWed,10 Apr 2017 16:34:59 GMT设置页面的过期时间P...
2019-04-22 13:43:26
146
原创 前端访问本地json小结
在前端我们通过jquery 获取数据我们最先想到的是$.ajax({ type: 'get', url: './jsondata.json', async: false, dataType: 'json', success: function(data){ de...
2019-04-18 17:20:23
2651
原创 vue mixin ???
mixin 很有用的一个东西用途混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。看到这个我很懵???个人理解:就是把组件中重复功能进行服用的实现方式用法:选项合并 import child from 'src/components/common/child.vu...
2019-04-17 08:51:41
149
原创 vue slot详解
slot(插槽),简言之就是在组件添加一个占位的空间,在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动替换组件模板中1.单个插槽废话先不说,举个栗子往下瞅 ↓父组件<template> <div class="first-page"> <div class="first-content"> 我来自父组...
2019-04-16 11:24:38
9378
转载 界面动效
借鉴前辈们的样例写的页面动效! function () { function o(w, v, i) { return w.getAttribute(v) || i } function j(i) { return document.getElementsByTagName(i) } function l() { ...
2019-04-15 15:52:17
510
原创 javascript prototype
JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象。废话不说直接上代码//普通对象var eg1 = {}; var eg3 = new f1();var eg2 = new Object();//下面是通过new Function() 创建的对象,称为函数对象function fun1(){}; var fun2 = function(){};...
2019-04-15 15:02:53
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人