随笔分类 - 前端基本知识
冒泡机制，事件捕获机制，W3C DOM（对象模型），JS原型链，JS作用域链，闭包
摘要：关注「松宝写代码」，精选好文，每日一题 时间永远是自己的 每分每秒也都是为自己的将来铺垫和增值 作者：saucxs ｜ songEagle 一、前言 2020.12.23 日刚立的 flag，每日一题，题目类型不限制，可以是：算法题，面试题，阐述题等等。 本文是「每日一题」第 7 题：[每日一题]
阅读全文
摘要：关注微信公众号「松宝写代码」，回复“加群”加入我们一起学习，天天向上 作者：saucxs ｜ songEagle 来源：原创 一、前言 【字节跳动】成立于2012年3月，公司使命为“Inspire Creativity, Enrich Life（激发创造，丰富生活）”。公司业务覆盖150个国家和地区
阅读全文
摘要：一、前言 这道题的覆盖面可以非常广，很适合作为一道承载知识体系的题目。每一个前端人员，如果要往更高阶发展，必然会将自己的知识体系梳理一遍，没有牢固的知识体系，无法往更高处走！ 二、主干流程 在将浏览器渲染原理、JS运行机制、JS引擎解析流程梳理一遍后，感觉就跟打通了任督二脉一样，有了一个整体的架构，
阅读全文
摘要：V8 实现了准确式 GC，GC 算法采用了分代式垃圾回收机制。因此，V8 将内存（堆）分为新生代和老生代两部分。 一、前言 V8的垃圾回收机制：JavaScript使用垃圾回收机制来自动管理内存。垃圾回收是一把双刃剑，其好处是可以大幅简化程序的内存管理代码，降低程序员的负担，减少因 长时间运转而带来
阅读全文
摘要：对于前端团队，可以实现企业受益最大化要点。 一、技术选型的策略 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只支持实现继承，而
阅读全文
摘要：一、前言 之前在前面一篇学习了赋值，浅拷贝和深拷贝。介绍了这三者的相关知识和区别。 传送门：https://www.mwcxs.top/page/592.html 本文会介绍浅拷贝Object.assign()的实现原理，然后咱们试着实现一个浅拷贝。 二、浅拷贝Object.assign() 什么是
阅读全文
摘要：文章首发于[sau交流学习社区](https://www.mwcxs.top/page/585.html) 一、前言 正则表达式是匹配模式，要么匹配字符，要么匹配位置。 正则里面的元字符太多了，没有系统性，可以分为： （1）字符匹配攻略 （2）位置匹配攻略 二、字符匹配 包括：两种模糊匹配，字符数组
阅读全文
摘要：一、前言 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
阅读全文
摘要：一、概要 红宝书（P178）对于闭包的定义：闭包就是有权访问另外一个函数作用域中变量的函数。 MDN，对于闭包的定义：闭包就是指能够访问自由变量的函数。 那么什么是自由变量？自由变量就是在函数中使用，但既不是函数参数arguments，也不是函数的局部变量的变量，就是说另外一个函数作用域中的变量。
阅读全文
摘要：一、概要 对于闭包的定义（红宝书P178）：闭包就是指有权访问另外一个函数的作用域中的变量的函数。 关键点： 1、闭包是一个函数 2、能够访问另外一个函数作用域中的变量 文章首发地址于sau交流学习社区：https://www.mwcxs.top/page/571.html 二、闭包特性 对于闭包有
阅读全文
摘要：一、概述 在分析浏览器的渲染过程之前，我们先了解一下什么是进程和线程： （1）什么是进程？ 进程是CPU进行资源分配的基本单位 （2）什么是线程？ 线程是CPU调度的最小单位，是建立在进程的基础上运行的单位，共享进程的内存空间。 那么我们可以得出结论： 1、进程是会占用系统资源；2、一个进程内可以存
阅读全文
摘要：一、概述 浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种： 同步sau交流学习社区（首发）：https://www.mwcxs.top/page/565.html 1
阅读全文
摘要：文章包含以下内容： 一、下载地址 二、nvm-noinstall.zip安装 三、nvm-setup.zip安装 四、测试安装以及使用 一、下载地址 https://github.com/coreybutler/nvm-windows/releases 二、nvm-noinstall.zip安装 1
阅读全文
摘要：最近项目有这么个需求：要在关闭当前系统的窗口的时候，退出登录， 因为如果不退出登录可能存在安全风险，其实我想说，电脑没事别借给别人活着离开工位记得一定要锁屏，其实我们设置了cookie失效时间的，过了一段时间会自动清空cookie。 经过我查资料，自身尝试网上的各种方法，发现都有问题。 总结这一路的
阅读全文
