2019年04月_松宝写代码

原创简单水印（watermark-dom）和算法水印（频域方式图片合并）实现

一、简单水印（watermark-dom）阿里巴巴内网的不可见水印用的是什么算法？据说月饼事件截图的那位员工也被开除了？下面的只是简单的加一个很浅的水印，实现起来很容易。1、看看水印的效果随便找一个网站，比如就找掘金的个人首页，（1）F12检查模式，（2）在console里粘贴下面的代码，(function(watermark){window.watermarkdivs=[];va...

2019-04-29 09:32:37 3180

原创 happyChat开发系列：使用websocket.io实现双向通信的乐聊大前端开发

一、前言乐聊是一个自己用websocket写一个完整的应用，虽然功能比较欠缺，但是实现了基本的文字聊天，以及群聊，私聊，机器人聊天等功能。因为这个自己做了PC端，无线端（手机端），以及使用cordova打包成一个android的apk。实现了一个大前端的项目，虽然现在android端还是有点有问题，在修改bug。二、websocket的原理介绍1、为什么需要websocket？...

2019-04-10 10:39:36 506

原创 npm系列--手把手教你用npm发布第一个npm包的详细教程

我们已经实现了路由的自动化构建，但是我们可以看到，一大串代码怼在里面。当然你也可以说，把它封装在一个JS文件里面，然后使用require('./autoRoute.js')给引入进来，那也行。但是，为什么不把心放大一点呢？比如说，我们把它做成一个npm包！最初自己做的时候就是这种直接引入封装的JS文件里，可以参考：https://github.com/saucxs/water...

2019-04-29 09:19:18 1873

原创 javascript系列--认识并理解构造函数，原型和原型链

一、前言介绍构造函数，原型，原型链。比如说经常会被问道：symbol是不是构造函数；constructor属性是否只读；prototype、[[Prototype]]和__proto__的区别；什么是原型链？等等问题。文章首发地址（sau交流学习社区）二、构造函数1、什么构造函数构造函数就是通过new关键词生成实例的函数。js的构造函数和其他语言不一样，一般规范都是首字母...

2019-04-29 09:16:37 208

原创 javascript之Object.assign实现浅拷贝的原理以及实现

一、前言之前在前面一篇学习了赋值，浅拷贝和深拷贝。介绍了这三者的相关知识和区别。传送门：https://www.mwcxs.top/page/592.html本文会介绍浅拷贝Object.assign()的实现原理，然后咱们试着实现一个浅拷贝。二、浅拷贝Object.assign()什么是浅拷贝？浅拷贝就是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。浅拷...

2019-04-19 09:09:15 1424

原创浅析JavaScript解析赋值、浅拷贝和深拷贝的区别

一、赋值（Copy）赋值是将某一数值或对象赋给某个变量的过程，分为：1、基本数据类型：赋值，赋值之后两个变量互不影响2、引用数据类型：赋**址**，两个变量具有相同的引用，指向同一个对象，相互之间有影响对基本类型进行赋值操作，两个变量互不影响。// saucxslet a = "saucxs";let b = a;console.log(b); // saucxs...

2019-04-19 09:07:03 230

原创深入javascript的主流的模块规范

一、前言目前主流的模块规范：1、UMD通用模块2、CommonJs3、es6 module二、UMD模块（通用模块）(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = fact...

2019-04-18 17:57:29 962

saucxs