你若成风，我则化雨

原创 2021-03-10

作业webpack 构建流程有哪些环节？初始化参数：webpack会根据命令行输入，webpack.config.js. 以及必要的默认配置。而成最后配置开始编译：根据配置的最终结果会得到一个compiler对象，注册所有的插件。开始监听webpack。确定入口：根据webpack.config.js 文件的entry 入口，开始解析文件构建AST语法树，找出依赖，递。下去编译模块：递归过程中，根据文件类型和loader配置，调用相应的loader对不同的文件做不同的转换处理，在找出该模块，然后

原创 作业三

谈谈你对工程化的初步认识，结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。前端工程化就是通过一定的标准和规范来提高开发效率的一种手段，一切一降低成本 质量保证，提高效率为目的 的都属于前段的工程化解决重复的工作：上线前部署代码压缩文件打包文件等等解决代码风格各个程序员不统一的 问题解决部分功能需要等待后端的接口才能进行开发解决无法使用模块化和组件化的代码解决真正意义上实现了前后端的完全分离2、你认为脚手架除了为我们创建项目结构，还有什么更深的意义？脚手架可以帮我们快速

原创 前端工程化实战

前端工程化实战工程化概述1.工程化的定义和主要解决的问题传统语言或语法的弊端无法使用模块化。组件化重复的机械工作代码风格的统一，质量保证依赖后端服务接口的支持整体依赖后端项目2.一个项目过程工程化的表现一切重复的工作都应该被自动化[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JlvxiaGI-1610480594072)(C:\Users\Admin\AppData\Roaming\Typora\typora-user-images\16087183

原创 javaScript性能优化

javaScript性能优化1.内存管理function fn(){ arrList=[] arrList[10000000]="lg is a coder"}fn()内存：由可读写单元组成,表示一片可操作的空间管理：人为的去操作一片空间的申请，使用和释放内存管理：开发者主动申请空间，使用空间和释放空间步骤：申请使用和释放js中的内存管理申请内存空间let obj={}使用内存空间obj.name='lg'释放内存空间obj=null2.垃圾回

原创 作业二

作业二一，请说出下列最终的执行结果，并解释为什么var a = [];for (var i = 0; i < 10; i++) { a[i] = function() { console.log(i) }}a[6]()//10答：数组中有两个全局变量a,i,每个元素中保存着一个匿名函数在调用a[6]时候i已经变为十了二，请说出下列最终的执行结果，并解释为什么。var tmp=123;if(true){ console.log(tmp) let

原创 TypeScript笔记

TypeScript—解决javaScript类型问题大大提升了代码的可靠质量javaScript类型系统问题1.强类型和弱类型（类型安全）强类型——语言层面限制函数的实参类型必须与形参类型相同弱类型——语言层面不会限制实参类型强类型没有隐式的类型转换弱类型有隐式类型转换Math.floor(true)//没有报错'100'-50 不被允许abs('foo')2.静态类型与动态类型（类型检查）静态类型在变量声明的时候已经明确了变量的类型动态类型在运行阶

原创 ECMAScript新特性----ES6

ECMAScript新特性1. ECMA概述ECMASCript提供了最基本的语法2015年每年一个版本的迭代javaScript@web ECMAScript操作的是DOM和BOMjavaScript@NodeJS ECMAScript操作的是NodeJS的API2.ES2015概述解决原有语法上的一些问题或者不足对原有语法进行增强全新的对象，全新的方法，全新的功能全新的数据类型和解构3.let与块级作用域作用域某个作用成员能够生效的范围ES6以前只有两种作用域

原创 作业

作业（一）文章输出来源：拉勾教育打前端训练营1.谈谈如何理解javascript异步编程的，消息队列，宏任务，微任务都是什么javascript异步编程是通过事件循环实现得到的，为了提升单线程的处理效率，事件循环，消息队列 宏任务和微任务都是js异步编程的一种方式js代码执行方式，读取代码 存入执行栈，在执行栈处理各个任务，如果是同步任务，处理完排出执行栈，遇到异步任务，执行栈处理完后，会委托宿主环境去执行任务,约定执行后，再将与这个任务的执行结果通过之前约定好的回调函数注册到消息队列，当执行

原创 模块一javaScript笔记

函数式编程文章内容输出来源：拉钩教育 大前端高薪训练营1.什么是函数是编程函数式编程（Functional Programming，FP）是编程范式之一。面向对象编程把现实世界中的事物抽象成程序世界中的类和对象，通过封装，继承和多态来演示事物之间的联系函数式编程把现实的事物与事物之间的联系抽象到程序世界（对运算过程进行抽象）2. 函数是一等公民在javaScript中函数就是一个普通的对象（通过New Function（）） 我们可以将函数存储在变量中，也可以作为另一个函数的参数和返回

原创 手写Promise代码 逻辑注释

Promise代码const PENDING = 'pending'const FULFILLED = 'fulfilled'const REJECTED = 'rejected' // 因为状态经常使用所以设置为常量function resolvePromise(Promise2, x, resolve, reject) { if (Promise2 === x) { //防止Promise重复调用 reject(new TypeError('Chaining

原创 机器学习工作流程

原创 mxGraph（三）——io流mxObjectCodec

这个类实现了对象到xml直接的转换。通过递归调用这个类的decode和encode方法来进行编码和解码这个类还针对数组和布尔值进行判断。

原创 mxGraph（二）-model

mxCellCells are the elements of the graph model. They represent the state of the groups, vertices and edges in a graph.单元格是图模型的元素。它们表示图中的组，顶点和边的状态。一下是创建了一个以xml节点为值得单元格var doc = mxUtils.crea...

原创 mxGraph学习（一）简介

mxgraph图表库1.概述该JavaScript库分为8个包。 顶级mxClient类包含（或动态导入）其他所有内容。 当前版本存储在mxClient.VERSION中。编辑器包提供实现图编辑器所需的类。 该软件包的主要类是mxEditor。视图和模型包实现了由mxGraph表示的图形组件。 它引用了一个包含mxCells的mxGraphModel，并在mxGraphView中缓存了单元...

原创 谷歌浏览器报错（二）

Refused to execute inline event handler because it violates the following Content Security Policy directive: “script-src ‘self’”. Either the ‘unsafe-inline’ keyword, a hash (‘sha256-…’), or a nonce (‘...

原创 Electron中在windows无法拖放文件（或者drop事件失效）

在学习Electron框架的时候遇到从文件管理器拖文件进来后，鼠标图案变成禁止的标志，松开后也没有触发drop事件。!!!是没有触发事件！！不是没有阻止，，在学习的时候找到问题根源在于windows的操作系统上，管理员模式下是没有鼠标拖放等事件的...

原创 angularJS框架

AngularJS框架简介AngularJS是一个开发动态Web应用的框架。它让你可以使用HTML作为模板语言并且可以通过扩展的HTML语法来使应用组件更加清晰和简洁。它的创新之处在于，通过数据绑定和依赖注入减少了大量代码，而这些都在浏览器端通过JavaScript实现，能够和任何服务器端技术完美结合。Angular是为了扩展HTML在构建应用时本应具备的能力而设计的。对于静态文档，HTML...

原创 Vue2.0出现 tableRowClassName is not defined 的问题

在Vue项目中遇到prototype of tableClassName is not defined的问题出现的警告指向连接深度反应性https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties在这里我用的是Element 2.13.0，是因为Vue的深度反应性导致不能给Dom动态添加 所以需要给table绑定...

原创 nodejs+HTML5+express+mluter实现文件上传效果

1.HTML5请参考菜鸟教程2HTML页面代码3.<style type="text/css"> .drop{ width: 200px; height: 200px; background-color: blue; } </style> &...

原创 commonJS的require/exports和Es6的exports/import的写法

1.commonJS的require/exports第一种：exports.say = function(){ }exports.hello = function(){}或者这种写法function say() {}function hello() {}exports.say = sayexports.hello = hello// 调用var user = require...

原创 DiV中的img标签间隙的解决方法

方法一，将img的css属性改为display：block这样img被视为块及元素，但是排版的时候回垂直排列（因为块及元素占一行的大小）；方法二，将img的父容器的font-size设置为0；（比较优先考虑）方法三，将块及元素的对齐方式设置为vertical-align:bottom，vertical-align:middle，vertical-align:top　　i...

原创 canvas-js实现flyBird游戏

思路请私聊博主QQ918922703；资源和源码链接链接：https://pan.baidu.com/s/1Rump1UOHJoygs-PQOhnXrQ提取码：mz9i简单代码如下(function(){ let Bird=function(){ this.x=(game.canvas.width-48)/2;//鸟默认居中 this.y=(game.canvas...

原创 Vue-devtool插件的安装

这里是下载路径M<a href="https://pan.baidu.com/s/17sFPQpvZ6ODfQFS4pZ_W9g"></a>安装的时候需要将shells目录下的src改成build然后将package.json中的background.js中的false该为true如果从github上下载的需要build运行 使用 git打开插件...

原创 Cannot set headers after they are sent to the client 问题的解决方法

Cannot set headers after they are sent to the client；是服务器已经用res.end结束响应的过程了，在此过程中又建立响应链接所以此时要检查代码 中是否存在express中间件 因为中间件的底层就是利用res.end书写的或者其他的框架的中间件 一般在中间件前先返回数据使用send 然后再用end...

原创 nodejs中 res.end（）和express中的res.send（）的区别

res.send和res.end1.res.send–>发送HTTP响应body中可以有三个参数 Buffer对象 string对象 Array此方法对简单的非流式响应执行许多有用的任务：例如，它自动分配Content-LengthHTTP响应标头字段（除非事先定义），并提供自动的HEAD和HTTP缓存新鲜度支持。1.当参数为Buffer对象时，该方法将Content-Type响应头...

原创 葡萄城 面试前测试的题--杨辉三角

var yangHui=function(n,m){ if(n<=0||m>10000||m>=n+1)return false;//判断条件是否越界 let result=1; let z=1; if (n==m||m==1) { return result;//杨辉三角满足C（n-1，m-1）=（m-1）*（m-2）...n个数想成/列数减一的阶乘 } for...

原创 将目录的下的文件和其路径转换为json对象或者字符串-js

const path=require("path");const fs=require('fs');fs.stat('img',(err)=>{ if (err)return; var result='{' fs.readdir("img",(err,data)=>{//data返回的是对象 for(var i=0;i<Object.keys(data).len...

原创 JavaScript实现归并排序-递归法与非递归法

1.归并排序将已有的序列的子序列合并，得到完全有序的序列；即先使每个子序列有序，再使子序列有序 喏将两个有序表合成一个有序表则称为二路归并//定义组的交换let merge=(left,right)=>{ var result=[]; while(left.length>0&&right.length>0){ if(left[0]<=righ...

原创 前后端交互流程--图解

原创 DHCP报文头

1.DHCP基本概念​ 动态主机配置协议（DHCP）是一个简化主机IP地址分配管理的协议。用户可以利用DHCP服务器管理动态的IP地址分配以及以及其他相关的环境配置工作（DNS WINS Gateway的设置）；在使用DHCp整个网络至少有一台服务器安装并配置了DHCP服务，其它使用DHCP功能客户机也必须设置成使用DHCP动态获取IP地址DHCP具备的五项主要功能：支持动态地址分配，支持静...

原创 js练习题（一）

给出两个 非空 的链表用来表示两个非负的整数。其中，它们各自的位数是按照 逆序 的方式存储的，并且它们的每个节点只能存储 一位 数字。如果，我们将这两个数相加起来，则会返回一个新的链表来表示它们的和。您可以假设除了数字 0 之外，这两个数都不会以 0 开头。var addTwoNumbers = function(l1, l2) { let p1=l1; let p2=l2;...

原创 原生js实现推箱子代码 和 思路

一 思路1.获取img图片2.创建map-10x10(必须将两个个图创好)(方便构建对象来使用)创建map的时候要返回人物的对象插入元素的时候将地图利用成二维数组并将人物的位置封装成对象copy节点 直接创造节点 或者声明创造节点的函数（）//第一种占内存 第二种占运存*添加任务旋转的时候回在map函数中加对象3.获取键盘上的值将键盘上的值封装起来转换成一个方向 ，再通过方向判...

原创 卸载干净的mysql

一、在控制面板中卸载mysql软件；二、卸载过后删除C:\Program Files (x86)\MySQL该目录下剩余了所有文件，把mysql文件夹也删了；三、windows+R运行“regedit”文件，打开注册表；四、删除注册表：HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Eventlog\Application\MySQL文件夹；...

原创 mySQL mainxml汉化包下载

下载链接汉化包下载；提取码017f安装路径C:\Program Files\MySQL\MySQL Workbench 8.0 CE\data直接粘贴

转载 js遍历的几种方式

js遍历的几种方式

原创 node js文件系统的笔记（一）之 path 路径的基础

path：对于操作文件的Windows API函数，文件名通常可以相对于当前目录，而某些API需要完全限定的路径。如果文件名不是以以下某个开头，则它是相对于当前目录的：任何格式的UNC名称，始终以两个反斜杠字符（“\”）开头。带有反斜杠的磁盘指示符，例如“C:\”或“D:\”。一个反斜杠，例如，“\directory”或“\file.txt”。这也被称为绝对路径。如果文件名仅以...

原创 文件系统标志！

文件系统标志当 flag 选项采用字符串时，可用以下标志：'a' - 打开文件用于追加。如果文件不存在，则创建该文件。'ax' - 与 'a' 相似，但如果路径已存在则失败。'a+' - 打开文件用于读取和追加。如果文件不存在，则创建该文件。'ax+' - 与 'a+' 相似，但如果路径已存在则失败。'as' - 以同步模式打开文件用于追加。如果文件不存在，则创建该文件。'...

原创 nodejs的readFile方法

nodejs中 readFile方法是异步的读取文件的内容 读取的内容返回为buffer一般用tostring转换为字符串path <string> | <Buffer> | <URL> | <integer> 文件名或文件描述符 这些都可以使nodejs获得文件的路径第一个参数： options <Object> | &l...

原创 流式布局 笔记----（一）需要掌握的基础知识

1.浏览器现状 PC常见浏览器|移动端浏览器----》webkit内核2.手机屏幕 谷歌调试 搭建本地服务器 外网服务器3.调试4.视口viewport（屏幕区域）-->布局视口 视觉视口 理想视口5.meta视口标签<meta name="viewport" content="width=device-width"...

原创 js判断网络链接的四种方法

1.navigator.onLine <script type="text/javascript"> var p1 = document.getElementById('p1');// window.navigator.onLine //用来检测网络是否可用 alert(window.nav...