saucxs | songEagle | 松宝写代码

文章首发于--sau交流学习社区(https://www.mwcxs.top)

简单水印(watermark-dom)和算法水印(频域方式图片合并)实现

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

2019-04-29 09:32:37

阅读数 49

评论数 0

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

一、前言 乐聊是一个自己用websocket写一个完整的应用,虽然功能比较欠缺,但是实现了基本的文字聊天,以及群聊,私聊,机器人聊天等功能。因为这个自己做了PC端,无线端(手机端),以及使用cordova打包成一个android的apk。实现了一个大前端的项目,虽然现在android端还是有点有...

2019-04-10 10:39:36

阅读数 47

评论数 0

JavaScript系列--类型判断的4种基本方法,研究jquery的type方法,空对象的检测方法,类数组对象

一、前言 类型判断有时候真的头疼,但是一旦熟练使用就会觉得不过如此。初级的,会判断数字和字符串。中级的,会判断数组和对象。进阶的,会判断日期,正则,错误类型。高级的,会判断plainObject,空对象,window对象等等。 基本类型:String、Number、Boolean、Symbol、...

2019-05-23 11:04:12

阅读数 0

评论数 0

计算机基础系列--从输入 URL 到页面加载完成的详细过程,贯穿整个开发知识体系

一、前言 这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目。每一个前端人员,如果要往更高阶发展,必然会将自己的知识体系梳理一遍,没有牢固的知识体系,无法往更高处走! 二、主干流程 在将浏览器渲染原理、JS运行机制、JS引擎解析流程梳理一遍后,感觉就跟打通了任督二脉一样,有了一个...

2019-05-23 10:57:00

阅读数 0

评论数 0

webpack系列--浅析webpack的原理

一、前言 现在随着前端开发的复杂度和规模越来越大,鹰不能抛开工程化来独立开发,比如:react的jsx代码必须编译后才能在浏览器中使用,比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架,开发效率会大幅下降。 在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构...

2019-05-21 09:54:16

阅读数 1

评论数 0

移动端设计方案--如何设计移动端屏适配方案

一、前言 在众多的移动设备中,前端开发人员如何在不同屏幕大小,不同程度的高清屏下去百分百的还原设计稿,从来都不是一件简单的事情,需要考虑众多因素,权衡利弊,做出取舍,结合需求去选择最合适的方案。 之前有一篇:如何设计移动端高清方案 二、面对的问题 在不同大小和高清的屏幕下: (1)如...

2019-05-20 17:55:13

阅读数 24

评论数 0

移动端设计方案--如何更好的设计移动端高清方案

一、前言 有时候需要前端做到移动端高清显示,1、面对开发移动端H5页面,2、面对不同分辨率的手机,3、面对不同屏幕尺寸的手机。 二、视觉稿 前端开发正常是,视觉的小哥哥给我们psd或者导出的skech文件,这个就是视觉稿,然后前端开始写结构,写元素,调整,优化等等。 对于移动端开发而言...

2019-05-18 23:14:11

阅读数 7

评论数 0

HTTP系列--HTTP2.0新特性:二进制传输,多路复用,Haeder压缩,服务端push,QUIC协议

一、前言 HTTP 2.0 相比于 HTTP 1.X,可以说是大幅度提高了 web 的性能。 在 HTTP 1.X 中,为了性能考虑,我们会引入雪碧图、将小图内联、使用多个域名等等的方式。这一切都是因为浏览器限制了同一个域名下的请求数量,当页面中需要请求很多资源的时候,队头阻塞(Head ...

2019-05-18 23:13:03

阅读数 2

评论数 0

V8引擎--浅析Chrome V8引擎中的垃圾回收机制和内存泄露优化策略

V8 实现了准确式 GC,GC 算法采用了分代式垃圾回收机制。因此,V8 将内存(堆)分为新生代和老生代两部分。 一、前言 V8的垃圾回收机制:JavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑,其好处是可以大幅简化程序的内存管理代码,降低程序员的负担,减少因 长时间...

2019-05-16 21:02:45

阅读数 0

评论数 0

计算机基础--http的基础整理和巩固

一、前言 主要包括:1、http基础:TCP/IP,TCP协议,IP协议,DNS协议,URI与URL; 2、http协议:http报文,http方法,http状态码,常见问题 名词解释: (1)HTTP(HyperText Transfer Protocol)超文本传输协议 (2)URL...

2019-05-16 21:01:31

阅读数 3

评论数 0

框架选择--如何看待前端框架选型 ?

对于前端团队,可以实现企业受益最大化要点。 一、技术选型的策略 1、保证产品质量 (1)功能稳健:网页不白屏,不错位,不卡死;操作正常;数据精准。 (2)体验优秀:加载体验,交互体验,视觉体验,无障碍访问。 2、降低人力成本 (1)降低前期开发成本; (2)降低后期维护成本。 ...

2019-05-16 20:59:33

阅读数 0

评论数 0

数据可视化系列--svg入门基础(二)

接上一篇:数据可视化-svg入门基础(一),基础一主要是介绍了svg概念,元素样式设置等。 svg是(scalable vector graphic)伸缩矢量图像。 一、目录 (1)图形元素 (2)文字元素 (3)特殊元素 (4)滤镜元素 (5)渐变元素 二、图形元素 1、矩...

2019-05-15 17:06:42

阅读数 27

评论数 0

数据可视化系列--svg入门基础(一)

一、前言 1、SVG(Scalable Vector Graphics)可伸缩矢量图形 特点: (1)使用xml格式来定义图形; (2)用来定义web上的使用的矢量图; (3)改变图像尺寸,图片质量不受损; (4)所有元素属性可以使用动画; (5)继承了W3C标准,在html中使用方...

2019-05-15 17:05:53

阅读数 35

评论数 0

简单说说JavaScript的Generator 实现(ES6)

Generator 是 ES6 中新增的语法,和 Promise 一样,都可以用来异步编程 // 使用 * 表示这是一个 Generator 函数 // 内部可以通过 yield 暂停代码 // 通过调用 next 恢复执行 function* test() { let a = 1 + 2...

2019-05-15 17:03:02

阅读数 1

评论数 0

JavaScript系列--浅析原型链与继承

一、前言 继承是面向对象(OOP)语言中的一个最为人津津乐道的概念。许多面对对象(OOP)语言都支持两种继承方式::接口继承和实现继承。 接口继承只继承方法签名,而实现继承则继承实际的方法。由于js中方法没有签名,在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承,而...

2019-05-14 14:56:57

阅读数 7

评论数 0

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

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

2019-04-29 09:19:18

阅读数 45

评论数 0

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

一、前言 介绍构造函数,原型,原型链。比如说经常会被问道:symbol是不是构造函数;constructor属性是否只读;prototype、[[Prototype]]和__proto__的区别;什么是原型链?等等问题。文章首发地址(sau交流学习社区) 二、构造函数 1、什么构造函数 ...

2019-04-29 09:16:37

阅读数 32

评论数 0

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

一、前言 之前在前面一篇学习了赋值,浅拷贝和深拷贝。介绍了这三者的相关知识和区别。 传送门:https://www.mwcxs.top/page/592.html 本文会介绍浅拷贝Object.assign()的实现原理,然后咱们试着实现一个浅拷贝。 二、浅拷贝Object.assig...

2019-04-19 09:09:15

阅读数 7

评论数 0

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

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

2019-04-19 09:07:03

阅读数 5

评论数 0

深入javascript的主流的模块规范

一、前言 目前主流的模块规范: 1、UMD通用模块 2、CommonJs 3、es6 module 二、UMD模块(通用模块) (function (global, factory) { typeof exports === 'object' &&...

2019-04-18 17:57:29

阅读数 7

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭