摘要: watermark插件的github地址:https://github.com/saucxs/watermark 有详细的使用步骤,可以参考,不会用请留言,感觉可以,请给个星星。 sau交流学习社区(首发):https://www.mwcxs.top/page/452.html 一、简单 阿里巴巴内阅读全文
posted @ 2017-05-01 13:16 saucxs 阅读(4240) 评论(10) 编辑
摘要: V8 实现了准确式 GC,GC 算法采用了分代式垃圾回收机制。因此,V8 将内存(堆)分为新生代和老生代两部分。 一、前言 V8的垃圾回收机制:JavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑,其好处是可以大幅简化程序的内存管理代码,降低程序员的负担,减少因 长时间运转而带来阅读全文
posted @ 2019-05-24 17:27 saucxs 阅读(140) 评论(0) 编辑
摘要: 一、前言 主要包括:1、http基础:TCP/IP,TCP协议,IP协议,DNS协议,URI与URL; 2、http协议:http报文,http方法,http状态码,常见问题 名词解释: (1)HTTP(HyperText Transfer Protocol)超文本传输协议 (2)URL(Unifo阅读全文
posted @ 2019-05-23 17:45 saucxs 阅读(38) 评论(0) 编辑
摘要: 对于前端团队,可以实现企业受益最大化要点。 一、技术选型的策略 1、保证产品质量 (1)功能稳健:网页不白屏,不错位,不卡死;操作正常;数据精准。 (2)体验优秀:加载体验,交互体验,视觉体验,无障碍访问。 2、降低人力成本 (1)降低前期开发成本; (2)降低后期维护成本。 二、前端开发模式选择 阅读全文
posted @ 2019-05-23 09:25 saucxs 阅读(385) 评论(0) 编辑
摘要: 接上一篇:数据可视化-svg入门基础(一),基础一主要是介绍了svg概念,元素样式设置等。 svg是(scalable vector graphic)伸缩矢量图像。 一、目录 (1)图形元素 (2)文字元素 (3)特殊元素 (4)滤镜元素 (5)渐变元素 二、图形元素 1、矩形 矩形使用<rect>阅读全文
posted @ 2019-05-20 23:33 saucxs 阅读(345) 评论(4) 编辑
摘要: 一、前言 1、SVG(Scalable Vector Graphics)可伸缩矢量图形 特点: (1)使用xml格式来定义图形; (2)用来定义web上的使用的矢量图; (3)改变图像尺寸,图片质量不受损; (4)所有元素属性可以使用动画; (5)继承了W3C标准,在html中使用方式,html直接阅读全文
posted @ 2019-05-18 23:18 saucxs 阅读(195) 评论(0) 编辑
摘要: 一、前言 继承是面向对象(OOP)语言中的一个最为人津津乐道的概念。许多面对对象(OOP)语言都支持两种继承方式::接口继承 和 实现继承 。 接口继承只继承方法签名,而实现继承则继承实际的方法。由于js中方法没有签名,在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承,而阅读全文
posted @ 2019-05-16 22:26 saucxs 阅读(19) 评论(0) 编辑
摘要: Generator 是 ES6 中新增的语法,和 Promise 一样,都可以用来异步编程 从以上代码可以发现,加上 * 的函数执行后拥有了 next 函数,也就是说函数执行后返回了一个对象。每次调用 next 函数可以继续执行被暂停的代码。以下是 Generator 函数的简单实现阅读全文
posted @ 2019-05-15 17:05 saucxs 阅读(289) 评论(0) 编辑
摘要: 一、前言 介绍构造函数,原型,原型链。比如说经常会被问道:symbol是不是构造函数;constructor属性是否只读;prototype、[[Prototype]]和__proto__的区别;什么是原型链?等等问题 二、构造函数 1、什么构造函数 构造函数就是通过new关键词生成实例的函数。 j阅读全文
posted @ 2019-05-14 15:00 saucxs 阅读(290) 评论(0) 编辑
摘要: 一、前言 之前在前面一篇学习了赋值,浅拷贝和深拷贝。介绍了这三者的相关知识和区别。 传送门:https://www.mwcxs.top/page/592.html 本文会介绍浅拷贝Object.assign()的实现原理,然后咱们试着实现一个浅拷贝。 二、浅拷贝Object.assign() 什么是阅读全文
posted @ 2019-04-30 17:48 saucxs 阅读(135) 评论(0) 编辑
摘要: 文章首发于sau交流学习社区 一、赋值(Copy) 赋值是将某一数值或对象赋给某个变量的过程,分为: 1、基本数据类型:赋值,赋值之后两个变量互不影响 2、引用数据类型:赋**址**,两个变量具有相同的引用,指向同一个对象,相互之间有影响 对基本类型进行赋值操作,两个变量互不影响。 // saucx阅读全文
posted @ 2019-04-29 09:10 saucxs 阅读(186) 评论(0) 编辑
摘要: 文章首发于sau交流学习社区 一、前言 目前主流的模块规范: 1、UMD通用模块 2、CommonJs 3、es6 module 二、UMD模块(通用模块) 如果你在js文件的头部看到这样的代码,这个js文件使用的规范就是UMD规范; 什么是UMD模块规范?就是AMD+CommonJs+全局变量的组阅读全文
posted @ 2019-04-19 09:13 saucxs 阅读(49) 评论(0) 编辑
摘要: 文章首发于sau交流学习社区 一、前言 正则表达式是匹配模式,要么是匹配字符,要么匹配位置。 其实在开发中很少用到匹配位置,本篇文章主要包含: 二、什么是位置 位置:相邻字符之间的位置。 三、如何匹配位置 在ES5中,共有6个锚:^, $, \b, \B, (?=p), (?!p) 可视化形式: R阅读全文
posted @ 2019-04-16 09:11 saucxs 阅读(28) 评论(0) 编辑
摘要: 一、前言 乐聊是一个自己用websocket写一个完整的应用,虽然功能比较欠缺,但是实现了基本的文字聊天,以及群聊,私聊,机器人聊天等功能。因为这个自己做了PC端,无线端(手机端),以及使用cordova打包成一个android的apk。实现了一个大前端的项目,虽然现在android端还是有点有问题阅读全文
posted @ 2019-04-10 09:47 saucxs 阅读(67) 评论(0) 编辑
摘要: 文章首发于[sau交流学习社区](https://www.mwcxs.top/page/585.html) 一、前言 正则表达式是匹配模式,要么匹配字符,要么匹配位置。 正则里面的元字符太多了,没有系统性,可以分为: (1)字符匹配攻略 (2)位置匹配攻略 二、字符匹配 包括:两种模糊匹配,字符数组阅读全文
posted @ 2019-03-29 17:10 saucxs 阅读(207) 评论(0) 编辑
摘要: 首发地址:sau交流学习社区 一、前言 什么是promise?promsie的核心是什么?promise如何解决回调地狱的?等问题 1、什么是promise?promise是表示异步操作的最终结果;可以用来解决回调地狱和并发IO操作的问题 A promise represents the event阅读全文
posted @ 2019-03-25 10:24 saucxs 阅读(234) 评论(1) 编辑
摘要: 一、前言 this指向,apply,call,bind的区别是一个经典的面试问题,同时在项目中会经常使用到的原生的js方法。同时也是ES5中的众多坑的一个。ES6中可能会极大的避免了this产生的错误,有时候需要维护老的项目还是有必要了解一下this的指向和apply,call,bind三者的区别。阅读全文
posted @ 2019-03-18 20:19 saucxs 阅读(205) 评论(0) 编辑
摘要: 一、不改变原数组,返回新数组(字符串) 1、concat() 连接两个或者多个数组,两边的原始数组都不会变化,返回的是被连接数组的一个副本。 2、join() 把数组中所有的元素放入到一个字符串中,返回字符串 3、slice() 从开始到结束(不包括结束)选择数组的一部分浅拷贝到一个新数组 4、ma阅读全文
posted @ 2019-03-11 21:39 saucxs 阅读(229) 评论(0) 编辑
摘要: 插件源码地址:https://github.com/saucxs/captcha 文章首发地址:https://www.mwcxs.top/page/630.html 构造函数接受一些参数,用来定制验证码的点、线、字的各种属性(颜色、长短、大小等)。 2、draw方法 首先我们需要一个 draw 方阅读全文
posted @ 2019-03-06 17:32 saucxs 阅读(424) 评论(2) 编辑
摘要: 一、概要 作用域和作用域链是js中非常重要的特性,关系到理解整个js体系,闭包是对作用域的延伸,其他语言也有闭包的特性。 那什么是作用域?作用域指的是一个变量和函数的作用范围。 1、js中函数内声明的所有变量在函数体内始终是可见的; 2、在ES6中有全局作用域和局部作用域,但是没有没有块级作用域(c阅读全文
posted @ 2019-02-28 16:54 saucxs 阅读(265) 评论(0) 编辑
摘要: 一、概要 红宝书(P178)对于闭包的定义:闭包就是有权访问另外一个函数作用域中变量的函数。 MDN,对于闭包的定义:闭包就是指能够访问自由变量的函数。 那么什么是自由变量?自由变量就是在函数中使用,但既不是函数参数arguments,也不是函数的局部变量的变量,就是说另外一个函数作用域中的变量。 阅读全文
posted @ 2019-02-23 17:17 saucxs 阅读(305) 评论(0) 编辑
摘要: 一、概要 对于闭包的定义(红宝书P178):闭包就是指有权访问另外一个函数的作用域中的变量的函数。 关键点: 1、闭包是一个函数 2、能够访问另外一个函数作用域中的变量 文章首发地址于sau交流学习社区:https://www.mwcxs.top/page/571.html 二、闭包特性 对于闭包有阅读全文
posted @ 2019-02-21 22:25 saucxs 阅读(178) 评论(0) 编辑
摘要: 一、概述 在分析浏览器的渲染过程之前,我们先了解一下什么是进程和线程: (1)什么是进程? 进程是CPU进行资源分配的基本单位 (2)什么是线程? 线程是CPU调度的最小单位,是建立在进程的基础上运行的单位,共享进程的内存空间。 那么我们可以得出结论: 1、进程是会占用系统资源;2、一个进程内可以存阅读全文
posted @ 2019-02-19 21:57 saucxs 阅读(516) 评论(1) 编辑
摘要: 一、概述 浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的,所以在分析浏览器缓存机制之前,我们先使用图文简单介绍一下HTTP报文,HTTP报文分为两种: 同步sau交流学习社区(首发):https://www.mwcxs.top/page/565.html 1阅读全文
posted @ 2019-02-18 15:55 saucxs 阅读(622) 评论(1) 编辑
摘要: 一、前言 如果不了解virtual dom,要理解diff的过程是比较困难的。 虚拟dom对应的是真实dom, 使用document.CreateElement 和 document.CreateTextNode创建的就是真实节点。 vue2.0才开始使用了virtual dom,有向react靠拢阅读全文
posted @ 2019-02-17 19:20 saucxs 阅读(251) 评论(0) 编辑
摘要: vue.js是一个非常优秀的前端开发框架,不是我说的,大家都知道。 首先我现在的能力,独立阅读源码还是有很大压力的,所幸vue写的很规范,通过方法名基本可以略知一二,里面的原理不懂的地方多方面查找资料,本文中不规范不正确的地方欢迎指正,学生非常愿意接受各位前辈提出宝贵的建议和指导。 使用vue的版本阅读全文
posted @ 2019-02-15 16:36 saucxs 阅读(808) 评论(2) 编辑