2018年04月_guoxiaxing

原创将中划线转为驼峰式写法

将中划线转为驼峰式写法：方法一：正则表达式： var str = 'the-first-name'; var reg = /-(\w)/g; str = str.replace(reg,function($,$1){ console.log($1); return $1.toUpperCase(); }); ...

2018-04-26 08:50:36 3067

原创查找两个字符串的公共子串

查找两个字符串的公共子串function findSubStr(str1,str2){ var len1 = str1.length, len2 = str2.length, result = ''; if(len1>len2){//保证str1是长度最小的字符串 var temp = str1; ...

2018-04-24 20:50:38 1003

原创获取元素计算样式

获取元素计算样式：ele:为DOM元素，attr为所要获取属性function getStyle(ele,attr){ if(window.getComputedStyle){ //W3C标准浏览器 return window.getComputedStyle(ele,null)[attr]; }else if(ele.currentStyle){ ...

2018-04-23 18:53:19 206

原创 JS实现拖拽

1.HTML结构：<div class='drag'></div> <div class='drag2'></div>2.CSS样式：.drag,.drag2{ width:100px; height: 100px; background-color: pink; position: absolute; ...

2018-04-21 17:43:40 128

原创 CSS 三列布局（两边固定宽度，中间自适应）

1.position + margin：缺点：当浏览器的窗口过小时，可能会出现多层重叠现象。HTML结构： <div class='contain'> <div class='left'></div> <div class='right'></div> <div class=...

2018-04-21 17:20:38 727

原创 Promise对象加载图片

var preloadImage = function (path) { return new Promise(function (resolve, reject) { var image = new Image(); image.onload = resolve; image.onerror = reject; image.src = path; });};prel...

2018-04-17 21:45:42 991

原创将多维数组转化为一维数组的方法

1.Generator函数： function* tree(item){ if(Array.isArray(item)){ var len = item.length; for(var i=0;i<len;i++){ yield* tree(item[i]); } }else{ yield ite...

2018-04-12 20:03:47 1694

原创复制，删除，移动完整文件

1.删除完整文件（包括当前文件目录）// 删除完整目录传入要删除的文件夹 function delDir($dir){ //扫描目录 $files = scandir($dir); //遍历每一项并判断 foreach($files as $key => $val){ //生成完整路径 $file = $dir.'/'.$val; if($key>1){ ...

2018-04-12 17:21:45 405

原创 php实现等比例缩放图片

封装函数function thrum($src_file,$des_w,$des_h){ //封装一个图片处理函数（等比例缩放） // 传入的第一个参数为图片的地址，第二和第三个元素为目的图片的宽高 error_reporting(E_ALL^E_NOTICE^E_WARNING); //获取图片的类型 $srcarr = getimagesize($src_file); //处理图片创建...

2018-04-09 20:10:50 3589

原创使用正则进行形式转换

1.将the-first-family转化为驼峰命名法的形式theFirstFamily:（JS）function toCase(str){ var reg = /-(\w)/g; var str = str.replace(reg,function($,$1){ return $1.toUpperCase(); }); return str; }2.将日期格式...

2018-04-01 18:31:30 1059

1.数组的方法concat():concat();方法为赋值并新增，返回一个新数组，只适合无嵌套的数组，concat();会将数组最外层的中括号去掉，然后对其元素进行拷贝。var arr1 = [1,2,3];var arr2 = [3,4,5];var arr = arr1.concat(arr2);//[1,2,3,3,4,5]2.ES6扩展运算符：返回一个新数组var arr1 = [1,2...

2018-04-01 10:33:19 14580 1

原创将类数组转化为数组的方法

1,原生JS中的方法：var arr = Array.prototype.slice.call(类数组)；该方法等价于：var arr = [].slice.call(类数组);2.ES6中的方法：<1>扩展运算符：必须有可遍历接口iterator。var arr = [...类数组名]；<2>Array.from方法：只要有length属性的都可以转换为数组。var ar...

2018-04-01 10:19:09 311

hahahahahahahaha__1的博客