- 博客(34)
- 收藏
- 关注
RSS订阅原创 node.js基础
文章目录npm ||package.jsonnpm install 原理npm run 原理npx1.npx优势npm 和 npx 区别示例示例2发布npm包发布[npm](https://so.csdn.net/so/search?q=npm&spm=1001.2101.3001.7020)的包的好处是什么发布前准备工作发布npm搭建私服构建私服有什么收益吗？如何搭建npm 私服基本命令npm模块化CommonJS 规范ESM模块规范Cjs 和 ESM 的区别nodejs部分源码解析.json文件
2024-08-19 07:33:55
1453
原创 vue3基础
vue2风格：选项式API写起来比较分散vue3风格：组合式API如果不使用构建工具，在低复杂度场景中使用vue，就用选项式api。打算用vue构建完整的单页应用，推荐采用组合式API+单文件组件在浏览器 设置-》偏好设置-》启用自定义格式设置工具（Enable custom formatters）自定义过度时间 单位毫秒通过自定义class 结合css动画库animate css安装库 npm installanimate.css引入 import ‘animate.css’使用方法。
2023-11-22 08:20:34
1215
原创 TypeScript基础
文章目录数据类型1.基础类型2.任意类型unknown类型和any类型的却别3. Object object 以及{}1.Object2.object3. {} 空对象模式接口和对象类型1.接口interface1.1interface 重名 重合1.2 任意key1.3 ？和readonly1.4 接口继承1.5 定义函数类型2.数组类型2.1数组定义2.2数组对象2.3 二维数组3.函数类型3.1 函数定义类型和返回值3.2 函数的参数3.3 函数的参数是一个对象3.4 函数this类型3.5 函
2023-07-20 23:58:31
320
2
原创 后台管理系统vue2
1、项目概述[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VHQMH2Z7-1660612410777)(https://gitee.com/szyyds01/image-bed/raw/master/picgo/image-20220422123030991.png)]技术选型Jwt：状态保持的一个工具，通过这个可一模拟登录记录过程Sequelize: 是操作数据库的一个框架。2.通过vue脚手架创建项目前提：已经安装完vue-cli 3.x 版本cmd中输入,图形可视
2023-05-30 09:07:09
3863
原创 vue2学习笔记
这个实力开发也用的很少，因为一般vue实例里面要用的数据也是很少的。如果给封装的组件预留一个插槽里面放一个默认标签，使用这个组件的标签里面如果没有插槽内容，就会默认显示默认标签。这样让封装的组件，就有很强的扩展性。特别是传data里面数据是变量的时候，要用v-bind。比如在一个页面，从服务器请求到了很多数据，其中部分数据是需要通过子组件来展示。结论：箭头函数的this， 引用的是最近作用域的this。子组件是不能直接访问父组件或vue实例里面的数据的。真实开发的时候，很多封装的时候，都要给它预备插槽。
2023-05-05 00:35:07
263
原创 webpack笔记(黑马)
文章目录1.webpack的默认规定2.webpack插件1、webpack-dev-server2、html-webpack-plugin3、devServe节点3.webpack中的loader1、打包处理css文件2、打包处理less文件3、图片loader加载问题4、webpack 处理样式的过程5、url-loader的limit选项6、babel-loader转化处理高级JS语法。4.项目发布上线1、配置built命令2、优化图片和js文件的存放路径3、插件clean-webpack-plugi
2022-04-19 16:44:33
2458
3
原创 前端面试题
文章目录第一章 面试题基础01、行内元素有哪些？块级元素有哪些？空元素有哪些？02、页面导入样式时，使用link和@import有什么区别？03、title与h1的区别、b与strong的区别、i与em的区别04、img标签的title和alt有什么区别。05、png，jpg，gif这些图片格式解释一下，分别什么时候用?06、介绍一下CSS盒子模型第一章 面试题基础01、行内元素有哪些？块级元素有哪些？空元素有哪些？行内元素：span，img，input块级元素：div，footer，header
2022-04-08 09:24:18
640
2
原创 2022/3/2
文章目录一、JavaScript1、原型，原型链深入二、vue1、安装方式2、脚手架3、vue初识4、vue列表的展示三、Daily English一、JavaScript1、原型，原型链深入当你修改obj.name 时，修改的是原型中的值，当你重新附值给obj时（obj={name:‘b’}）,相当于重新定义了obj这个变量；换个理解方式为，obj.name 是一个指针，而obj 是一个变量；二、vue1、安装方式1.1CDN引入开发阶段使用开发版本发布项目使用生产版本。（优化尺寸，下载
2022-03-03 23:35:47
352
原创 2022/3/1
文章目录一、JavaScript1、window return问题2、js插件的写法一、JavaScript1、window return问题1.1把a变量甩到全局去了。function abc() { window.a = 3}abc()console.log(a)//3 可以访问到a思考：return能不能通过window实现这个功能呢function test() { var a = 1 function add() { a++ console.log(
2022-03-03 23:35:18
284
原创 2022//28
二、Daily EngilshFTP(File Transfer Protocol): 文件传输（转移）协议DNS（Domin Name System）: 域名系统TCP(Transmission Control Protocol): 传输文本控制协议UDP（User Data Protocol）: 用户数据报协议NIC（Network Interface Card）: 网络适配器（网卡）...
2022-03-03 23:34:28
329
原创 2022/2/27
文章目录一、JavaScript二、LeetCode算法题一、JavaScript二、LeetCode算法题27. 移除元素要求：只能对原数组进行操作。方法一（me）：使用了数组的splice方法/** * @param {number[]} nums * @param {number} val * @return {number} */var removeElement = function(nums, val) { for(var i=0;i<nums.length;
2022-03-03 23:33:52
393
原创 2022/2/26
文章目录一、JavaScript1、原型1.1原型prototype1.2原型prototype其实是定义构造函数构造出的对象的公共的祖先1.3 思考，如果里面有写死的属性，再修改原型下的属性，会改变吗?1.4原型的作用1.5构造（实例化）出来的对象，对原型的增删改查的问题1.6将原型写成对象的形式，添加属性1.7 constructor1.8 prototype是实例化以后的结果1.9思考二、LeetCode刷题[26. 删除有序数组中的重复项](https://leetcode-cn.com/probl
2022-03-03 23:33:16
347
原创 2022/2/23
文章目录一、JavaScript1、考题2、编码2.1ASCII码2.2UNICODE码2.3如何打印位置一、JavaScript1、考题1.1思考car里面的属性值是什么function Car(brand, color) { this.brand = 'benz' this.color = 'red'}var car = new Car('mazda', 'blue')console.log(car)没有把参数赋值，所以打印出来，肯定是构造函数里面写死的值。1.2func
2022-03-03 23:32:32
111
原创 2022/2/22
文章目录1、构造函数及实例化原理1.1故意return一个非this的2、包装类3、数组3.1数组截断# 一、JavaScript1、构造函数及实例化原理1.1故意return一个非this的function Car(){ this.color=color; this.brand=brand; return 123 return 'abc' //return this}var car = new Car();console.log(car.color
2022-03-03 23:31:57
345
原创 2022/2/20
文章目录一、JavaScript1、构造函数1.1实例化原理1.2 构造函数中的this到底是怎么回事一、JavaScript1、构造函数1.1实例化原理function Car(color, brand) { this.color = color this.brand = brand}var car1 = new Car('red', 'banz')var car2 = new Car('blue', 'mazda')console.log(car1.color)//redcon
2022-03-03 23:31:13
284
原创 2022/2/18
文章目录一、JavaScript1、对象1.1 this1.2 demo1.3 对象字面量1.4 构造函数2、作业：一、JavaScript1、对象1.1 this在对象里面，this就代表它（对象）本身ar teacher = { name: '张三', age: 32, sex: 'male', height: 180, weight: 160, teach: function () { console.log('i am studying javascript
2022-03-03 23:30:27
225
原创 2022/2/17
文章目录一、JavaScript1、伪数组2、立即执行函数3、闭包作业1：4、对象二、vue一、JavaScript1、伪数组1.1什么是伪数组：（1）不具有数组的push，pop方法（2）具有length属性（3）能够使用数组遍历方法，遍历它们1.2哪些是伪数组（1）函数的argument参数（2）调用getElementsByTagName，doucments.childNodes之类的，返回NodeList对象的都属于伪数组。（3）例如：var obj={99:abc,length
2022-03-03 23:29:32
322
原创 2022/2/13
文章目录一、JavaScript1.splice用法例子 1例子 2例子 3例子 42、换行两种方法1、自动换行符'\n'2、使用HTML标签3、数组对象方法二、CSS三、算法题leetcode：283.移动零题目描述四、English Post一、JavaScript1.splice用法**注意：**splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。适用范围：所有浏览器例子 1创建一个新数组，并在数组index2位置添加一个元素：va
2022-02-17 15:48:28
494
原创 2022/2/8
文章目录一、JavaScript1、立即执行函数2、逗号运算符3、笔试题二、面试题1、书籍推荐2、从URL输入页面到展现到底发生了什么？一、JavaScript1、立即执行函数demo:输出2 1function test1() { console.log(1)}function test2() { console.log(2)}test2()function test3() { test1()}test3()说明，写到全局的函数，都是保留在GO（全局执行期上下文）
2022-02-17 15:47:29
263
原创 2022/2/7
文章目录一、JavaScript1、闭包二、CSS三、English postQuestion1:[where does "this" refer to?](https://stackoverflow.com/questions/71006376/where-does-this-refer-to-javascript30-day10-by-wes-bos)一、JavaScript1、闭包思考：如何将两个函数返回出去function test1() { var n = 100 function
2022-02-17 15:45:48
570
原创 2022/2/6
文章目录一、JavaScript二、CSS1、去掉a标签超链接自带下划线三、English postQustion1:[The useState is not being updated correctly in a loop](https://stackoverflow.com/questions/71004256/the-usestate-is-not-being-updated-correctly-in-a-loop/71005951#71005951)Answer1:Answer2:一、JavaS
2022-02-07 17:24:35
560
原创 2022/1/30
@[TOC]# 2022/1/30一、JavaScript(1)事件委托1、什么是事件委托？st的理解：利用JS事件冒泡机制把原本需要绑定在子元素的响应事件委托给父元素，将子级的事情交给父级来处理我的理解：就是原本需要绑定在子元素的响应事件委托给父元素，让父元素担当事件监听的职务。什么是事件：从html4.0开始，他就有了一个新的特性，开发者有能力可以去捕捉到用户在使用你网页的时候，进行的一些操作。捕捉到这些操作之后，做一个相对应的处理。启动一些你预先设定好的程序，或者函数。——这就叫做HTM
2022-02-07 17:21:04
385
原创 2022/1/17
文章目录2022/1/17一、JavaScript（1）作用域 作用域链相关所产生的一切问题（2）引用类型(3)JS引擎内部固有的隐式属性（4）作用域，作用域链（5）小知识1、null和undefined区别2022/1/17一、JavaScript（1）作用域 作用域链相关所产生的一切问题 这就是为什么要讲AO 和GO。怎么样去利用AO和GO去解决，去说明作用域和作用域链的问题AO->function 函数是独立的仓库。例：A仓库去拿B仓库的东西是拿不到的，所以独立。
2022-01-19 23:28:30
87
原创 2022/1/13
文章目录2022/1/13一、javascript（1）面试题：（2）预编译三道题：2022/1/13一、javascriptvar a =false + 1; console.log(a);//1 var b =false==1; console.log(b);//false（1）面试题：if(typeof(a)&&(-true) + (+undefined) + ''){//typeof(a)是真，往后走，（-true）是隐式类型转换-1
2022-01-19 23:26:58
386
原创 2022/1/12
文章目录2022/1/12一、JavaScript（1）全局上下文2022/1/12一、JavaScript（1）全局上下文GO （global object）步骤：找变量找函数声明执行GO = { a :undefined ->function a(){} -> 1; }var a =1;function a(){ console.log(2);}console.log(a);//1**总结：**GO==window1.var
2022-01-13 00:04:09
185
原创 2022/1/9
文章目录2022/1/9一、JavaScript(1)作业1、斐波那契数列，不能用for循环（2)预编译1、js代码编译的过程：2、声明非常关键，赋值并不关键3、暗示全局变量4、预编译：2022/1/9一、JavaScript(1)作业1、斐波那契数列，不能用for循环**分析：**用递归规律：n3 = n2 + n1；出口： n<=0,n<=2;var n =prompt('请输入数字n') function fb(n){ if(n<=0){
2022-01-11 07:01:28
151
原创 2022/1/8
文章目录2022/1/8号一、JavaScript（1）函数初始化参数（2）作业1、n的阶乘，不能用 for循环2022/1/8号一、JavaScript（1）函数初始化参数（参数默认值的问题）参数的默认值，如果你不设置，就是undefinedfunction test(a,b){ console.log(a);//1 console.log(b);//undefined } test(1);function tes
2022-01-09 14:29:54
195
原创 2021/12/31
文章目录2021/12/30一、js(1)函数参数1、形参与实参2、传参过程3、函数例题4、映射5、return问题6、函数式编程7、作业新知识（1）typeof机制2021/12/30一、js(1)函数参数function test(a,b)里面的a,b相当于我在函数里面定义了a，b，只是不赋值。调用test()的时候可以给a，b赋值. var aa = Number(window.prompt('a')); var bb =Number(window.prompt('b
2021-12-31 08:20:34
265
原创 2021/12/28
文章目录2021/12/28一、JavaScript(1)数组1.数组去重:(2)题目1.日程安排2.斐波那契数列(3) 函数基础1.声明2.表达式 字面量3.函数的组成部分.命名规则.高内聚，低耦合.函数例题新东西$()用法2021/12/28一、JavaScript(1)数组1.数组去重: from()叠加new Set()方法字符串或数值型数组的去重可以直接使用这个方法。var arr = ['Saturn', 'Earth', 'Uranus', 'Mercury', 'Ven
2021-12-30 11:06:45
525
原创 2021/12/27
文章目录2021/12/27一、JavaScript(1) 声明(2)计算长度(3)隐式类型转换二、问题三、新知识(1)电脑主流屏幕：(2)右击文件夹用vscode打开失败(3)windows右键增加打开Typora(4)Excel表格操作(5)vscode格式化设置单引号和去除多余分号、逗号2021/12/27一、JavaScript(1) 声明1.js声明变量是根据后面的值来决定类型的（弱类型语言），跟java和c不同动态语言->脚本语言->解释型语言->弱类型语言（弱化
2021-12-28 17:54:55
594
原创 2021/12/26
文章目录2021/12/26一、CSS（1）如何学习（2)选择器与常用属性2.1常用的CSS选择器：2.2常用的CSS属性2.3连接样式二、JavaScript（1）parseInt()（2）parseFloat()(3) string类型转换：(4)Boolean三、想问的问题四、学到的新东西(1)typora设置1.1typora中如何设置字体自定义样式1.2设置字体样式1.3插入图片的位置2021/12/26一、CSS（1）如何学习CSS是什么CSS怎么用CSS选择器（重点+难点）
2021-12-27 00:28:23
351
原创 2021/12/25
文章目录2021年12月25号一、算法题(1）输出最大最小值（2）输出质数二、一些问题三、引用值（1）`array`(数组)（2） ` object` (对象)(4)`function`(5)RegExp(正则)四、typeof（1）数据类型（2）object(3)undefined(4)function五、数据类型转换(1)隐式类型转换（2）显示类型转换2021年12月25号一、算法题(1）输出最大最小值1.比较三个数，并输出最大的数var a =1;var b= 2;var c =3;
2021-12-26 00:13:51
444
原创 JavaScript
文章目录js学习注意点：一、数据类型：(1)类型转换1.隐式转换2.数字型转换3.对象转换(2)数值类型分辨(3)变量1.var声明的变量2.delete关键字3.直接给变量赋值4.关键字var，const，和let区别命名规范二、循环：（1）for循环1.终止循环的语句js学习注意点：一、数据类型：(1)类型转换1.隐式转换1、数值型 + 字符型 转换为字符型console.log(12 + '字符');//string类型，输出：12字符console.log('12' + 1);//输出
2021-12-23 23:16:50
3201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人