- 博客(46)
- 资源 (7)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 正则验证密码复杂度
要求：必须包含大写字母，小写字母，数字，特殊字符四种中的三种，长度要求8到30位export function validatePassword(password) { // 大写字母 小写字母 数字 特殊字符，四种包括三种，长度8~30 return /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_]+$)(?![a-z0-9]+$)(?
5250
原创 二次贝塞尔曲线起终点、控制点（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
9168
原创 超超超超超大数字相乘计算
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
2615
原创 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
1310
原创 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
1066
原创 千分位格式化金额
百度了一圈，发现都不靠谱，算了，自己写一个吧（还是不要太懒），像我一样懒的直接拿去用吧：function formatAmount(amount) { amount = amount.toString(10).split('.'); let _int = amount[0].split(''), _decimals = amount[1], _num = '';
2017-08-23 18:37:29
1976
原创 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
4845
原创 从零开始部署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
28536
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
540
原创 MobX与React Native中shouldComponentUpdate的关系
原文链接 About shouldComponentUpdate在MobX中，允许自定义一个 shouldComponentUpdate，但通常来说，在MobX中这应该被避免，因为MobX已经默认提供了一个高度优化的shouldComponentUpdate的实现，实现基于PureRenderMixin。如果提供了一个自定义的shouldComponentUpdate，那么当有属性
2017-05-04 15:25:25
1458
原创 react native setState之后的state值不能立即使用
react native setState之后的state值不能立即使用，setState之后，需要走完RN生命周期，也就是走到render时，state的值才会变成setState的值，要立即使用state的值，需要直接更改，也即this.state.something = 'now';
2016-12-27 17:14:35
5274
原创 react-native-art画二次贝塞尔曲线实现
1、关于react-native ART库的使用，目前网上能搜到的少之又少，简书上的一篇react-native-art 绘图入门，从基本上讲解了一下react-native-art的使用方法，但是只是简单的横竖曲线的绘制，但项目中有一个需求就是绘制网速的速率曲线，（项目最终效果）那么如果按照react-native-art绘图入门上给的寥寥几个接口是不可能实现画出一个平滑曲线的目
2016-12-19 17:58:32
6873
14
转载 React Native 版本升级与降级
React Native 版本升级与降级（一）前言现在React Native For Android刚刚开源才不久，现在整体功能还不健全完善以及开发中的坑(Bug)还是比较多的 ，以至于到现在还没有正式版本。项目人员正在加紧开发维护，修复Bug，所以现在React Native项目的版本更新速度还是相对来讲是比较快的。在如此现状之下，我们就要及时关注项目官网了，要将React
2016-12-12 15:52:47
646
原创 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
16858
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
2138
原创 给定毫秒数，求出该毫秒数一共有几天几小时几分钟几秒
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
3492
原创 一行代码完成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
10424
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
818
原创 匿名自执行函数中，若存在多个执行函数，则只执行最末一个函数
例如：("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
489
原创 js笔记--js数据类型与内存分配（杂记）
ECMAScript变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是那些保存在栈内存中的简单数据段，即这种值完全保存在内存中的一个位置。而引用类型值是指那些保存堆内存中的对象，意思是变量中保存的实际上只是一个指针，这个指针指向内存中的另一个位置，该位置保存对象。5种基本数据类型：Undefined、Null、Boolean、 Number和String。这5种
2016-10-27 18:25:05
796
原创 "||"，或运算，取对才止，"&&"与运算，取错即止
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
327
原创 backbone官方Todo示例分解学习
配合浏览器调试学习效果更佳，ps：嫌弃复制黏贴的，移步至点击打开链接下载。1.js部分（todos.js）$(function () { /** * 执行顺序为 * AppView 获取了id为"todo-list"的ul * ->然后是TodoView创建了一个tagName li元素，并将#item-template作为需要编译的模板插入这
2016-03-11 23:29:08
885
原创 Array.push()方法传递的是引用
Array.push(parameter)方法传递的是引用，也就是Array[i]上更改属性会反应在parameter，对parameter的更改也会反应在Array[i]上。
2016-03-09 00:08:49
1824
转载 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
450
原创 html5 自定义标签属性取值为undefined 笔记随记
html5 自定义标签属性用于存储数据，简单示例如下：利用jquery取出属性值操作为：$("#showData").data("clickvalue");自定义标签属性命名避免使用驼峰命名 错误示例如下：利用jquery取出属性值操作为：$("#showData").data("clickValue"); // 取出值为undefined解释：jq
2015-10-04 09:47:51
1055
原创 relative absolute float 定位总结
1）relative：脱离文档流，但保留占位符，其偏移位置是相对于本身在正常文档流中时的位置图解： 正常位置： 设置relative属性后的位置：注释：脱离文档流是说设置了relative属性之后，元素不在z-index:0;的正常文档流中，其z-index的值>0，但保留占位符，就是在正常文档流中位置保留着，后继元素不能占位，然后相对于本身正常位置的左
2015-09-19 11:29:14
545
原创 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
1736
原创 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
14493
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
707
原创 html5 audio 自定义播放器
自定义内容包括，播放，暂停，停止，上一首，下一首，进度条显示，进度条拖动并实时显示拖动位置注：此代码因为有ajax跟服务器的通讯，所以是放在wampsever环境中运行，读者可以自行先替换默认播放的音乐，查看播放，暂停，停止，进度条拖动及显示拖动进度的效果。php代码就不贴了。 剩余播放时间： 上一首 播放 停止 下
2015-09-07 10:18:05
4599
原创 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
12067
原创 窗口缩放导致页面排版错乱的解决方法
简单的说就是设置body的宽度，那么如何动态的获取浏览器减去侧边滚动条之后的宽度，原理就是通过创建一个带有滚动条的div（也就是overflow:scroll），利用offsetWidth-clientWidth得到滚动条的宽度，再利用window.screen.availWidth减去滚动条的宽度即可得到浏览器除了滚动条以外的宽度，body再设置该宽度，即可解决缩放排版错乱的问题，代
2015-08-22 21:34:24
43312
7
原创 win10 亮度不能调节的解决办法（亲测办法，安装两台win10两台都是这样解决）
解决win10亮度不能调节的问题，解决win10显卡驱动的安装问题
2015-08-17 13:52:13
8715
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关注的人