coder_chenz-CSDN博客

原创 js赋值浅拷贝深拷贝

要区分是赋值还是浅拷贝和深拷贝首先要理解一下几个概念ECMAScript中的数据类型可分为两种：基本类型：undefined,null,Boolean,String,Number,Symbol 引用类型：Object,Array,Date,Function,RegExp等堆和栈栈（stack）为自动分配的内存空间，它由系统自动释放；堆（...

2018-12-20 16:37:42 2910 2

原创 JS中从Array.slice()与Array.splice()的底层实现原理分析区别

1.Array.prototype.slice() slice() 方法返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组对像，原始数组不会改变。arrayObject.slice(start,end)start (可选，如果start不写则从0开始)从该索引处开始提取原数组中的元素。如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2)表示提取原

2017-08-15 15:36:10 9438 1

原创 js中Array.sort()实现原理

定义：sort() 方法用于对数组的元素进行排序。 api语法：arrayObject.sort(sortby)；参数sortby可选，用于规定排序规则，必须是函数。具体是如何实现的？ V8 引擎 sort 函数只给出了两种排序分别是： InsertionSort 和 QuickSort，数组长度小于等于 10 的用插入排序 InsertionSort，比10大的数组则使用快速排序 Quic

2017-08-14 10:27:29 14212

原创 js 中Array.concat()实现方法

concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。arrayObject.concat(arrayX,arrayX,......,arrayX)返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。Arr

2017-08-14 09:59:18 5392 2

原创 2017年7月TIOBE编程语言排行榜：Go飙升首次进入Top 10

TIOBE编程语言社区发布了2017年7月排行榜，这次排行和6月相比变动不大，Java、C、C++和Python仍然稳定保持在前4甲。Go 语言今年一路飙升，本月终于进入前10名，2016年同期可是才55名，这个速度果然是够猛，究其原因或许跟大数据人工智能发展趋势有关。上个月谷歌宣布了安卓开发全面支持Kotlin，Kotlin上个月也首次进入前50名。本月Kotlin未能继续发挥热度，下跌 4 位

2017-07-20 11:46:44 7029 2

原创 Gulp常用插件整理（压缩、兼容、时间戳、优化、hash等）

gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。1.gulp-clean 删除文件/文件夹npm install gulp-clean --save-devvar clean = require('gulp-clean');

2017-07-17 11:35:30 2654

原创使用jq实现手机上的touchmove效果

Touch事件简介 pc上的web页面鼠标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件，但是在移动终端如 iphone、ipod Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件，分别对应了触屏开始、拖拽及完成触屏

2017-04-06 11:08:41 8969

原创 js实现数字千分位逗号分开格式化（银行金额效果）

所谓的数字千分位形式，即从个位数起，每三位之间加一个逗号。例如“10,000”。代码如下：$("#amount").keyup(function () { if($(this).val().length > 3){ var unval = unformatMoney($(this).val());

2017-04-06 11:05:05 7443

原创日语韩语等常用正则表达式(笔记)

在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。就当作笔记1.基础\d 匹配一个数字字符。等价于[0-9]。grep 要加上-P，perl正则支持 \D 匹配一个非数字字符。等价于[^0-9]。grep要加上-P，perl正则支持 \f 匹配一个换页符。等价于\x0c和\cL。

2017-03-15 17:00:53 10744 2

原创实现IE浏览器兼容placeholder效果

placeholder是HTML5的属性之一，在不同的浏览器( 支持HTML5的现代浏览器 )中会有略微不同的显示效果，在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 极速模式 )中，输入栏获得焦点后，提示文字并不消失，但是IE6-IE9 是不支持placeholder属性的。思路是，首先判断浏览器是否支持placeholder属性，

2017-01-09 14:50:45 523

原创让人又爱又恨得inline-block

从页面的发展历程俩看我们是经过了表格布局->表格+css->div+css的浮动布局->div+css的内联块布局 div+css的浮动布局div+css的浮动布局之所以流行多年也是有原因的：更快的网页布局搜索引擎更加友好更好的重构性不过也存在一些问题：浮动元素导致其上级父盒子的“高度塌陷”，也就不能如正常文档结构所体现的那样自然包裹其下级元素；不及时清理浮动可能导致一些布局

2017-01-09 14:34:22 798

原创 Javascript如何用一个优雅的姿势通过getStyle函数来获取元素的样式

`Javascript如何用一个优雅的姿势通过getStyle函数来获取元素的样式“ 想要得到某个元素的某个样式属性，可以用：1.<div id="div1" style="width: 200px;"></div>2<script> var oDiv=document.getElementById('div1'); console.log(oDiv.style.w

2016-07-21 08:50:22 7342 2

coder_chenz的博客