saucxs

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

摘要： 一、前言 简短的sleep函数，获取时间戳：https://www.mwcxs.top/page/746.html 数字格式化 1234567890 --> 1,234,567,890；argruments 对象(类数组)转换成数组： https://www.mwcxs.top/page/749.h 阅读全文

摘要： 一、前言 之前写了一篇文章：JavaScript 系列--JavaScript一些奇淫技巧的实现方法（一）简短的sleep函数，获取时间戳 https://www.mwcxs.top/page/746.html 介绍了sleep函数和获取时间戳的方法。接下来我们来介绍数字格式化1234567890  阅读全文

摘要： 一、前言 有些东西很好用，但是你未必知道；有些东西你可能用过，但是你未必知道原理。实现一个目的有多种途径，俗话说，条条大路通罗马。发散一下大家的思维以及拓展一下知识面。 二、实现一个简短的sleep函数 sleep函数主要用来做延迟执行的，很多编程语言都有sleep函数，但是javascript没有 阅读全文

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

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

摘要： V8 实现了准确式 GC，GC 算法采用了分代式垃圾回收机制。因此，V8 将内存（堆）分为新生代和老生代两部分。 一、前言 V8的垃圾回收机制：JavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑，其好处是可以大幅简化程序的内存管理代码，降低程序员的负担，减少因 长时间运转而带来 阅读全文

摘要： 一、前言 主要包括：1、http基础：TCP/IP，TCP协议，IP协议，DNS协议，URI与URL； 2、http协议：http报文，http方法，http状态码，常见问题 名词解释： （1）HTTP（HyperText Transfer Protocol）超文本传输协议 （2）URL（Unifo 阅读全文

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

摘要： 接上一篇：数据可视化-svg入门基础（一），基础一主要是介绍了svg概念，元素样式设置等。 svg是（scalable vector graphic）伸缩矢量图像。 一、目录 （1）图形元素 （2）文字元素 （3）特殊元素 （4）滤镜元素 （5）渐变元素 二、图形元素 1、矩形 矩形使用<rect> 阅读全文

摘要： 一、前言 1、SVG(Scalable Vector Graphics)可伸缩矢量图形 特点： （1）使用xml格式来定义图形； （2）用来定义web上的使用的矢量图； （3）改变图像尺寸，图片质量不受损； （4）所有元素属性可以使用动画； （5）继承了W3C标准，在html中使用方式，html直接 阅读全文

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

摘要： Generator 是 ES6 中新增的语法，和 Promise 一样，都可以用来异步编程 从以上代码可以发现，加上 * 的函数执行后拥有了 next 函数，也就是说函数执行后返回了一个对象。每次调用 next 函数可以继续执行被暂停的代码。以下是 Generator 函数的简单实现 阅读全文

摘要： 一、前言 介绍构造函数，原型，原型链。比如说经常会被问道：symbol是不是构造函数；constructor属性是否只读；prototype、[[Prototype]]和__proto__的区别；什么是原型链？等等问题 二、构造函数 1、什么构造函数 构造函数就是通过new关键词生成实例的函数。 j 阅读全文

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

摘要： 文章首发于sau交流学习社区 一、赋值（Copy） 赋值是将某一数值或对象赋给某个变量的过程，分为： 1、基本数据类型：赋值，赋值之后两个变量互不影响 2、引用数据类型：赋**址**，两个变量具有相同的引用，指向同一个对象，相互之间有影响 对基本类型进行赋值操作，两个变量互不影响。 // saucx 阅读全文

摘要： 文章首发于sau交流学习社区 一、前言 目前主流的模块规范： 1、UMD通用模块 2、CommonJs 3、es6 module 二、UMD模块（通用模块） 如果你在js文件的头部看到这样的代码，这个js文件使用的规范就是UMD规范； 什么是UMD模块规范？就是AMD+CommonJs+全局变量的组 阅读全文

摘要： 文章首发于sau交流学习社区 一、前言 正则表达式是匹配模式，要么是匹配字符，要么匹配位置。 其实在开发中很少用到匹配位置，本篇文章主要包含： 二、什么是位置 位置：相邻字符之间的位置。 三、如何匹配位置 在ES5中，共有6个锚：^, $, \b, \B, (?=p), (?!p) 可视化形式： R 阅读全文

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

摘要： 文章首发于[sau交流学习社区](https://www.mwcxs.top/page/585.html) 一、前言 正则表达式是匹配模式，要么匹配字符，要么匹配位置。 正则里面的元字符太多了，没有系统性，可以分为： （1）字符匹配攻略 （2）位置匹配攻略 二、字符匹配 包括：两种模糊匹配，字符数组 阅读全文

摘要： 首发地址：sau交流学习社区 一、前言 什么是promise？promsie的核心是什么？promise如何解决回调地狱的？等问题 1、什么是promise？promise是表示异步操作的最终结果；可以用来解决回调地狱和并发IO操作的问题 A promise represents the event 阅读全文

摘要： 一、前言 this指向，apply，call，bind的区别是一个经典的面试问题，同时在项目中会经常使用到的原生的js方法。同时也是ES5中的众多坑的一个。ES6中可能会极大的避免了this产生的错误，有时候需要维护老的项目还是有必要了解一下this的指向和apply，call，bind三者的区别。 阅读全文

摘要： 一、不改变原数组，返回新数组(字符串) 1、concat() 连接两个或者多个数组，两边的原始数组都不会变化，返回的是被连接数组的一个副本。 2、join() 把数组中所有的元素放入到一个字符串中，返回字符串 3、slice() 从开始到结束（不包括结束）选择数组的一部分浅拷贝到一个新数组 4、ma 阅读全文

摘要： 插件源码地址：https://github.com/saucxs/captcha 文章首发地址：https://www.mwcxs.top/page/630.html 构造函数接受一些参数，用来定制验证码的点、线、字的各种属性（颜色、长短、大小等）。 2、draw方法 首先我们需要一个 draw 方 阅读全文

摘要： 一、概要 作用域和作用域链是js中非常重要的特性，关系到理解整个js体系，闭包是对作用域的延伸，其他语言也有闭包的特性。 那什么是作用域？作用域指的是一个变量和函数的作用范围。 1、js中函数内声明的所有变量在函数体内始终是可见的； 2、在ES6中有全局作用域和局部作用域，但是没有没有块级作用域（c 阅读全文