智者_若愚-CSDN博客

原创 JS模块化2_CommonJS_Node模块化教程

CommonJS服务端模块化教程(Node.js模块化教程)0. 基本语法CommonJS是唯一的双端模块化规范在服务器端：模块的加载是运行时同步加载的在浏览器端：模块需要提前编译打包处理（异步加载）暴露模块： - module.exports = value - exports.xxx = value 引入模块： - require(xxx) - 若引入的是第三方模块，则xxx为文件名 - 若引入的是自定义模块，则xxx为模块文件路径，必须写'./'1. 安装Node.j

2021-09-24 20:16:41 99

原创 JS模块化1_模块化进化史

JS模块化什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信一个模块的组成数据—>内部的属性操作数据的行为—>内部的函数模块化编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目模块化进化史1. 全局function模式module1.js//数据let data = 'atguigu.com'//操作数据的函数fu

2021-09-24 20:16:06 133

原创 JS模块化0_node与npm(必看)

模块化课程Node相关知识铺垫1. Node是什么？是一个js运行环境2.Node与npm是什么关系？我们在开发时，经常会用到很多别人已经写好的代码或第三方库，我们一般会这样操作：搜索，下载，解压，引入。如果每次都这么做势必很麻烦，于是Node.js的设计者打造了一个包管理器：npm，一些第三方库的作者把代码放在npm上。当我们想要使用时，直接通过npm命令去安装即可，不用去理会应该下载什么？放在哪里？一切都处理好。而且如果我们要用的模块A，而模块A又依赖模块B，模块B又依赖模块C和D，那

2021-09-24 20:15:46 77

原创前端性能优化07_函数防抖与节流

函数防抖(debounce)概念：在事件被触发n秒后再执行回调，如果在这n秒内事件又被触发，则重新计时。生活中的实例：电脑无操作1分钟之内如果没有操作会进入休眠，当第40秒时鼠标被移动一下，重新计时1分钟。实现：定时器。应用：搜索时等用户完整输入内容后再发送查询请求。 let inputNode = document.getElementById('user_input'); let timer; inputNode.addEventListener('keyup',function

2021-09-24 20:07:54 188

原创前端性能优化06_缓存机制

缓存1. 缓存理解1. 缓存定义: 1. 浏览器在本地磁盘上将用户之前请求的数据存储起来，当访问者再次需要改数据的时候无需再次发送请求，直接从浏览器本地获取数据2. 缓存的好处: 1. 减少请求的个数 2. 节省带宽，避免浪费不必要的网络资源 3. 减轻服务器压力 4. 提高浏览器网页的加载速度，提高用户体验2. 缓存分类强缓存1. 不会向服务器发送请求，直接从本地缓存中获取数据2. 请求资源的的状态码为: 200 ok(from memory c

2021-09-24 20:07:18 104

原创前端性能优化05_浏览器本地存储

浏览器存储Cookie, SessionStorage, LocalStorage这三者都可以被用来在浏览器端存储数据，而且都是字符串类型的键值对！注意：session和SessionStorage不是一个概念！！！在服务端有一种存储方式叫做：session会话存储，常常被简称session后期Node课程中会对cookie和后端所使用的session会话存储进行详细讲解session:会话SessionStorage:浏览器端用于存储数据的容器，常常被前端人员简称为session。sess

2021-09-24 20:06:48 117

原创前端性能优化04_CDN

什么是CDN？工作原理是什么？网站通常将其所有的服务器都放在同一个地方，当用户群增加时，公司就必须在多个地理位置不同的服务器上部署内容为了缩短http请求的时间，我们应该把大量的静态资源放置的离用户近一点。内容发布网络CDN（Content Delivery Networks）CDN是一组分布在多个不同地理位置的web服务器集群，用于更加有效的向用户发布内容基本思路：尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点

2021-09-24 20:05:57 136

原创前端性能优化03_图层与重绘重排

css图层浏览器在渲染一个页面时，会将页面分为很多个图层，图层有大有小，每个图层上有一个或多个节点。在渲染DOM的时候，浏览器所做的工作实际上是： 1. 获取DOM后分割为多个图层 2. 对每个图层的节点计算样式结果（Recalculate style–样式重计算） 3. 为每个节点生成图形和位置（Layout–布局，重排,回流） 4. 将每个节点绘制填充到图层位图中（Paint–重绘） 5. 图层作为纹理上传至GPU

2021-09-24 20:04:18 254

原创前端性能优化02_浏览器渲染引擎与阻塞

一、浏览器渲染引擎主要模块一个渲染引擎主要包括：HTML解析器，CSS解析器，javascript引擎，布局layout模块，绘图模块HTML解析器：解释HTML文档的解析器，主要作用是将HTML文本解释成DOM树。CSS解析器：它的作用是为DOM中的各个元素对象计算出样式信息，为布局提供基础设施Javascript引擎：使用Javascript代码可以修改网页的内容，也能修改css的信息，javascript引擎能够解释javascript代码，并通过DOM接口和CSS树接口来修改网页内容

2021-09-09 14:50:58 235

原创前端性能优化01_浏览器功能与组成

浏览器应该有的功能网络：浏览器通过网络模块来下载各式各样的资源，例如html文本；javascript代码；样式表；图片；音视频文件等。网络部分尤为重要，因为它耗时长，而且需要安全访问互联网上的资源。资源管理：从网络下载，或者本地获取到的资源需要有高效的机制来管理它们。例如如何避免重复下载，资源如何缓存等等网页浏览：这是浏览器的核心也是最基本的功能，最重要的功能。如何将资源转变为可视化的结果。多页面管理插件与管理账户和同步安全机制开发者工具......

2021-09-09 14:50:30 92

原创前端基础知识总结---JS高级篇(5)_ES笔记

理解ES全称: ECMAScriptjs语言的规范我们用的js是它的实现js的组成ECMAScript(js基础)扩展–>浏览器端BOMDOM扩展–>服务器端Node.jsES5严格模式运行模式: 正常(混杂)模式与严格模式应用上严格式: ‘strict mode’;作用:使得Javascript在更严格的条件下运行消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为消除代码运行的一些不安全之处，保证代码运行的安全

2021-09-09 14:49:24 111

原创前端基础知识总结---JS高级篇(4)_线程机制与事件机制

1. 线程与进程1). 进程:程序的一次执行, 它占有一片独有的内存空间可以通过windows任务管理器查看进程2). 线程:是进程内的一个独立执行单元是程序执行的一个完整流程是CPU的最小的调度单元3). 关系一个进程至少有一个线程(主)程序是在某个进程中的某个线程执行的2. 浏览器内核模块组成1). 主线程js引擎模块 : 负责js程序的编译与运行html,css文档解析模块 : 负责页面文本的解析DOM/CSS模块 : 负责dom/css在内存中的相关处理布局和

2021-09-09 14:48:44 117

原创前端基础知识总结---JS高级篇(3)_对象高级

1. 对象的创建模式1). Object构造函数模式var obj = new Object()obj.name = 'Tom'obj.setName = function(name){this.name=name}2). 对象字面量模式var obj = { name : 'Tom', setName : function(name){this.name = name}}3). 工厂函数模式// 工厂函数: 返回一个需要的数据的函数 function Person(name,

2021-09-09 14:48:15 96

原创前端基础知识总结---JS高级篇(2)_函数高级

1. 原型与原型链1). 什么是原型对象:1. 每个函数都有一个prototype属性，该属性指向的是原型对象(显示原型对象)2. 每个实例对象身上都有一个__proto__属性，该属性指向的也是原型对象(隐式原型对象)3. 构造函数的显示原型 === 当前构造函数实例对象的隐式原型对象4. 原型对象的本质：普通的Object实例2). 什么是原型链1. 查找对象的属性的时候现在自身找，如果自身没有沿着__proto__找原型对象2. 如果原型对象上还没有，继续沿着__proto__,直

2021-09-09 14:47:41 80

原创前端基础知识总结---JS高级篇(1)

1. 数据类型的分类和判断1). 基本(值)类型Number ----- 任意数值 -------- typeofString ----- 任意字符串 ------ typeofBoolean ---- true/false ----- typeofundefined --- undefined ----- typeof/===null -------- null ---------- ===2). 对象(引用)类型Object ----- typeof/instanceofArray

2021-09-09 14:46:50 77

原创前端基础知识总结---JS篇

JavaScript 面试知识点总结本部分主要是笔者在复习 JavaScript 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！目录1. 介绍 js 的基本数据类型。2. JavaScript 有几种类型的值？你能画一下他们的内存图吗？3. 什么是堆？什么是栈？它们之间有什么区别和联系？4. 内部属性 Class 是什么？5. 介绍 js 有哪些内置对象？6. undefined 与 undeclared 的区别？7. null 和 undefined 的区别？8.

2021-09-09 14:45:42 2646

原创前端基础知识总结---CSS篇

本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！目录1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？2.CSS 选择符有哪些？3.::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用。4.伪类与伪元素的区别5.CSS 中哪些属性可以继承？6.CSS 优先级算法如何计算？7.关于伪类 LVHA 的解释?8.CSS3 新增伪类有那些？9.如何居中 div？10.disp

2021-09-09 14:45:03 2542

原创前端基础知识总结---HTML篇

HTML 面试知识点总结本部分主要是笔者在复习 HTML 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！目录1. DOCTYPE 的作用是什么？2. 标准模式与兼容模式各有什么区别？3. HTML5 为什么只需要写 <!DOCTYPE HTML>，而不需要引入 DTD？4. SGML 、 HTML 、XML 和 XHTML 的区别？5. DTD 介绍6. 行内元素定义7. 块级元素定义8. 行内元素与块级元素的区别？9. HTML5 元素的分类10.

2021-09-09 14:44:18 1366

原创前端程序员大厂面试精选100道算法题2

无论从事前端后端，不得不说算法才是决定一个程序员水平高低，工资收入的基石。算法能力也是一个程序员未来能走多远的一个决定性因素。小龙这里为大家总结了最新大厂面试题锦。

2021-08-20 14:25:47 1170

原创初级程序员进大厂必刷的100道算法题

碎碎念：读者你好我的名字叫昌龙【Changlon】 —— 一个非科班程序员、一个致力于前端的开发者、一个热爱生活且又时有忧郁的思考者。如果我的文章能给你带来一些收获你的点赞收藏将是对我莫大的鼓励！我的邮箱:thinker_changlon@163.com我的Github: https://github.com/Changlon程序员之进大厂必刷算法题系列数组字符串链表栈哈希二叉树二分算法分治算法(快排序)动态规划深度优先，广度优先算法递归，回溯算法贪心算法..

2021-06-30 20:14:43 9378 1

原创 node 定时任务管理ctask-simple的使用

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！文章目录ctask-simple安装从一个例子开始传参和返回值任务的停止，重新启动，任务清空ctask-simple注: 目前的版本只是1.0.0刚刚开发出来的Npm工具包，且目.

2021-04-16 23:11:01 333

原创移动开发中的基础知识总结

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！文章目录一屏幕（1）分辨率二长度单位（1）绝对单位（2）相对单位独立像素比二倍图三视口概念1.PC端的视口2.移动端的视口年底了，不能不搞点事情。宿舍里学习的学习，.

2020-07-05 11:18:17 1279

原创 MySQL----流程控制结构

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章存储过程和函数文章目录分支结构特点：案例解读循环结构1、while2、loop3、repeat4、循环控制语句5、案例解读说明：顺序结.

2020-06-26 14:06:41 130

原创 MySQL----存储过程和函数

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章变量流程控制结构文章目录存储过程一、含义二、创建 ★三、调用四、查看五、删除案例讲解函数含义一、创建二、调用三、查看四、删除五、案例演示.

2020-06-26 14:06:03 365

原创 MySQL----变量

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章视图存储过程和函数文章目录分类一、系统变量1、全局变量2、会话变量二、自定义变量1、用户变量2、局部变量案例解读用户变量和局部变量的对比.

2020-06-26 14:05:14 212

原创 MySQL----视图

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章变量文章目录一、含义二、创建三、修改四、删除五、查看六、使用1.插入 (insert)2.修改 (update)3.删除 (delete)4.

2020-06-26 14:04:11 145

原创 MySQL----TCL (事务) 语言

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章文章目录一、含义二、特点（ACID）三、事务的使用步骤 ★四、并发事务1、事务的并发问题是如何发生的？2、并发问题都有哪些？3、如何解决并发问.

2020-06-26 14:03:15 96

原创 MySQL----DDL (约束) 语言

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章数据类型文章目录一、常见的约束二、创建表时添加约束三、修改表时添加或删除约束1、非空2、默认3、主键4、唯一5、外键四、自增长列一、创建表时.

2020-06-26 14:02:33 367

原创 MySQL----DDL (数据类型) 语言

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章库表管理常见约束文章目录一、数值型1、整型2、浮点型二、字符型三、日期型一、数值型1、整型类型tinyintsmalli.

2020-06-26 14:01:38 514

原创 MySQL----DDL (库表管理) 语言

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章数据类型文章目录一、库的管理创建库修改库删除库案例二、表的管理创建表 ★修改表删除表复制表1、复制表的结构2、复制表的结构+数据案例一、库.

2020-06-26 14:00:51 266

原创 MySQL----DML (增删改) 语言

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章文章目录一、插入 (insert)方式一方式二二、修改 (update)修改单表的记录 ★修改多表的记录【补充】三、删除 (delete)方式.

2020-06-26 13:58:57 125

原创 MySQL----SQL执行顺序总结

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章联合查询语法：select 查询列表 ⑦from 表1 别名 ①连接类型 join 表2 ②on 连接条件 .

2020-06-26 13:57:46 118

原创 MySQL----联合查询

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章分页查询查询总结文章目录一、含义二、语法三、意义四、特点五、案例1）2）一、含义union：合并、联合，将多次查询结果合并成一个结果.

2020-06-26 13:55:48 88

原创 MySQL----分页查询

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章子查询联合查询文章目录一、应用场景二、语法三、案例一、应用场景当要查询的条目数太多，一页显示不全二、语法select 查询列表.

2020-06-26 13:52:50 103

原创 MySQL----子查询

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章连接查询分页查询文章目录一、含义二、分类1、按出现位置2、按结果集的行列三、示例where或having后面1、标量子查询2、列子查询se.

2020-06-26 13:51:46 93

原创 MySQL----连接查询

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章分组查询子查询文章目录一、含义二、分类按年代分类：按功能分类：三、SQL92语法1、等值连接2、非等值连接3、自连接四、SQL99语法1、.

2020-06-26 13:50:53 120

原创 MySQL----分组查询

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章常见函数连接查询文章目录一、语法二、特点三、案例1) 查询平均数据2）查询个数3）分组前筛选4) 分组后的筛选四、总结一、语法sele.

2020-06-26 13:50:02 120

原创 MySQL----常见函数

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章排序查询.分组查询文章目录一、概述功能：好处：调用：二、单行函数1、字符函数2、数学函数3、日期函数4、其他函数5、流程控制函数三、分组函.

2020-06-26 13:48:44 105

原创 MySQL----排序查询

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章条件查询常见函数文章目录一、语法二、特点三、案例一、语法select 查询列表from 表where 筛选条件order by .

2020-06-26 13:47:30 108

原创 MySQL----条件查询

序言：致每一位读者：你们好！我叫 Changlon [昌龙] ；是和各位一样奔跑在编程道路上，期望用编程改变世界，改善生活的奔跑者。写文章的初心: 方便以后复习，方便未来面试，结交更多道友，交流心得经验…如果你也对前端 , Java , C/C++, 算法, 人工智能感兴趣那就关注我吧！我们一起学习进步！相关文章点击查看 MySQL系列文章基础查询排序查询文章目录一、语法二、筛选条件的分类1、简单条件运算符2、逻辑运算符1) AND2) OR3) NOT3、模糊查询一、语法.

2020-06-26 13:45:31 116

web前端小游戏贪吃蛇源码下载

c语言实现静态链表.rar

单链表综合应用.rar

空空如也