![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端之路
文章平均质量分 69
codeMoonkey
Into the Unknown
展开
-
前端--阶段笔记(五)前端工程化
前端工程化webpack如果手动开发前端,需要一个一个凑各种文件。实际的前端开发:模块化(js 的模块化、css 的模块化、其它资源的模块化)组件化(复用现有的 UI 结构、样式、行为)规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理)自动化(自动化构建、自动部署、自动化测试)前端工程化,就是要实现以上四个现代化。文件依赖关系复杂,静态资源请求效率低,模块化知识webpack是前端项目构建工具(打包工具),提供了模块化支持,代码压缩混淆,处理js兼容问题原创 2021-11-21 00:01:36 · 551 阅读 · 0 评论 -
前端--阶段笔记(五)ES6模块化与异步编程高级
新版第五阶段Vue前置知识1)ES6模块化与异步编程高级回顾:node.js中遵循CommonJS模块化规范,导入模块用require()方法,对外共享用module.exports对象。const fs = require('fs')module.exports = { nickname:'zhangsan', //注意下面的方法不用打function 和es6规定的类一样 sayHello() { console.log('hello!')原创 2021-11-20 09:35:02 · 172 阅读 · 0 评论 -
前端--阶段笔记(一)H5CSS3 新版
最近复习知识,打开了阶段一写的笔记,可以说是惨不忍睹,实在看不下去,怒写一遍。以下是新版的阶段一笔记,使用markdown重写。删除了许多重复的内容,修正了错误内容,明确了一些似是而非的部分。真的,不要看自己以前写的代码和笔记,简直是屎山。以下是正文。HTML部分什么是网页?网站是因特网上按照一定规则,使用HTML等制作的用于展示特定内容得网页集合。网页就是其中一页,通常是HTML格式的文件。需要通过浏览器来阅读。什么是HTML?指的是超文本标记语言,Hyper Text Markup原创 2021-11-18 19:09:44 · 1157 阅读 · 1 评论 -
前端--阶段笔记(四)前后端交互
第四阶段复习第一章 ajax + httpURLurl 统一资源定位符 uniformResourceLocatior由三部分组成:通信协议 服务器名 服务器上具体存储位置http://<host>:<port>/<path>?<searchpart>三个步骤:请求处理响应浏览器提供的通信过程分析工具:F12 开发者模式 Network,选中Doc标签,在下面的具体页面点击一下,就能看到这个网页的详情。respones里面就是返回过来的内容X原创 2021-09-30 11:19:23 · 1965 阅读 · 0 评论 -
前端--阶段笔记(三)JavaScript 高级
JS高级JS AD Day 01面向对象编程OOP:封装、继承、多态使用功能来划分问题,而不是步骤。类和对象js中 对象是一组无序的相关属性和方法的集合,所有的事物都是对象。例如字符串,函数,数组等。对象是由属性和方法组成的。属性是事物的特征。方法是事物的行为。抽取对象公用的属性和行为组织成一个类。即抽象对象共有属性和行为封装成一个模板。对类进行实例化,获取类的对象。类,class,类抽象了对象的公共部分,泛指某一大类。对象特指某一个,通过类实例化一个具体的对象。1 .创建类语法原创 2021-09-29 12:02:33 · 345 阅读 · 0 评论 -
防抖与节流
防抖和节流是两种常见的编程思路,用于减缓事件触发频率,减轻浏览器、服务器等的压力,优化体验。具体执行方法如下。防抖防抖,debounce,需满足事件间隔条件。即一个事件触发后,如果被重复触发,则会重新计算时间,时间走完之后,才会执行相关操作。应用场景:百度搜索框联想搜索关键词。 //debounce函数 //可以重复触发但是每次触发后回调函数的延时重新计时 var btn1 = document.querySelector('#btn1')原创 2021-09-20 21:59:16 · 76 阅读 · 0 评论 -
由一次取消空行来看windows下的换行与正则匹配
今天拿到一分有多余空行的js文件,准备使用正则表达式来删除空行。没有删除空行前是这样的:在notepad++中使用正则\r\n替换后,竟然是这样的:这不对啊,怎么糊成一坨了啊,我明明只想删除空行来着。我意识到可能是windows下的回车换行问题,赶快去百度了下,结果越看越迷糊,有人说换行是 \r\n,有人说是 \n\r。删除空行则是:\n\s*\r经过实测,这个删除空行的这个正则表达式是正确的,删除后的效果如图:又经过一番测试我发现,按下键盘上的回车代表 \r\n,假设:原创 2021-09-20 09:48:58 · 214 阅读 · 0 评论 -
Git 与 Github
GITsvn : 只记录不同部分git :全部记录 直接覆盖Git三个区:工作区,暂存区,git仓库工作区:处理工作的区域;暂存区:已经完成的工作的临时存放区等待被提交;Git仓库:最终存放区。Git中已经被管理的文件的三个状态:已修改modified :修改了但是没放到暂存区;已暂存staged:对当前版本已经做了标记,使之包含在下次提交的列表中;已提交committed:表示文件已经存放在本地git仓库中。Git工作流程:1 工作区中修改,修改后暂存。2 暂存区提交3 提交到原创 2021-06-02 17:46:15 · 77 阅读 · 0 评论 -
npm报错:rollbackfailedoptional: verb npm-session的原因与解决
npm执行: npm install webpack webpack-cli -D 时,报错:rollbackfailedoptional: verb npm-session。报错之后的详细内容提示:自定义的文件夹名称和webpack名称冲突。手动修改文件夹名称后,问题没有解决,报错内容还是这样。研究了一阵,想起文件夹名称不代表包名称,真正的包名称是package.json 中的name节点。最后冲突可能还在这里。于是删除了项目之后重新搞一遍,顺利通过。哈哈没想到吧。...原创 2021-04-23 16:15:01 · 6618 阅读 · 0 评论 -
package.json与package-lock.json
package.json什么是Node.js的模块(Module)?在Node.js中,模块是一个库或框架,也是一个Node.js项目。Node.js项目遵循模块化的架构,当我们创建了一个Node.js项目,意味着创建了一个模块,这个模块的描述文件,被称为package.json。package-lock.json 配置文件用来记录 node_modules 目录下的每一个包的下载信息,例如包的名字、版本号、下载地址等。...原创 2021-04-23 15:25:25 · 58 阅读 · 0 评论 -
今日所得
1 .Chrome DevTools的Network面板中可以查看 DOMContentLoaded(蓝色字体) 和 load (红色字体)所用的时间,分别对应蓝色线与红色线。2 .jQuery中的$(document).ready()等效于$(function(){})等效于document.addEventListener(‘DOMContentLoaded’,function(){})3 .$(window).load(function() {});监听的是 load 事件。wind原创 2021-04-17 23:45:16 · 97 阅读 · 0 评论 -
前端--阶段笔记(三) jQuery + js进阶
jQuery Day 01js开发框架 ,仓库特点:链式编程,隐式迭代支持插件 有丰富第三方插件1 引入 script src = XX.js<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>2 测试控制台输入jQuery.fn.jquery引入成功会显示当前引入版本jQuery 入口函数等DOM结构渲染完毕即可执行sj 代码 ,不必等所有外部资源加原创 2021-03-07 16:27:18 · 1537 阅读 · 0 评论 -
前端--阶段笔记(三) JS WebAPI 04 + 05 + 06 +07
Day 04 键 盘 事 件 BOM js 执 行 机 制常见键盘事件onkeyup,onkeydown,onkeypress//先执行down 在执行press 最后按键弹起执行UPdocument.addEventListener('keyup',function(){console.log('我弹起了');})//keypress 能识别功能键 按下的时候触发document.addEventListener('keydown',function(){console.log(原创 2021-03-05 23:16:10 · 2368 阅读 · 2 评论 -
前端--阶段笔记(三) JS WebAPI 01 + 02 + 03
第二章 WEB APIDay01 Web APIAPI Application Programming Interface , 应用编程接口DOM (documentobject model)文档对象模型用于处理可扩展标记语言(HTML、Xhtml)的标准编程接口操作DOM可以改变网页的内容、结构和 样式文档、节点与元素文档:一个页面就是一个文档 document节点:网页中所有内容都是节点node(标签、属性、文本、注释等)标签节点:网页中所有标签通常称为元素节点,又称为元素,用ele原创 2021-03-05 07:26:52 · 436 阅读 · 0 评论 -
前端--阶段笔记(三) JS编程基础 06
Day06作用域内置对象和数据类型7.25作用域作用域:代码变量在某个范围内起作用和效果。目标是提高可靠性,并减少命名冲突。1.全局作用域:整个script标签都是一个单独的js文件 局部作用域就是指在函数内部是起作用的。2.全局变量,有两种是全局变量:1全局作用域下声明的变量为全局的变量,2或者在函数内部没声明直接赋值的变量。js es6 之前没有块级作用域,只有全局与局部(函数作用域)两种作用域。在es6才新增块级作用域。块级作用域{} 有花括号包含的部分就叫做块级作用域。注原创 2021-03-03 05:36:53 · 271 阅读 · 0 评论 -
前端--阶段笔记(三) JS编程基础 03+04+05
Day03 循环1。for2。双重for3。while4。do while5。continue breakfor循环执行不相同代码有计数器变量i的存在for(var i = 1;i < 100;i++) { console.log(‘这个人今年’ + i +‘岁了’);}prompt取过来的数据是字符串型的,需要转换为数字型才能正常使用。异或 半加运算一个数据异或另一个数据两次,最后得到的结果还是这个数据,用公式表示就是a ^ b ^ b=a。7.24while循环原创 2021-03-01 14:31:05 · 86 阅读 · 0 评论 -
前端--阶段笔记(三) JS编程基础 01 + 02
第一章JSDay01 变量标记语言被动,由计算机读取并执行。编程语言,主动执行。布兰登·艾奇JS 注释 JS语句运行在客户端的脚本语言 ,不编译 ,由js解释器解释运行现在可以用node.js进行服务器端编程.诞生目的:表单验证,网页验证,服务器开发桌面程序,APP控制硬件 物联网rufs浏览器分两部分:渲染引擎和JS引擎渲染负责解析HTML和CSS,俗称内核.js引擎也成为js解释器用来读取js代码并处理运行,如chrome版本的V8.JS的组成1.ECMAScript JS原创 2021-02-28 01:31:14 · 154 阅读 · 0 评论 -
模板字符串使用反引号 `
模板字符串使用反引号 (` `) 来代替普通字符串中的用双引号和单引号用的不是单引号真是开心的一天。。。原创 2021-02-04 16:56:58 · 302 阅读 · 1 评论 -
前端--阶段笔记(一)
第一次写笔记,没有用markdown语法,写的很烂,算是做个记录吧,给自己一个交代。总体路线1.H5C32.JS3.前后端交互4.vue5.WeChat micro-app6.Reactctrl+alt 选中图层数据封装、继承和多态是面向对象的三大特点,我们后面会详细讲解。hover伪类after before 伪元素快捷键1.快速复制Alt+Shift+下键(上下左右的下);2.shift+alt+鼠标左键 可以在多行中同一位置同时选中方便对相同位置进行粘贴同样内容解释型原创 2020-09-16 13:25:34 · 359 阅读 · 0 评论 -
前端--阶段笔记(二)
VScode呵呵H5C3讲过了label标签 标签为 input 元素定义标签(label)。meta 元语言charset 字符集新增语义化标签header — 头部标签nav — 导航标签article — 内容标签section — 块级标签aside — 侧边栏标签footer — 尾部标签新增音频标签<body> <!-- 注意:在 chrome 浏览器中已原创 2020-09-16 13:08:46 · 806 阅读 · 0 评论