- 博客(30)
- 收藏
- 关注
原创 前端--阶段笔记(五)前端工程化
前端工程化webpack如果手动开发前端,需要一个一个凑各种文件。实际的前端开发:模块化(js 的模块化、css 的模块化、其它资源的模块化)组件化(复用现有的 UI 结构、样式、行为)规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理)自动化(自动化构建、自动部署、自动化测试)前端工程化,就是要实现以上四个现代化。文件依赖关系复杂,静态资源请求效率低,模块化知识webpack是前端项目构建工具(打包工具),提供了模块化支持,代码压缩混淆,处理js兼容问题
2021-11-21 00:01:36
554
原创 前端--阶段笔记(五)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
176
原创 前端--阶段笔记(一)H5CSS3 新版
最近复习知识,打开了阶段一写的笔记,可以说是惨不忍睹,实在看不下去,怒写一遍。以下是新版的阶段一笔记,使用markdown重写。删除了许多重复的内容,修正了错误内容,明确了一些似是而非的部分。真的,不要看自己以前写的代码和笔记,简直是屎山。以下是正文。HTML部分什么是网页?网站是因特网上按照一定规则,使用HTML等制作的用于展示特定内容得网页集合。网页就是其中一页,通常是HTML格式的文件。需要通过浏览器来阅读。什么是HTML?指的是超文本标记语言,Hyper Text Markup
2021-11-18 19:09:44
1164
1
原创 前端--阶段笔记(四)前后端交互
第四阶段复习第一章 ajax + httpURLurl 统一资源定位符 uniformResourceLocatior由三部分组成:通信协议 服务器名 服务器上具体存储位置http://<host>:<port>/<path>?<searchpart>三个步骤:请求处理响应浏览器提供的通信过程分析工具:F12 开发者模式 Network,选中Doc标签,在下面的具体页面点击一下,就能看到这个网页的详情。respones里面就是返回过来的内容X
2021-09-30 11:19:23
1972
原创 前端--阶段笔记(三)JavaScript 高级
JS高级JS AD Day 01面向对象编程OOP:封装、继承、多态使用功能来划分问题,而不是步骤。类和对象js中 对象是一组无序的相关属性和方法的集合,所有的事物都是对象。例如字符串,函数,数组等。对象是由属性和方法组成的。属性是事物的特征。方法是事物的行为。抽取对象公用的属性和行为组织成一个类。即抽象对象共有属性和行为封装成一个模板。对类进行实例化,获取类的对象。类,class,类抽象了对象的公共部分,泛指某一大类。对象特指某一个,通过类实例化一个具体的对象。1 .创建类语法
2021-09-29 12:02:33
359
原创 防抖与节流
防抖和节流是两种常见的编程思路,用于减缓事件触发频率,减轻浏览器、服务器等的压力,优化体验。具体执行方法如下。防抖防抖,debounce,需满足事件间隔条件。即一个事件触发后,如果被重复触发,则会重新计算时间,时间走完之后,才会执行相关操作。应用场景:百度搜索框联想搜索关键词。 //debounce函数 //可以重复触发但是每次触发后回调函数的延时重新计时 var btn1 = document.querySelector('#btn1')
2021-09-20 21:59:16
80
原创 由一次取消空行来看windows下的换行与正则匹配
今天拿到一分有多余空行的js文件,准备使用正则表达式来删除空行。没有删除空行前是这样的:在notepad++中使用正则\r\n替换后,竟然是这样的:这不对啊,怎么糊成一坨了啊,我明明只想删除空行来着。我意识到可能是windows下的回车换行问题,赶快去百度了下,结果越看越迷糊,有人说换行是 \r\n,有人说是 \n\r。删除空行则是:\n\s*\r经过实测,这个删除空行的这个正则表达式是正确的,删除后的效果如图:又经过一番测试我发现,按下键盘上的回车代表 \r\n,假设:
2021-09-20 09:48:58
221
原创 Git 与 Github
GITsvn : 只记录不同部分git :全部记录 直接覆盖Git三个区:工作区,暂存区,git仓库工作区:处理工作的区域;暂存区:已经完成的工作的临时存放区等待被提交;Git仓库:最终存放区。Git中已经被管理的文件的三个状态:已修改modified :修改了但是没放到暂存区;已暂存staged:对当前版本已经做了标记,使之包含在下次提交的列表中;已提交committed:表示文件已经存放在本地git仓库中。Git工作流程:1 工作区中修改,修改后暂存。2 暂存区提交3 提交到
2021-06-02 17:46:15
81
原创 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
6807
原创 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
66
原创 今日所得
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
105
原创 前端--阶段笔记(三) 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
1550
原创 不要无脑搬运别人的错误
刚在搜索一个东西,看到某博主写的文章,文中把match() 错打成了 metch()。阅读的时候问题不大,我的人肉纠错自动纠正了这个小问题。结果后面随手一搜,竟然发现各个平台上都有这样的错误,文章内容完全一致。不禁有感而发,我找资料基本找到后多半都会谨慎地读完原文,然后验证一遍代码。虽说不能完全保证自己写的不存在任何错误,但是至少不会无脑搬运别人的内容。但是一些朋友,照搬照抄不说,甚至连代码的验证都不做一遍。哎,做事还是要谨慎细致点,最好是自己动手敲一敲,不能觉得把别人的东西一键
2021-03-05 23:36:28
112
2
原创 前端--阶段笔记(三) 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
2386
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
448
原创 前端--阶段笔记(三) JS编程基础 06
Day06作用域内置对象和数据类型7.25作用域作用域:代码变量在某个范围内起作用和效果。目标是提高可靠性,并减少命名冲突。1.全局作用域:整个script标签都是一个单独的js文件 局部作用域就是指在函数内部是起作用的。2.全局变量,有两种是全局变量:1全局作用域下声明的变量为全局的变量,2或者在函数内部没声明直接赋值的变量。js es6 之前没有块级作用域,只有全局与局部(函数作用域)两种作用域。在es6才新增块级作用域。块级作用域{} 有花括号包含的部分就叫做块级作用域。注
2021-03-03 05:36:53
277
原创 前端--阶段笔记(三) 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
90
原创 前端--阶段笔记(三) 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
157
原创 哭了,这个点阵程序调了一下午
C51平台用16X16点阵显示汉字,我写了三个字:毛毛雨。一屏显示一个字,不滚动屏幕,是比较简单的写法。void Display(uchar zimo[],uchar row[]){ int k = 80,ms = 0; uchar i = 0; uchar newZimo[4]; for(ms=k;ms > 0;ms--){ for(;i<16;i++){ newZimo[0] = ~zimo[(2*i+1)]; newZimo[1] =
2021-02-03 21:08:06
92
原创 垃圾佬的瞎折腾1
19年看到别人一直再说软路由。然后看了下软路由相关内容。简单理解就是x86架构上跑一个路由专用系统。后面又看到别人说什么虚拟化,在nas上搞其他系统,动了动自己不太聪明的脑瓜,想起在自己的小破电脑上用vmw跑linux有多卡。感觉不靠谱。今天又看到有人在说这,随手搜了下,发现人说的是hypervisor哎呀哎呀,孤陋寡闻了,好像打开了新世界的大门,改天想想办再折腾下。...
2021-01-27 17:58:54
106
原创 前端--阶段笔记(一)
第一次写笔记,没有用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
365
原创 前端--阶段笔记(二)
VScode呵呵H5C3讲过了label标签 标签为 input 元素定义标签(label)。meta 元语言charset 字符集新增语义化标签header — 头部标签nav — 导航标签article — 内容标签section — 块级标签aside — 侧边栏标签footer — 尾部标签新增音频标签<body> <!-- 注意:在 chrome 浏览器中已
2020-09-16 13:08:46
816
原创 『java 』修改基本数据类型和引用数据类型带来的不同
『java 』修改基本数据类型和引用数据类型带来的不同传递基本数据类型,栈里新开辟空间复制一个副本age。修改的age是副本,不会修改主函数里栈的age的值。修改引用数据类型,修改的是堆里的数据,而主函数里栈和副本里的arr都是指针,都指向堆里同一个数据域,副本改完了,主函数里的数也会变。7、下列代码的运行结果是public static void main(String[] args) { int arr[] = {1, 3, 5, 7, 9}; int num = 10; .
2020-05-11 19:44:33
575
转载 Java基础学习-HelloWorld案例的编写和运行
一、HelloWorld案例的流程:第一步:编写一个.java的源文件。通过Windows自带的记事本文件就可以完成。第二步:将.java的源文件通过编译器编译生成一个.class的字节码文件。JDK的bin目录下的javac命令完成。第三步:将.class的字节码文件通过解释器解释执行,最终我们在控制台看到我们想要看到的结果。JDK的bin目录下的java命令完成。注意:javac命令和...
2020-05-02 22:33:11
830
原创 在C,C++,JAVA中int,char,各占几个字节
在C,C++,JAVA中int,char,各占几个字节int 在C和C++的占用2个字节,在java中4个字节char在C和C+中占一个字节Java中无论是汉字还是英文字母都是用Unicode编码来表示的,一个Unicode码是16位,每字节是8位,所以一个Unicode码占两字节。但是英文字母比较特殊,源自于8位(1字节)的ASCII吗,于是在Unicode码仅使用了低8位(1字节)就可以...
2020-04-28 11:51:22
1078
原创 java数据类型
数据类型分为:基本数据类型: 一个字节是二的八次方(1)数值型:一:整数型:byte(一个字节),short (两个字节),int(四个字节), long(八个字节)二:浮点型:float(四个字节),double(八个字节)(2) 字符型:char:(两个字节)(3)布尔型:boolean:(一位)引用数据类型:(四个字节)代表对象的地址(1)类(class)(2)接口(i...
2020-04-26 15:26:24
114
原创 print printf println
Println :print–是函数,可以返回一个值,只能有一个参数Println :可以打印出字符串,和变量 ,println与print唯一的区别是println换行输出。Printf : 只可以打印出格式化的字符串,可以输出字符串类型的变量,不可以输出整形变量和整形...
2020-04-25 19:39:21
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人