风起云涌的博客

antd Tab切换后子组件重复渲染当切换到历史订单的时候, MyComponent被渲染了两次, 内部的componentDidMount被执行了两次, 原因是TabPane下面的组件创建后被保留在dom树中, 切换的时候会再次创建 render() { return <Tabs defaultActiveKey="1" onChange={this.tabsOnChange}> <TabPane tab="待处理订单" key="1"&g

div 高度50px 设置line-height:50pxdiv 内部的<a> 即可垂直居中

最近项目中需要用到js与原生app交互， 点击h5中的按钮, 并把h5中的参数传递到原生页面.1. 首先在app端遵守协议<WKScriptMessageHandler,WKNavigationDelegate,WKUIDelegate> WKWebViewConfiguration *config = [[WKWebViewConfiguration allo...

小程序图片的移动缩放尝试了movable-view标签是很方便, 但是我想有个拉伸按钮去缩放图片, 于是尝试自己写了.>思想利用catchtouchmove属性计算偏移量, 实时更新坐标js/** * All right by NieYinlong */Page({ /** * 页面的初始数据 */ data: { bgBoxHeight...

问题微信小程序输入拼音的时候, 还没有完全输入完成, bindinput就会触发, 当我输入"ni’hao", 还没有选定汉字"你好", 就已经触发了, 我想改成当选定"你好"后再触发解决方案bindinput 的detail中有一个 cursor 的属性，返回光标位置，可以根据 此次输入时的cursor对比上一次的cursor 来判断, 键盘输入时触发，event.detail = {v...

React二维码组件先看效果ImageCode.jsimport React, { Component } from 'react';import styles from './index.less'export default class ImageCode extends Component{ constructor(props){ super(props) ...

React自定义LoginView(登录界面)先看效果需求: 点击登录按钮, 把两个输入框的值传递到父组件LoginView组件import React, {Component} from 'react'import {Input, Button} from 'antd';export default class LoginView extends Component{ co...

React父子组件相互传值先看效果代码演示创建InputView子组件import React, {Component} from 'react'export default class InputView extends Component{ constructor(props){ super(props) } static defaultProps = {...

函数参数的解构赋值add([101, 202]) // 函数 参数的解构赋值 function add([x, y]) { console.log(`x=${x}, y=${y}`) } function move({num1 = 0, num2 = 0} = {}) { console.log(`num1=${num1}, ...

vue图片上传先看效果图片上传使用vant组件库中的 van-uploader, 引入方法参考官网vant组件库 https://youzan.github.io/vant/#/zh-CN/intro下面看代码UploadPicture.vue&amp;lt;template&amp;gt; &amp;lt;div class=&quot;content&quot;&amp;gt; &amp;lt;!-- 底部模块start

区别computed是属性调用，而methods是函数调用computed带有缓存功能，而methods不是computed计算复杂的逻辑使用例子下面的代码h3写了三行, 但是computed中的comName方法只是执行一次, 除非相应的数据发生改变(点击修改按钮, comName方法再次执行了一次);下面的h4标签写了三行methods中的methodName方法执行三次;所以...

dva model和组件的实际运用运用到技术dvaJSantd Design./model/nyltest/index.jsimport { get } from 'api';export default { namespace: 'nyltest', state: { nylName: 'nielonglong', nylAge: 22, curr...