51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#I
weui tabbar 切换
Html:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=0"/...
IT猿
·
2020-03-26
weui
tabbar
切换
weui 多网页切换效果分析
weui的文档写的不怎么详尽,简单的来讲WeUI 为微信Web服务量身设计的h5框架。WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、icon等各...
IT猿
·
2020-03-26
weui
网页
切换
效果
分析
微信JSSDK javascript 开发 代码片段,仅供参考
最全面最专业的微信公众平台开发教程:http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html比较完整的分享教程:http://www.cnblogs.com/leinov/p/5256879.htmlajax调用服务器接口:functionGetWeiXinJsa...
IT猿
·
2020-03-26
微信
JSSDK
Javascript
开发
代码
react.js 生命周期componentDidUpdate的另类用法:防止页面过渡刷新
场景:数据新增成功之后,需要返回原来的查询表,这时候的查询,需要使用react的生命周期:componentDidUpdatecomponentDidUpdate()这个生命周期的作用是当props或state更新之后,使用它更新DOM节点。如果使用不当,则查询页面会不停的调用查询的方法,不停的执行刷新操作。因此,需要...
IT猿
·
2020-03-26
react.js
生命
周期
componentDidUpdate
另类
localStorage与sessionStorage 的区别
通过一枚页面计数器来区别localStorage与sessionStorage。通过一个计数变量pageconut,每刷新页面,增加的是localStorage的数量,而sessionStorage只记录当前访问数量;<!DOCTYPEhtml><html><head><met...
IT猿
·
2020-03-26
localStorage
sessionStorage
区别
使用antd UI 制作菜单
antd主页地址:https://ant.design/docs/react/introduce在使用过程中,不能照搬antd的组件代码,因为有些并不合适。首先,菜单并没有做跳转功能,仅仅是菜单,需要在它的基础方法中添加我们的业务代码。/*菜单组件,所有的方法都要bindthis*/importReact,{Compo...
IT猿
·
2020-03-26
使用
antd
UI
制作
菜单
使用antd UI组件有感
公司使用的的react.js的版本提14.7的,JS版本使用的是ES6语法,因此在使用antd过程中,有些许不愉快的记录,分享给大家,一起学习:如果是react14.7版本时,使用getFieldDecoratorAPI时会后错,直接使用getFieldProps代替,即可this.props.form中含有大量的方法...
IT猿
·
2020-03-26
使用
antd
UI
组件
有感
React 点击按钮显示div与隐藏div,并给div传children
最近做了一个react的点击按钮显示与隐藏div的一个小组件: 【筛选】组件FilterButtonimportReact,{Component}from'react';import{render}from'react-dom';exportdefaultclassFilterButtonextendsCom...
IT猿
·
2020-03-26
div
React
点击
按钮
显示
javascript 工具函数
转义特殊字符为html实体HtmlEncode:function(str){returnstr.replace(/&/g,'&').replace(/"/g,'"').replace(/</g,'<').replace(/>/g,'>')...
IT猿
·
2020-03-26
Javascript
工具
函数
DIV+CSS系统学习:转载
第一章职业规划和前景web前端开发工程师IT行业企业需求最多的人才结合最新的web职业发展目标:第一、梳理知识架构负责内容的jscss的基本语法和使用浏览器兼容和w3c标准的掌握结合js开始系统项目的开发成型阶段:精通css样式表控制认识HTML:html结构: <html><head>...
IT猿
·
2020-03-26
DIV+CSS
系统
学习
转载
inline-block 左边固定,右边自适应
<body><divclass="col-md-4left"><divclass="logo">默沙东盲讲</div><ulclass="menu"><li>1</li><li>2</li><li>3...
IT猿
·
2020-03-26
inline-block
左边
固定
右边
适应
css3动画特效:上下晃动的div
<divid="square"class="containeranimated">上下晃动</div>/***transform-origin设置旋转元素的基点位置*animation-name设置动画名称*animation-duration设置动画时间*animation-fill-mode...
IT猿
·
2020-03-26
css3
动画
特效
上下
晃动
javascript 方法实例
输出对象的属性名称与值:boj(o){for(varpino){console.log(p+":"+o[p]+"");}} 构造函数:varo=newObject();构造函数通过不使用return关键字,它通过初始化新对象 if(a)else{b}//如果不是a就返回ba=a||b//...
IT猿
·
2020-03-26
Javascript
方法
实例
javascript 数组实例
在遍历数组时,如果想要排除null/undefined和不存在的元素时,代码如下:for(vari=0;i<a.length;i++){//跳过null/undefined/不存在的元素if(!a[i])continue;//逻辑数据}如果只想跳过undefined/不存在的元素时,代码如下:for(vari=0...
IT猿
·
2020-03-26
Javascript
数组
实例
javascript 对象实例
创建对象:varo=newObjct();//创建一个空对象varo={};vara=newArray();//创建一个空数组vara=[];vard=newDate();//创建一个表示当前时间的日期对象对象属性的设置:book.edition=6//给book创建一个edition的属性book["mainTile...
IT猿
·
2020-03-26
Javascript
对象
实例
首页
上一页
...
4415
4416
4417
4418
4419
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他