JavaScript - 随笔分类 - cench

es6/es7 对象数组的合并拷贝

摘要：方法一： let o1 = { a: 1, b: 2, c: 3 }; let o2 = {...o1, d: 4}; // o2 = { a: 1, b: 2, c: 3, d: 4 } let arr1 = [0, 1, 2]; let arr2 = [...arr1, 3]; // arr2 阅读全文

posted @ 2017-04-20 15:40 cench 阅读(15899) 评论(0) 推荐(0)

js 正则匹配域名【host】

摘要：如果直接在js中是可以直接取到hostname的，以下方式是通过正则匹配：阅读全文

posted @ 2017-04-16 12:56 cench 阅读(14364) 评论(0) 推荐(0)

简述JS中 appy 和 call 的详细用法

摘要：Apply 和 Call 两个老生常言的方法，使用过程的一些细节还是有很大的异同，具体使用情况可以参照下面例子详细回顾一下。区别和详解：js中call()和apply()的用法 1、关于call()和apply()的疑点： apply和call的区别在哪里什么情况下用apply,什么情况下用ca 阅读全文

posted @ 2017-02-26 23:52 cench 阅读(677) 评论(0) 推荐(0)

js运算【按位非】~

摘要：这个运算符有点意思：按位非【~】先来几个例子： ~undefined: -1 ~false: -1 ~true: -2 ~10:-11 找出规律了吧~~ 再说一下运用场景：之前判断字符串是否存在是这样写：现在可以这样写：位运算的效率会比运算符高，如果不了解的也正好学习一下，免得看到【按位非~ 阅读全文

posted @ 2016-11-04 09:55 cench 阅读(4193) 评论(0) 推荐(1)

JS 的引用赋值与传值赋值

摘要：这个问题说大不大说小不小，如果你有幸踩了这个坑，一定会找这篇文章，哈哈~ 现说一下JS数字的类型：基本类型和引用类型先看下下面两个栗子：简单的说： number,string类型都是基本类型，而基本类型存放在栈区，访问时按值访问，赋值是按照普通方式赋值；对象和数组是通过引用来赋值的，所以改变a 阅读全文

posted @ 2016-11-01 14:57 cench 阅读(46448) 评论(3) 推荐(8)

Json API接口数据生成

摘要：偶然发现，对前端数据模拟挺好用，没有跨域问题 https://myjson.com/ 阅读全文

posted @ 2016-08-22 15:30 cench 阅读(1670) 评论(0) 推荐(0)

获取当前外网IP地址

摘要：<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script><script>console.log(returnCitySN["cip"]+','+returnCitySN["cname"])</script> 阅读全文

posted @ 2016-07-30 15:28 cench 阅读(1902) 评论(0) 推荐(0)

数组中字指定数量连续符串的【模糊匹配】

摘要：需求是有多个输入框输入的数值，连续输入指定数量的的字符文字，在其他输入项中不能重复，因此使用模糊匹配的方式，返回匹配的状态，详细看下面的代码：阅读全文

posted @ 2016-07-30 14:35 cench 阅读(460) 评论(0) 推荐(0)

JS 省市两级联动（不带地区版本）

摘要：基于网上找的一个版本改造，因为项目需求不需要地区只要省、市，所以做了改版，两个input上直接取出了数据阅读全文

posted @ 2016-07-28 15:12 cench 阅读(482) 评论(0) 推荐(0)

URL 截取参数正则

摘要：用处很多，记录下。 getvl("param") 阅读全文

posted @ 2016-07-12 15:30 cench 阅读(379) 评论(0) 推荐(0)

SVG 签名动画制作

摘要：不知道哪天看到的一个朋友圈里面有发的什么什么免费教签名之类的，就看了下SVG，做这功能还不错。主要用到的几个属性，需要自行百度一下，不详说 stroke-dashoffset , stroke-dasharray 主要这两个。 <svg xmlns="http://www.w3.org/2000/ 阅读全文

posted @ 2016-07-01 18:07 cench 阅读(875) 评论(0) 推荐(0)

Jquery 插件实例

摘要：先说明下应用场景，通过可配项的配置和默认项覆盖，获取指定的需求数据，填充到指定的位置（两个指定其实都是可配的）采用闭包的方式，执行插件方法；调取方式： $(指定容器).getOneNews({ newsId: 配置参数 }) 就这么简单！如果有多个插件，直接通过对象的方式写，使用方式一样同上。阅读全文

posted @ 2016-07-01 17:47 cench 阅读(209) 评论(0) 推荐(0)

canvas 五角星之回顾【初中三角函数】

摘要：当程序中遇到三角函数的时候我是懵逼的，于是百度了“初中三角函数”，忘了这几个公式的，自己打脸。目的是通过Canvas画一个五角星，突破口：只要能通过给定的两个外圈点的半径，和内圈点的半径，借助上面的公式计算出每个五角星点的坐标。主要代码如下：【300】指的是外圈的半径【150】指的是内圈阅读全文

posted @ 2016-06-29 22:56 cench 阅读(636) 评论(0) 推荐(0)

JS 常用字符串操作

摘要：Js字符串操作函数大全 /******************************************* 字符串函数扩充 *******************************************/ /* //去除左边的空格 */String.prototype.LTrim = 阅读全文

posted @ 2016-06-06 11:53 cench 阅读(462) 评论(0) 推荐(0)

jQuery插件开发

摘要：jQuery插件开发要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯阅读全文

posted @ 2016-05-11 15:54 cench 阅读(176) 评论(0) 推荐(0)

H5 手机横竖屏判读

摘要：依赖Jquery，使用方式正好今天有提这个需求，所以用jq插件封装了一个手机横竖屏提醒的方法，图片采用的是SVG，所以直接用就可以。效果如下：阅读全文

posted @ 2016-05-11 15:51 cench 阅读(1146) 评论(0) 推荐(0)

常用正则匹配规则

摘要：var RE ={ intege:"^-?[1-9]\d*$",//整数 intege1:"^[1-9]\d*$",//正整数 intege2:"^-[1-9]\d*$",//负整数 num:"^([+-]?)\d*\.?\d+$",//数字 num1:"^[1-9]\d*|0$",//正数（正整数阅读全文

posted @ 2016-05-03 11:44 cench 阅读(238) 评论(0) 推荐(0)

move.js

摘要：function startMove(obj,json,fn) { clearInterval(obj.timer); obj.timer=setInterval(function() { var bStop=true; ... 阅读全文

posted @ 2016-04-17 15:11 cench 阅读(294) 评论(0) 推荐(0)

canvas 橡皮擦效果制作

摘要：擦除一定数量后全部消失的有用 imageData 方法的我把代码贴在最下面以下是使用getImageData方式消除剩余部分阅读全文

posted @ 2016-04-03 16:44 cench 阅读(916) 评论(0) 推荐(0)

2016最新手机号码正则、身份证JS正则表达式

摘要：js最新手机号码、身份证正则表达式身份证正则：最新手机号码正则表达式：其他使用： test()方法在字符串中查找是否存在指定的正则表达式，并返回布尔值，如果存在则返回true，否则返回false。阅读全文

posted @ 2016-03-13 19:51 cench 阅读(6760) 评论(0) 推荐(0)

随笔分类 - JavaScript

公告