JavaScript
水桶前辈
爱旅行爱生活喜欢西藏的蓝天白云
展开
-
微信公众号支付后台配置
原地址:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3所以必须确保支付目录(支付页面的路径,比如www.ni123.com/our/pay/),具体的支付页面为www.ni123.com/our/pay/index.html开发步骤一、设置支付目录请确保实际支付时的请求目录与后台配置的目录一致,否则将无法成功唤起微信支付。在...原创 2018-04-19 11:00:38 · 6909 阅读 · 0 评论 -
CSS——line-height行高设置垂直居中
line-height呢,你可以理解为每行文字所占的高度。比如说,有一行20px大小的文字,如果设置为line-height:50px,那就是说,这行文字的高度会占50px。显然,每个字的大小只有20px,那怎么边呢?于是呢,浏览器就把多出来的30px(50px-20px)在这行文字的上面加上了15px,下面加上了15px。这样的话,那文字就在这50px的空间内是居中的了(这个就是浏览器规定...原创 2018-03-20 18:01:10 · 675 阅读 · 0 评论 -
Rax--TextInput--获取输入框中的值
获取输入框中的值const phoneVal = this.dataPhone.refs.input.value;布局如下: <TextInput placeholder={'输入手机号'} autoFocus multiline keyboardType={'number-pad...原创 2018-04-18 16:46:21 · 905 阅读 · 0 评论 -
js部分问题布局问题
margin:12px auto 0 上 左右 下 payDom.push( <Touchable style={[orderWay ? styles.doBtn : styles.button]} onPress={() => { this.onClick(button, o...原创 2018-04-18 16:53:43 · 242 阅读 · 0 评论 -
react折叠收起
const textOverflow = { textOverflow: 'ellipsis' }; statesDom.push(<View style={styles.statusTitle}> <Text style={[styles.statusTitleText, titleStyle, textOverflow]}> ...原创 2018-04-13 15:08:36 · 5137 阅读 · 0 评论 -
rax 分割线展示不出来
今天在做订单列表时,分割线部分可以展示出来,分割线样式如下.divider { height: 1; margin: 16 24 0 24; background-color: #dfdfdf;}估计是rax框架根据手机屏幕类型等分height的时候,高度给搞没了。用了border的话,是一直存在的。解决办法如下:.divider { /* height: 1; */ border-to...原创 2018-04-19 18:30:02 · 222 阅读 · 0 评论 -
Html 多个空格显示&换行显示
1.在html代码中直接使用空格键键入多个空格键,而实际网页浏览器显示一个空格的位置。如果需要实现html多个空格占位,需要使用html空格符“&nbsp;”如下使用<Text style={styles.nameText}>{model.realname} {model.mobilenumber}</Text>2. 一段html文字或者字符,不能够换行的解决方案...原创 2018-05-10 10:21:27 · 4005 阅读 · 0 评论 -
Html 直接修改这个控件的style
通过控制border-width的值,可以直接来修改我的账单这个控件的边框 <LabelMenu LeftText=“我的账单” RightText="" LabelMenuStyle={{ borderWidth: 2, 边框为2px ...原创 2018-05-10 16:59:34 · 689 阅读 · 0 评论 -
CSS使用技巧
转自:http://www.ruanyifeng.com/blog/2010/03/css_cookbook.html1. 文字的水平居中将一段文字置于容器的水平中点,只要设置text-align属性即可: text-align:center;2. 容器的水平居中先为该容器设置一个明确宽度,然后将margin的水平值设为auto即可。 div#container { width:760p...转载 2018-05-11 16:12:45 · 162 阅读 · 0 评论 -
Html5 页面的内容不会自动填充满整个屏幕
1. Html5 当页面的内容没有铺满屏幕宽度/高度时,页面不会自动填充满整个屏幕的宽度/高度,需要给页面设置一个宽度尺寸或者高度尺寸,此时某个布局才会显示正常。2. 页面的宽度/高度,会随着内容自动扩展开来(会根据内容自动的计算某一个布局的高度或者宽度)...原创 2018-05-20 11:15:24 · 2539 阅读 · 0 评论 -
display的flex属性使用详解
display的flex属性使用详解flex的兼容性在pc端还算阔以,但是在移动端,那就呵呵了。今天我们只是学习学习,忽略一些不重要的东西。首先flex的使用需要有一个父容器,父容器中有几个items.父容器:container属性: display:flex;/*flex块级,inline-flex:行内快*/ justify-content:space-around;/*center...原创 2018-05-20 11:17:25 · 567 阅读 · 0 评论 -
JS Promise 理解
const p = new Promise((resolve, reject) => { console.log('create new promise'); try { this.ljccc(); //未定义,抛出异常,转而执行reject } catch (err) { reject('error'); ...原创 2018-06-13 12:36:37 · 262 阅读 · 0 评论 -
微信公众号返回按钮事件获取
window.history.back(); 返回到上个界面,前一个缓存信息不被清除原创 2018-05-31 14:16:51 · 4111 阅读 · 0 评论 -
JS 常用函数
chrome console中如何换行JS:按快捷键shift+enter 5s打印一次日志 setInterval(() => { console.log('我是接口123456789'); }, 5000);this.interval = setInterval(() => { count -= 1; ...原创 2018-10-16 16:48:27 · 149 阅读 · 0 评论 -
强制修改CSS的属性style
1. 直接在js代码中强制修改style ,达到布局的要求 代码里面的style(style={{ paddingLeft: '15px', paddingRight: '15px' }})可以覆盖掉css中的styles.resetBtn <Button type="primary" className={styles.resetBtn} ...原创 2018-11-01 10:00:15 · 4099 阅读 · 0 评论 -
JS 时间戳(毫秒)转化为标准时间格式(YYYY-MM-DD HH:mm:ss)
import Moment from 'moment';// 时间戳(毫秒)转化为标准时间格式export function getFullTime(timeStamp) { const stamp = new Date(timeStamp); const time = Moment(stamp).format('YYYY-MM-DD HH:mm:ss'); return t...原创 2018-11-15 14:28:24 · 6273 阅读 · 0 评论 -
js 版本的 BigDecimal第三方库bignumber.js
类似于java BigDecimal 的js第三方库bignumber.jsA JavaScript library for arbitrary-precision decimal and non-decimal arithmeticbignumber.js地址原创 2019-07-05 09:16:19 · 3483 阅读 · 0 评论 -
微信公众号上的链接不是正常打开解决办法
微信公众号上的链接不能正常打开,而是提示用浏览器打开,解决办法如下:在确保微信公众号后台授权域名正确的前提下,将之前文件的路径名称修改下,再次访问就可以了。(例如,之前的访问地址是http://aaa.com/lj/index.html, 修改后的地址http://aaa.com/lj/fuckIndex.html)...原创 2018-03-22 17:25:32 · 15668 阅读 · 0 评论 -
在Mac 下安装 nodejs 环境,带图
1. 去官网下载稳定版本的node,如下图2. 双击,一直下一步直到安装完毕3. 查看是否安装成功npm -vnode -v4.代码测试环境安装是否可用(新建如下文件nodeTest.js文件)var http = require("http");http.createServer(function(request, response) { response.writeHead(200...原创 2018-03-05 14:47:51 · 2014 阅读 · 1 评论 -
NodeJs学习教程
Node.js 包教不包会Node.js菜鸟教程原创 2018-03-12 14:13:48 · 274 阅读 · 0 评论 -
jQuery插件中为什么要return this.each?
在Jquery插件中,经常会有return this.each(function(){})出现,那么这是为什么呢?看以下例子:现在我想扩展jquery,写一个通用的方法,用来改变html元素中html内容的值;1。未使用return this.each(function(){});在Jquery插件中,经常会有return this.each(function(){})出现转载 2017-05-28 10:01:56 · 562 阅读 · 0 评论 -
JQuery之利用Ajax请求远程服务器上的json格式数据并解析
通过Ajax的来请求远程服务器上的json格式数据解析出来并展示 Demo #ljbutton { background-color: #009A31; width:220px; cursor:pointer; color: #FFFFFF; font-原创 2017-08-20 17:23:50 · 6537 阅读 · 0 评论 -
Jquery 代码中插入php代码段并展示出来
Demo #ljbutton { background-color: #009A31; width:220px; cursor:pointer; color: #FFFFFF; font-weight: bold; text-align:center;原创 2017-08-20 17:36:21 · 3215 阅读 · 0 评论 -
JS 正则表达式 验证电话号码
validatePhone(phoneNumer) { // 手机号吗 const phoneTest = /^1[345789]\d{9}$/; // 座机号吗 const telTest = /(^\d{3,4}-\d{7,8})/; if (phoneNumer === '') { // showToast('请填写联系电话!', 'err原创 2017-11-28 21:34:50 · 777 阅读 · 0 评论 -
基于React,Webpack和Antd的简单框架Demo
基于React,Webpack和Antd的简单框架Demo1.直接 在当前目录下输入 cnpm i 安装包的依赖2.然后 npm run dev然后会自动打开浏览器运行程序demo截图原创 2017-12-01 16:55:51 · 1586 阅读 · 0 评论 -
Webpck&React,redux学习
入门Webpack,看这篇就够了一步步搭建React项目(二):使用webpack配置开发环境原创 2017-11-21 21:29:15 · 258 阅读 · 0 评论 -
Html 设置整个页面的背景颜色
在index.css中添加body{ background:#ffffff} 设置颜色为白色也就是给index.html设置了body的颜色,然后就可以看到整个html页面的颜色就成了白色。原创 2018-01-12 10:19:30 · 68243 阅读 · 5 评论 -
Google Chrome 官方调试使用教程
Chrome Google官方调试教程原创 2018-01-05 13:59:25 · 1701 阅读 · 0 评论 -
react PureComponent 刷新问题
当组件继承自PureComponent组件时,必须用下面的方法更新数据页面原创 2018-01-24 15:25:01 · 1624 阅读 · 0 评论 -
React+DVA开发实践
原文链接文档概述本文档在前面章节简单的介绍了React和其相关的一系列技术,最后章节介绍了React+Dva开发的整套过程和基本原理,也就是将一系列框架整合的结果。文档结构本文档划分为以下章节,前面几个章节是知识储备,最后章节是项目实践ReactFluxReduxReact-RouterRoadhogAnt DesignDVA项目实践约束定语本文中蓝转载 2018-01-09 17:27:01 · 15417 阅读 · 1 评论 -
React Route 路由跳转
1. 现在./src/index.js中定义路由// npm run devReactDOM.render( {/* 1. 未登录,需要先判断然后跳转到登录页面*/} {hashHistory.push('/login/')} {/*2.登录页面和主页的路由*/}原创 2018-01-10 18:06:09 · 2536 阅读 · 0 评论 -
给浏览器添加token,便于调试代码
切换到console前端直接在浏览器中强制设置tokendocument 回车document.cookie='token= token_18258178435_327cfc3a290b0ba8938b33439de94ae6' 回车原创 2018-01-27 12:16:46 · 26388 阅读 · 2 评论 -
React---在回调中调用设置好的state
this.state.ljtemp = '911'; this.setState({ ljtemp: 'sww' }, () => { console.log(this.state.ljtemp); });// 打印内容:sww原创 2018-03-02 14:31:54 · 417 阅读 · 0 评论 -
利用Antd 的Upload组件上传图片
1. 在.roadhogrc中添加代理域名{ "entry": "src/index.js", "extraBabelPlugins": [ "transform-runtime", "transform-decorators-legacy", "transform-class-properties", ["import", {原创 2018-01-31 09:26:58 · 18260 阅读 · 3 评论 -
利用NodeJS抓取Script代码和html元素内容的方法
superagent.get(Url) .end(function (err, response) { if (err) { return console.error(err); } var topicUrls = []; var $ = cheerio.load(response.text); ...原创 2018-03-12 13:46:18 · 6959 阅读 · 0 评论 -
利用NodeJS抓取某商品信息
利用NodeJS作为后端服务器抓取某商品信息,并解析出来然后以react+webpack+antd为前端界面展示出来。抓取的商品信息展示在前端界面如下:后台代码如下:// 引入依赖var express = require('express');var utility = require('utility');var eventproxy = require('eventproxy');v...原创 2018-03-12 14:05:36 · 2641 阅读 · 0 评论 -
javascript 学习一 文件路径
URL的访问地址:http://localhost/PHP/index.php 一般建议将css文件单独放在一个文件中,要用的时候直接导入就可以了,这样的代码看起来会简洁很多 引入外部CSS文件 style.css这个css文件放在style文件夹下面,所以引用路径如下:--> 的url路径问题 url路径 :原创 2017-05-27 16:45:15 · 431 阅读 · 0 评论