- 博客(46)
- 资源 (7)
- 问答 (4)
- 收藏
- 关注
原创 正则验证密码复杂度
要求:必须包含大写字母,小写字母,数字,特殊字符四种中的三种,长度要求8到30位export function validatePassword(password) { // 大写字母 小写字母 数字 特殊字符,四种包括三种,长度8~30 return /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_]+$)(?![a-z0-9]+$)(?![a-z\...
2018-11-14 16:18:54 5288
原创 二次贝塞尔曲线起终点、控制点(Q、T)的理解与实现
有图有真相请结合图理解:const _path = new Path('M0 0 Q5 20, 10 20 T15 35, Q17.5 50, 20 50 T25 25, Q27.5 0, 30 0 T35 0, Q37.5 0, 40 0 T45 15, Q47.5 30, 50 30 T55 20, Q57.5 10, 60 10 T65 5, Q67.5 0, 70 0').close();...
2018-03-06 16:34:55 9247
原创 超超超超超大数字相乘计算
function multiply(a, b) { a = a.split('').reverse() b = b.split('').reverse() let _tenMark = 0, _sumArr = [], _conArr = [], _sum = [] for (let i = 0, j = b.length; i < j; i++) { if (i &...
2018-02-09 11:49:49 2635
原创 React Native 0.49以后的版本正式宣告了Navigator API的死亡
Navigator的生命历程:React Native 0.43.0: React Native官方宣布,停止维护Navigator API,停止维护之后,可从react-native-deprecated-custom-components继续使用NavigatorReact Native 0.49.0:react依赖版本从 16.0.0-alpha.12更新到16.0.0-beta.5
2018-01-04 16:35:58 1374
原创 React Native PanResponder API调用顺序详解
'use strict';import React, {Component} from 'react';import { View, StyleSheet, PanResponder, Dimensions} from 'react-native';const SCREEN_WIDTH = Dimensions.get('window').width;c
2017-08-25 11:12:18 1096
原创 千分位格式化金额
百度了一圈,发现都不靠谱,算了,自己写一个吧(还是不要太懒),像我一样懒的直接拿去用吧:function formatAmount(amount) { amount = amount.toString(10).split('.'); let _int = amount[0].split(''), _decimals = amount[1], _num = '';
2017-08-23 18:37:29 2004
原创 mac下mysql 5.7.19字符编码设置为utf-8的方法
如果你查了一堆,都是说在/etc/文件夹下新增一个my.cnf文件,然后把下面的命令写进去就可以了[client]default-character-set=utf8[mysql]default-character-set=utf8[mysqld]collation-server = utf8_unicode_ciinit-connect='SET NAMES utf8'ch
2017-08-09 13:54:59 4860
原创 从零开始部署Node.js服务至阿里云ECS服务器并通过express框架实现外网IP访问html项目
大致步骤(2017.07.25):1、购买阿里云服务器2、在云服务器上搭建node环境3、上传Node.js代码,并测试通过 一、购买阿里云服务器1、登陆阿里云2、选择控制台3、选择云服务器ECS -> 实例 -> 创建实例4、选择所需要的服务(截图只是部分服务选择)Tips:(1)、网络服务选项公网IP地址可以选...
2017-07-31 17:14:10 28627 7
原创 js按位操作符 & | ^ ~
按位操作符(操作对象被转变为32位二进制位):&:按位与,两个操作数相应的比特位都为1时,结果才为1,否则为0比如:3 & 2 => 00110010--------0010 => 2结果为: 2再比如:18 & 7 => 1 00100 0111---------0 0010 => 2结果为: 2
2017-07-31 16:49:58 546
原创 MobX与React Native中shouldComponentUpdate的关系
原文链接 About shouldComponentUpdate在MobX中,允许自定义一个 shouldComponentUpdate,但通常来说,在MobX中这应该被避免,因为MobX已经默认提供了一个高度优化的shouldComponentUpdate的实现,实现基于PureRenderMixin。如果提供了一个自定义的shouldComponentUpdate,那么当有属性
2017-05-04 15:25:25 1476
原创 react native setState之后的state值不能立即使用
react native setState之后的state值不能立即使用,setState之后,需要走完RN生命周期,也就是走到render时,state的值才会变成setState的值,要立即使用state的值,需要直接更改,也即this.state.something = 'now';
2016-12-27 17:14:35 5301
原创 react-native-art画二次贝塞尔曲线实现
1、关于react-native ART库的使用,目前网上能搜到的少之又少,简书上的一篇react-native-art 绘图入门,从基本上讲解了一下react-native-art的使用方法,但是只是简单的横竖曲线的绘制,但项目中有一个需求就是绘制网速的速率曲线,(项目最终效果)那么如果按照react-native-art绘图入门上给的寥寥几个接口是不可能实现画出一个平滑曲线的目
2016-12-19 17:58:32 6923 14
转载 React Native 版本升级与降级
React Native 版本升级与降级(一)前言现在React Native For Android刚刚开源才不久,现在整体功能还不健全完善以及开发中的坑(Bug)还是比较多的 ,以至于到现在还没有正式版本。项目人员正在加紧开发维护,修复Bug,所以现在React Native项目的版本更新速度还是相对来讲是比较快的。在如此现状之下,我们就要及时关注项目官网了,要将React
2016-12-12 15:52:47 705
原创 js fetch函数请求数据时带上cookie以解决请求数据时server端返回"请登录"的状态
fetch函数中带上 credentials: 'include'getWatchHistory: function (version, spId, page, userId, callback, errorCallBack) { let url = URL + '/dev/user/watchHistory/list?version=' + version + '&spId=
2016-12-07 14:52:44 16917 2
原创 react native触摸遥控器解决方案
完整代码/** * Created by apple on 2016/11/7. */import React,{ Component } from 'react';import { View, Navigator, StyleSheet, Image, TouchableOpacity, Alert, Text, Tou
2016-12-05 20:07:49 2206
原创 给定毫秒数,求出该毫秒数一共有几天几小时几分钟几秒
var _totalMillisecond = 275606;var _totalSecond = Math.ceil(_totalMillisecond / 1000);var _day = Math.floor(_totalSecond / (24 * 60 * 60));var _hour = Math.floor((_totalSecond % (24 * 60 * 60)) /
2016-12-05 11:34:18 3520
原创 一行代码完成js对象数组的深拷贝
1、对于普通数组(数组元素为数字或者字符串),深拷贝很简单,拷贝之后两个数组指针指向的存储地址不同,从而完成深拷贝var _test = [1,2,3];//原数组var _testCopy = [].concat(_test);//拷贝数组_testCopy[0]=4;console.log(_test);// [1,2,3]console.log(_testCopy);//
2016-11-16 11:19:40 10479 1
原创 JS连等赋值
1)案例分析:先理解,将某一变量赋值为数组、对象、对象数组的时候,该变量实际上只是一个傀儡,是数组、对象、对象数组的引用var a={n:1};//定义变量a,将(一个属性为n,属性值为1的对象{n:1})赋值给a,假设(这个属性为n,属性值为1的对象{n:1}),存储的地址为address_1var b=a;//定义变量b,指向变量a,实际上此时,变量a、b均指向存储地址addr
2016-10-28 11:29:20 835
原创 匿名自执行函数中,若存在多个执行函数,则只执行最末一个函数
例如:("use strict", function x() { console.log("heiheihei");}, function y() { console.log("hahaha");}, function z() { console.log("hohoho");})();//输出为hohoho,并且其中的是否有"use strict",不影响
2016-10-28 10:43:56 506
原创 js笔记--js数据类型与内存分配(杂记)
ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值指的是那些保存在栈内存中的简单数据段,即这种值完全保存在内存中的一个位置。而引用类型值是指那些保存堆内存中的对象,意思是变量中保存的实际上只是一个指针,这个指针指向内存中的另一个位置,该位置保存对象。5种基本数据类型:Undefined、Null、Boolean、 Number和String。这5种
2016-10-27 18:25:05 812
原创 "||",或运算,取对才止,"&&"与运算,取错即止
function _test_1() { console.log("_test_1"); return true;}function _test_2() { console.log("_test_2"); return false;}function _test_3() { console.log("_test_3"); return tru
2016-10-27 15:04:41 340
原创 backbone官方Todo示例分解学习
配合浏览器调试学习效果更佳,ps:嫌弃复制黏贴的,移步至点击打开链接下载。1.js部分(todos.js)$(function () { /** * 执行顺序为 * AppView 获取了id为"todo-list"的ul * ->然后是TodoView创建了一个tagName li元素,并将#item-template作为需要编译的模板插入这
2016-03-11 23:29:08 907
原创 Array.push()方法传递的是引用
Array.push(parameter)方法传递的是引用,也就是Array[i]上更改属性会反应在parameter,对parameter的更改也会反应在Array[i]上。
2016-03-09 00:08:49 1849
转载 js数组的sort排序详解
sort()对数组排序,不开辟新的内存,对原有数组元素进行调换1、简单数组简单排序 var arrSimple=new Array(1,8,7,6); arrSimple.sort(); document.writeln(arrSimple.join());2、简单数组自定义排序 var arrSimple2=new Array(1,8,7
2016-03-08 23:55:12 462
原创 html5 自定义标签属性取值为undefined 笔记随记
html5 自定义标签属性用于存储数据,简单示例如下:利用jquery取出属性值操作为:$("#showData").data("clickvalue");自定义标签属性命名避免使用驼峰命名 错误示例如下:利用jquery取出属性值操作为:$("#showData").data("clickValue"); // 取出值为undefined解释:jq
2015-10-04 09:47:51 1088
原创 relative absolute float 定位总结
1)relative:脱离文档流,但保留占位符,其偏移位置是相对于本身在正常文档流中时的位置图解: 正常位置: 设置relative属性后的位置:注释:脱离文档流是说设置了relative属性之后,元素不在z-index:0;的正常文档流中,其z-index的值>0,但保留占位符,就是在正常文档流中位置保留着,后继元素不能占位,然后相对于本身正常位置的左
2015-09-19 11:29:14 556
原创 html5 canvas画图手电筒效果
实现效果为鼠标移动,在鼠标的一定范围之内显示隐藏图片的一部分 body{ margin:0;padding:0;} this is a image var canvas=document.getElementById('canvas'); var canvasImg=new Image(); var stepClear=1;
2015-09-19 10:54:07 1755
原创 html5 canvas拓展clearRect()实现圆形区域清理
canvas提供的clearRect(x, y, width, height)方法只能清理出特定位置的矩形区域,以下代码则能实现对圆形区域的清理,主要是利用计算圆周率时的方法,将整个圆切成一个一个细小的正方形,然后再通过clearRect(x, y, width, height)方法将一个一个细小的正方形区域清理。 canvas{ border:1px solid b
2015-09-19 10:44:50 14581 3
原创 JS中获取元素位置以及宽高的各种属性整理
clientWidth: width+pad左+pad右-滚动条宽度clientHeight: height+pad上+pad下-滚动条高度clientLeft: 值即为div的border-left设置的值clientTop: 值即为div的border-top设置的值offsetWidth: width+pad左+pad右+border左+border右of
2015-09-07 11:08:26 720
原创 html5 audio 自定义播放器
自定义内容包括,播放,暂停,停止,上一首,下一首,进度条显示,进度条拖动并实时显示拖动位置注:此代码因为有ajax跟服务器的通讯,所以是放在wampsever环境中运行,读者可以自行先替换默认播放的音乐,查看播放,暂停,停止,进度条拖动及显示拖动进度的效果。php代码就不贴了。 剩余播放时间: 上一首 播放 停止 下
2015-09-07 10:18:05 4636
原创 ajax传参给php,php连接服务器数据库并返回数据过程详解
首先,需要搭建个php与sql数据库运行环境,笔者用的是wampserver,将下述代码置于www的根目录中即可,需要自己链接个jquery库,详细的搭建过程见网址:http://www.360doc.com/content/13/1113/09/426480_328813961.shtml主要需要注意phpAdmin中的数据库的权限以及数据表的建立。然后HTML端利用jquery对aja
2015-09-03 13:25:19 12098
原创 窗口缩放导致页面排版错乱的解决方法
简单的说就是设置body的宽度,那么如何动态的获取浏览器减去侧边滚动条之后的宽度,原理就是通过创建一个带有滚动条的div(也就是overflow:scroll),利用offsetWidth-clientWidth得到滚动条的宽度,再利用window.screen.availWidth减去滚动条的宽度即可得到浏览器除了滚动条以外的宽度,body再设置该宽度,即可解决缩放排版错乱的问题,代
2015-08-22 21:34:24 43389 7
原创 win10 亮度不能调节的解决办法(亲测办法,安装两台win10两台都是这样解决)
解决win10亮度不能调节的问题,解决win10显卡驱动的安装问题
2015-08-17 13:52:13 8756 1
html5 canvas画图手电筒效果
2015-09-19
项目是如何实现的?或者我问的只是模块化的开发?
2014-10-13
模块内的函数体内的static变量问题
2014-10-13
static静态变量问题,菜鸟求大家伙给个答案
2014-10-10
菜鸟学习MARS的android开发,第一季第四集Activity初步
2014-05-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人