- 博客(36)
- 收藏
- 关注
RSS订阅原创 ERROR Error: Cannot find module ‘babel-preset-es2015‘
【代码】 ERROR Error: Cannot find module 'babel-preset-es2015'
2022-11-11 13:33:58
250
1
原创 在Vue引入 Element-UI
4.在页面中写入并在mian.js中引入需要的组件并注入。首先，安装 babel-plugin-component。，只引入需要的组件，以达到减小项目体积的目的。
2022-10-12 21:27:00
639
原创 简述query和params之间的区别
2、接收参数时，分别是this.$route.query.name和this.$route.params.name(注意:是$route而不是$router).3、query更加类似于我们ajax中get传参，params则类似于post，前者在浏览器的地址栏中显示，params 不显示。4、params传值一刷新就没了(可以考虑本地存储解决此问题)，query传值刷新还存在.1、query要用path 来引入,params要用name来引入，
2022-09-14 13:31:14
399
原创 promise是什么，以及使用方法
如果第一个是reject的话，.catch查看错误消息。promise可以由new promise（）生成，接受一个函数为参数，这个函数有两个参数，一个是resolve,一个是rejece,这两个参数用来改变promise状态。：有三种状态pending,resolved,rejectd。其中pending为起始状态，resolved,rejectd是结束状态。一旦结束状态确定，就不能再变了。：回调函数嵌套调用，外部回调函数异步执行的结果是嵌套的回调执行的条件。：不便于阅读，不便于异常处理。
2022-09-13 14:26:43
359
原创 node和express搭建微型服务器
npm init 将其变为一个·合法的包。4.新建一个主文件 server .js。5.启动服务器 node server。3.安装 npm i express。7.放置静态资源（测试）6. 访问5006端口。6. 访问5006端口。
2022-09-10 12:20:38
264
原创 使用npm install报错-4048 operation not permitted解决
使用npm install报错-4048 operation not permitted解决
2022-09-10 10:47:46
385
原创 class 与 style 如何动态绑定
在对象中可传入更多字段来动态切换多个class，此外，v-bind：class指令也可以与普通的class attribute(属性)共存。这样写将始终添加errorClass，但是只有在isActive是trrue时才添加activeClass。的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。可以传给v-bind:class一个对象，以动态地切换class。的数组语法可以将多个样式对象应用到同一个元素上。
2022-09-09 20:58:32
1563
原创 async和defer
如果scrpit里有外部文件，那就必须等待下载和执行完毕，浏览器才会继续往下执行，如果外部文件刚好是在网络比较差的服务器上，整个网页的加载都会受到很大的影响。会使JS异步加载，解决阻塞问题，即html执行到script标签时，JS脚本的加载和html文档的解析同时进行，html是按顺序执行的，script标签中未加入。(解析html创建dom树)完毕后，再执行js脚本。标签就会停止解析，去解析script里面的内容。：js脚本加载完成后，会等待html。：在js脚本加载完成以后立即执行。
2022-09-09 11:35:50
102
原创 前端性能优化
由于现代浏览器限制的并发请求数量为 5-6 个，每次建立 HTTP 请求耗时非常大，所以在开发过程中尽量合并请求，例如合并 js，css，图片等。如果网站支持 HTTP2，可优先使用 HTTP2 因为 HTTP2 建立的 TCP 链接可以支持多路复用。缺点：一个文件如果做了小改动，整个文件的缓存都会失效，需要重新加载，无法合理利用缓存。gzip（GUNzip）压缩，目前使用最多的一种压缩格式，可以减少文件的大小。
2022-09-09 10:21:31
103
原创 vue中 v-if和v-show的区别
通过控制css中的display设置为none,控制元素的显示与隐藏。：控制html元素的插入和移除，会导致浏览器的回流和重绘。：都是控制元素的显示与隐藏。
2022-09-08 10:40:12
494
原创 http和https区别
http使用 TCP 三次握手建立连接，客户端和服务器需要交换 3 个包， https 除了 TCP 的三个包，还要加上 ssl 握手需要的 9 个包，所以一共是 12 个包。https 其实就是建构在 SSL上的 http协议。
2022-09-08 09:57:07
383
原创 解决浮动的方法
3.1 父元素有高度（清除浮动），直接为下个元素设置clear:both;为了方便可以直接定义一个，需要了直接将类名加上。3.2 父元素无高度,在浮动的两个盒子后加一个盒子。：脱离文档流，容易造成盒子塌陷，影响其他元素的排列。：父元素中子元素都浮动，父盒子高度为0。：常用于图片，实现文字环绕的效果。
2022-09-07 12:32:53
296
原创 JS数据类型有哪些，区别是什么？
基本数据类型引用数据类型：Object(数组、正则、日期、Math)：基本数据类型直接存储在中引用数据类存在中，指针变量存在中，根据指针找到堆内存中的引用对象。
2022-09-07 09:30:23
474
原创 简述display:none visibilty:hidden opacity：0 的区别
1.opacity：0 不会改变页面布局，如果该元素已经绑定 一些事件，如 click 事件，那么点击该区域，也能触发点击事件。2. visibility：hidden 不会改变页面布局，不会触发该元素已 经绑定的事件。3. display：none 会改变页面布局，可以理解成在页面中把该元素删除掉。相同点：都能使元素隐藏起来。
2022-09-06 15:17:35
413
原创 Flex布局快速度上手
flex-flow 属性是 flex-direction 属性和 flex-wrap 属性的简写形式，默认值为 row nowrx。/* flex container没有空间时同步缩小，有空间时同步扩大，每个item的宽度默认 *//* 每个item的宽度最多是150，，不会因空间大而扩大 ，会因为空间不足缩小*/flex-wrap: wrap-reverse;flex-start 朝着弹性容器的开头对行打包。flex-end 朝着弹性容器的结尾对行打包。
2022-09-06 14:36:45
136
原创 BFC（块级格式化上下文，用于清除浮动，防止margin重叠）
BFC (block formatting contexts)块级格式上下文。属于定位方案中的普通流。是一个独立的空间，里面的元素不会影响外面的元素。元素首先按照普通流的位置出现,然后根据浮动的方向尽可能的向左边或右边偏移。元素按照其在HTML中的先后位置由上而下布局。在绝对定位布局中，元素会脱离普通文档流。
2022-09-06 11:05:36
157
原创 CSS3实现三栏布局 左右固定 中间自适应 /圣杯布局/双飞翼布局
中间一栏先加载和渲染，两侧内容固定，中间内容随着宽度自适应一般用于pc端网页1、先写出3个盒子2、中间盒子加上，为了添加中间的顺序要为3.新添加的盒子各设置宽，高。然后左盒子设置左浮动，右盒子设置右浮动，触发bfc盒子。
2022-09-05 15:32:45
435
原创 computed和watch区别以及运用场景
computed:多个数据进行相应操作影响一个，进行数值计算时利用其缓存的特性，避免每次获取值都重新计算。watch:一个数据执行相应操作会影响多个数据，当需要在数据变化时候执行异步操作或者开销较大的操作时使用。底层借助了Object.defineproperty方法提供的getter,setter方法。
2022-09-05 14:57:20
1497
原创 块级元素，行内元素，行内块元素的区别以及转换
2、行内元素 inliine：相邻的行内元素排在同一行，排不下自动换行，宽度随元素内容而变，不可设置宽高。3、行内块元素 inline-block：跟行内元素相似，但是可设置宽高，元素间会有空白间隙，1、块级元素 block：自动占据一行，可以设置宽高。
2022-09-05 13:59:58
235
原创 Cookie, SessionStorage, LocalStorage的区别
4.数据共享：Cookie, SessionStorage, LocalStorage数据共享都遵循同源法则，SessionStorage还限制必须是同个页面。5.参数携带：前端给后端发送数据时会自动携带Cookie中的数据，不会携带SessionStorage, LocalStorage的数据。1.写入方式：Cookie是由服务器写入，SessionStorage和LocalStorage都是由前端写入。2.生命周期： Cookie是由服务器端写入就设置好的。共同点：都是存储在浏览器本地。
2022-09-05 13:19:11
145
原创 模板语法---Vue
vue模板语法两大类的用法1.插值语法功能：用于解析标签体内容 --- 起始标签和结束标签间的就是标签体。写法：{{xxx}}，xxx是js的表达式，且可以直接读取到data中所有的属性2.指令语法功能：用于解析标签（包括：标签属性 标签体内容 绑定时间。。。。）---管理标签属性举例：v-bind：href='xxx'或简写为:href='xxx'，'xxx'同样要写js表达式且可以直接读取到data中所有的属性vue中有很多的指令 且形式都是v-ccc,用v-bind...
2022-03-30 15:22:08
778
原创 6:10 error Component name “Home“ should always be multi-word vue/multi-word-component-names
运行Vue报错解决方案：eslint是语法检查工具，限制太过于严格，大部分开发人员无法适应，所以需要加上lintOnSave: false找到 vue.config.js 添加重新开启终端运行：
2022-03-16 13:59:23
4917
4
原创 Express 的基本使用
初识 Express,托管静态资源官方Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法。建议下载4.17.1版本不使用..
2022-03-04 11:25:44
1681
原创 warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js1848:4-15 “export ‘onUnmounte
运行vue项目时显示报错信息： warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js1849:4-17 "export 'onDeactivated' was not found in 'vue'
2022-02-28 11:06:19
2022
原创 JavaScript 猜数字:随机生成一个1-20的整数,用Math.random()方法
<script> function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } var random = getRandom(1, 10); while (true) { var num = prompt('您来猜，输入1-20之间的数字'); .
2021-10-07 13:36:47
3469
原创 JavaScript 预解析 例子
1. 预解析分为变量预解析(变量提升)和函数预解析(函数提升)2.变量提升：把所有的变量声明提升到当前的作用域最前面不提升赋值操作3. 函数提升：把所有的函数声明提升到当前作用域的最前面不调用函数预解析例f1(); console.log(c); console.log(b); console.log(a); function f1() { var a = b = c = 9; ...
2021-09-26 14:37:01
46
原创 函数判断闰年：输入年份 判断此2月份的天数
<script> //用户输入年份，判断当年2月份的天数 function backDay() { var year = prompt('请输入年份'); if (isRunYear(year)) { //调用函数需要加小括号 alert('闰年,2月份有29天'); } else { alert('平年,2月份有28天');.
2021-09-25 11:52:39
1812
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人