- 博客(27)
- 收藏
- 关注
RSS订阅原创 webpack实战（巨详细）
先附上官网地址：概念 | webpack 中文网了解下概念后，一起开始webpack之旅吧一、安装webpack首先在安装之前，需要安装node，首先webpack的运行是依赖Node环境的而且安装node实际上就相当于把npm也安装了，因为node内置。有了npm，就可以下载第三方的包了，所以可以通过npm去安装webpack。终端输入：npm install --g webpack经常用苹果电脑的懂的，命令可能需要加上sudo，输完命令输入你电脑的开机密码就有权限安装了.
2022-04-17 11:18:22
1207
原创 网络安全、HTTP协议
在浏览器输入url地址并按下回车，发生了什么？1.查找当前的url是否存在缓存，并比较缓存是否过期2. DNS解析url对应的ip3. 根据ip建立tcp连接（三次握手）4. htttp发起请求，服务器处理请求，浏览器接收http响应5.渲染页面，构建dom树6.关闭tcp连接（四次挥手）三次握手和四次挥手三次握手：第一次：建立连接时，客户端发送syn包到服务器，等待服务端确认第二次：服务器收到syn包，必须确认客户的syn，返回syn和ack包第三次：客户端
2022-04-14 22:52:41
4737
原创 前端缓存 （http缓存 与 本地缓存）
前端缓存主要是分为http缓存和本地缓存http 缓存强缓存：Expires（过期时间）/ Cache-Control（no-cache）（优先级高）协商缓存：Last-Modified/Etag（优先级高）其中 Etag适用于经常改变的小文件 Last-Modified适用于不怎么改变的大文件强缓存和协商缓存策略：在缓存命中时都会直接使用本地的缓存副本，区别只在于协商缓存会向服务器发送一次请求，缓存不命中时，都会向服务器发送请求来获取资源。在实际的缓存机制中，强缓存策略和协商缓存策略
2022-04-11 22:21:18
2715
原创 Object.defineProperty
最近在复习vue的双向绑定原理核心就是Object.defineProperty关于用法，附代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de
2022-04-09 19:46:27
49
原创 vue 父子组件生命周期执行顺序
挂载阶段执行顺序为：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted更新阶段执行顺序为：父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated销毁阶段执行顺序为：父beforeDestroy ->
2022-04-09 17:22:29
17515
1
原创 事件循环、调用栈、事件队列、异步任务、宏任务、微任务
事件循环机制js引擎是单线程、也就是说每次只能一项任务，排在后面的任务都要等当前任务执行完以后，才能执行下个任务。任务分为同步任务和异步任务，异步任务永远在同步任务执行完后才执行。调用栈（Call Stack ）一种后进先出的 数据结构。当一个脚本执行的时候，js引擎会解析这段代码，并将其中的同步代码按照执行顺序加入调用栈中，然后从头开始执行。事件队列（Task Queue）js引擎遇到一个异步任务后并不会一直等待其返回结果，而是会将这个任务交给浏览器的其他模块进行处
2022-04-09 11:42:49
292
原创 vue 生命周期详解 （附代码）
一、 vue的生命周期是什么vue每个组件都是独立的，都有自己的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，就是一个组件的生命周期。二、生命周期过程1. new Vue() 实例化一个vue实例。会执行初始化函数 ：初始化生命周期函数initLifecycle()、初始化事件 initEvent()、定义createElement函数 initRender()。2. 执行 beforeCreated() ，执行后，会开始数据初始化，定义data数据、方法和事件，并完成数据劫.
2022-04-08 19:48:33
1668
原创 css 盒子模型、文档流、文本流
CSS 盒子模型 | 菜鸟教程CSS 盒子模型 CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，“box model”这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model)： 不同部分的说明： Margin(外边距) - 清除边框外的区域，外边距是透..https://www.runoob.com
2022-04-07 15:17:25
299
原创 vue render的底层逻辑看这一篇就够了
之前学习这块的时候，在网上找资料有一部分写的很浅，也没学透，等后面再需要用的又要找一圈，这次找到一篇还不错的，收藏学习下Vue render函数 - 简书前几天想学学Vue中怎么编写可复用的组件，提到要对Vue的render函数有所了解。可仔细一想，对于Vue的render函数自己只是看了官方的一些介绍，并未深入一点去了解这方...https://www.jianshu.com/p/7508d2a114d3...
2022-04-07 14:37:05
822
原创 php常用方法
转换数据类型intval() // 函数用于获取变量的整数值floatval() // 函数用于获取变量的浮点值。strval() // 函数用于获取变量的字符串值。判断变量是否为空或者被设置empty() // 函数用于检查一个变量是否为空。当一个变量并不存在或者它的值等同于 FALSE，那么它会被认为不存在。如果变量不存在的话，empty()并不会产生警告。isset() // 函数用于检测变量是否已设置并且非 NULL。如果已经使用 unset() 释..
2022-04-07 14:31:53
280
原创 返回的字符串在html换行
之前遇到一个问题，想着使用js识别标签元素 <br>再进行换行后来发现原来用css就能解决在需要换行的标签加上这个 white-space: pre-line;文字里加上 \n 后，\n的文字就能自动换行了
2022-03-23 22:55:05
360
原创 __dirname 、path.resolve()
__dirname 总是指向被执行 js 文件的绝对路径比如你在 /a1/a2/test.js文件里写代码，那么此时__dirname就是/a1/a2__filename指定的是绝对文件路径path.join()方法是将多个参数字符串合并成一个路径字符串如果当前文件的路径是D:/test/1,path.join(__dirname,'a','b') 拼接出来就是D:/test/1/a/bpath.join(__dirname,'/a','/b','..') 拼接出来的结果是：
2022-01-21 17:29:17
1029
原创 通俗的来讲讲ES6的Promise吧
很明显从语法上看，Promise就是个构造函数，构造函数咋用的我们就咋用。不同的是Promise这个构造函数是人家事先已经定义好的构造函数。另外定义Promise有状态值，分别是pending(进行中)、fulfilled（已成功）和rejected（已失败）。给状态那么肯定是有用的，后面学废使用后就知道设定这个状态的意义了~~既然是人家规定好的，我们想去使用它，有些用法(写法)我们还是得按规定的来（其他的地方还是可以自由发挥的）：在使用Promise构造函数创建实例时，首先Promise构造函
2021-10-20 07:46:11
69
原创 ES6 创建对象与对象继承
ES6 提供了更接近传统语言的写法~为直观感受下直接上栗子吧ES6之前的写法：function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);ES6写法：class Point { constructor(x,
2021-10-18 20:04:14
356
原创 为啥要用NPM？和node.js啥关系呢
看到网上看很多关于npm的教程，但是很少有人去谈及我们为什么要去用它，它是怎么发展来的。以前我们进行开发需要引入的一些框架代码比如jquery、bootstrap，得去它们官网一个个下载，当你的网站需要引入的越来越多，而且有些还有依赖关系后，就感觉啊，越来越麻烦了那有什么办法能解决这个问题呢？这时，一个程序员Isaac Z. Schlueter（咱们简称 Isaaz）给出一个解决方案：用一个工具把这些代码集中到一起来管理呗，这个工具就是他用 JS写的 npm，全称Node Packa...
2021-09-26 18:25:53
312
原创 mac 关于/usr 和/opt
/usr 系统级的目录类似C:/Windows/usr/lib 类似C:/Windows/System32/usr/bin 系统预装的一些可执行程序，随系统升级会改变/usr/local 用户级的程序目录，就是用户自己安装的软件默认会到这个目录下。另外/usr/local命令下面的一些子目录往往都是被加入到PATH环境变量中，这样安装在/usr/local目录下的软件就可以在命令行执行、启动。...
2021-09-26 11:27:13
3653
原创 ES6转ES5 你需要Babel
Babel介绍Babel是一个ES6 转码器，能将 ES6 代码转为 ES5 代码，这样原本不支持ES6的老版本浏览器执行ES6代码// 转码前：使用了ES6箭头函数items.map(item => item + 1);// 转码后：转为了普通函数items.map(function (item) { return item + 1;});Babel安装安装 Babel，一个命令就够了：$ npm install --save-dev @babel/cor...
2021-09-24 19:33:23
403
原创 计算机常见的那些目录，比如bin、lib、config、db
bin文件夹里是 可执行的二进制文件lib文件夹里是 库文件config文件夹里是配置文件db文件夹里是用户相关的数据文件
2021-09-23 20:42:37
1687
原创 原来有这么多前端入门教程都在官网
ES6 ->ES6 入门教程vue->介绍 — Vue.jsnodejs ->Node.js 简介webpack ->概念 | webpack 中文网
2021-09-23 20:32:05
33
原创 常用终端命令
目录相关~ //表示主目录/ //表示根目录下的。根目录在文件系统建立时就被创建，主要是存储子目录. // 表示是当前目录./ //表示当前目录下的.. // 表示是父级目录../ //表示父级目录下的mkdir dirname// 创建一个目录dirnamermdir dirname //删除一个目录dirnamemvdir dir1 ...
2021-09-23 20:19:03
46
原创 MySQL基础知识
术语数据库系统：类似装着一个个文件夹的文件柜数据库：数据库是一些关联表的集合，类似装了一张张表的文件夹数据表：类似一个简单的电子表格主键：主键是唯一的。一个数据表中只包含一个主键。可用主键来查询数据 截图来自菜鸟教程数据库操作登录mysql后，对数据库的操作无外乎增删改查...
2021-09-23 19:15:10
48
原创 mac 登录MySQL
前言关于如何下载和安装，请看上这篇：安装完就是登录咯登录MySQL有两种方式：一种是通过终端，另一种是通过界面本篇讲的是终端登录方式哈基础知识：其实就是在终端输入一行命令进行登录，但是你需要知道这条命令行里的关键信息都是啥意思mysql 表示mysql命令 命令开头先输入mysql 这样终端才知道你在输入mysql命令 u u是user缩写 表示用户名 用户名root具有最高权限 -p p是pa
2021-09-21 18:36:30
1210
原创 mac终端报错 ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: YES)
背景：刚下载安装完，使用终端登录mysql的时候，出现了如下报错解决方案：
2021-09-21 18:31:47
3856
原创 mac 设置mysql环境变量，解决报错mysql:command not found
背景安装完mysql后，想在本地终端进行登录时，需要输入mysql -u root -p进行登录，但此时界面会提示 mysql:command not found，报错原因: 当前路径这个指令识别不了为了让电脑能‘识别’出这个命令，mysql这个指令绑定一个可执行程序的路，而mac默认的mysql路径为/usr/local/mysql/bin临时处理方案：在终端输入了以下命令可解决：alias mysql=/usr/local/mysql/bin/mysql但是下次你再使用mysql进行登.
2021-09-21 16:58:15
2178
4
原创 mac MySQL下载与安装
一、下载1. 进入MySQL官方网站：MySQL :: MySQL Downloads进入下载页面，点击菜单DOWNLOADS 下的MySQL Community(GPL) Downloads2.点击 MySQL Community Downloads 3. 选择版本先不着急选版本，因为这有个坑，先往下看关于选择版本的这里有个坑，如果你的电脑操作系统版本比较低，选择高版本的MySQL进行下载，安装时没问题，但是后面要用的时候，很可能就会报这个错所以如果你...
2021-09-17 19:44:18
647
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人