学习笔记共96篇
学习笔记
在网页中引入SVG矢量图片的几种方式及优缺点分享-北忘山博客

在网页中引入SVG矢量图片的几种方式及优缺点分享

什么是矢量图形? 矢量图使用算法来定义 — 一个矢量图文件包含了图形和路径的定义,电脑可以根据这些定义计算出当它们在屏幕上渲染时应该呈现的样子。无论它的尺寸大小,都使用算法来计算出图...
【转载】总结 Vue3 的七种组件通信方式-北忘山博客

【转载】总结 Vue3 的七种组件通信方式

本篇文章是全部采用的 <script setup> 这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档[1]对两种方式的描述。 本篇文章将介绍如下七种组件通信方...
北忘山的头像-北忘山博客钻石会员北忘山3个月前
02.5W+15
vue 3中的v-model双向绑定相对于vue 2的改变-北忘山博客

vue 3中的v-model双向绑定相对于vue 2的改变

最近学习vue组件库的开发,在做input组件的时候,发现现在vue 3 中v-model的双向绑定和vue 2 的实现有所不同了,特地记录一下,具体可以参考官方教程:官方文档 下面以input组件为例,做个简单...
北忘山的头像-北忘山博客钻石会员北忘山5个月前
04.2W+7
vue 3中如何使用sync修饰符?v-model在vue3中的改变-北忘山博客

vue 3中如何使用sync修饰符?v-model在vue3中的改变

最近搞vue组件库,使用的是最新的vue 3,查阅官网的文档后发现,现在vue 2中的sync修饰符已经在vue 3中进行迁移,所以当使用sync修饰符进行下列操作时,会失效:<ChildComponent :title.sync...
北忘山的头像-北忘山博客钻石会员北忘山5个月前
01.3W+15
关于Vue 3中父组件调用子组件this.$emit('click', e)被执行两次的问题-北忘山博客

关于Vue 3中父组件调用子组件this.$emit('click', e)被执行两次的问题

同样的是小白正在学习VUE 3,封装组件库的时候,发现在button子组件中,通过 this.$emit('click', e)向父组件传递的时候,父组件正常调用 this.$emit('click', e)就会被执行两次的问题。 这时候...
北忘山的头像-北忘山博客钻石会员北忘山5个月前
072428
关于vue3报错Cannot read properties of undefined (reading 'component')的解释-北忘山博客

关于vue3报错Cannot read properties of undefined (reading 'component')的解释

本人也是vue的初学者,最近在搭建vue组件库的过程中,发现了一个vue2和vue3的区别点,具体体现在,使用vue3全局注册组件的时候(测试过程中使用),提示报错:Cannot read properties of undefi...
北忘山的头像-北忘山博客钻石会员北忘山5个月前
03.8W+8
HTML 5 localStorage设置有效期、过期时间-北忘山博客

HTML 5 localStorage设置有效期、过期时间

浏览器端需要存储一个用户的标识和cookie一样需要过期时间,但是用的是localStorage存储。而localStorage一经存储除非手动删除是不会过期的。那就需要自己实现过期机制。网上找了几种简单的方法...
北忘山的头像-北忘山博客钻石会员北忘山6个月前
03.1W+13
vue-axios-http-api,一个简单好用的Vue和nuxt的http请求api的小工具-北忘山博客

vue-axios-http-api,一个简单好用的Vue和nuxt的http请求api的小工具

🙋‍♂️工具介绍🚀 这是一个基于VUE.JS以及NUXT.JS的axios-http请求API工具。通过http.js分别封装get、post、delete和put请求,同时加入Json格式的post请求方法。使用时只需要在api.js中写上后...
北忘山的头像-北忘山博客钻石会员北忘山6个月前
04.1W+7
42 种前端常用的CSS布局方案-北忘山博客

42 种前端常用的CSS布局方案

对 CSS 布局掌握程度决定你在Web开发中的开发页面速度。随着Web技术的不断革新,实现各种布局的方式已经多得数不胜数了。 本篇文章总结了四十二种CSS的常见布局,这四十二种布局可以细分为如下...
Linux 实时查看日志文件的 4 种方法,快速定位问题-北忘山博客

Linux 实时查看日志文件的 4 种方法,快速定位问题

在 Linux 下如何才能实时查看日志内容呢?有很多工具可以帮助我们在文件持续修改的同时输出文件内容,最常用的莫过于 tail 命令了。 1. tail Command – Monitor Logs in Real Time 如前所述,t...
Nginx备忘录,开发人员应该知道的Nginx配置-北忘山博客

Nginx备忘录,开发人员应该知道的Nginx配置

Nginx是用于Web服务,反向代理,缓存,负载平衡,媒体流等的开源软件。在这篇文章中,我将提到我们经常使用的一些Nginx配置。 侦听端口 server { # Standard HTTP Protocol listen 80; ​ # Sta...
北忘山的头像-北忘山博客钻石会员北忘山9个月前
02W+12
JavaScript之函数表达式-北忘山博客

JavaScript之函数表达式

原文来自印记中文:函数表达式 (javascript.info) 这里记录一些易错点 函数表达式的写法如下: let sayHi = function() { alert( 'Hello' ); }; 函数是一个值 无论函数是如何创建的,函数都是一...
JavaScript之函数-北忘山博客

JavaScript之函数

JavaScript函数相关的知识文档可以参考来自印记中文的译文:函数 (javascript.info) 这里我挑选一些容易犯错的点 变量作用域 JavaScript函数中的变量分为局部变量和外部变量,局部变量声明在函...
北忘山的头像-北忘山博客钻石会员北忘山9个月前
02.2W+12
JavaScript之空值合并运算符 '??'-北忘山博客

JavaScript之空值合并运算符 '??'

A recent additionThis is a recent addition to the language. Old browsers may need polyfills. 空值合并运算符(nullish coalescing operator)的写法为两个问号 ??。 由于它对待 null 和 u...
JavaScript之或运算寻找第一个真值,与运算寻找第一个假值-北忘山博客

JavaScript之或运算寻找第一个真值,与运算寻找第一个假值

或运算寻找第一个真值 给定多个参与或运算的值: result = value1 || value2 || value3; 或运算符 || 做了如下的事情: 从左到右依次计算操作数。处理每一个操作数时,都将其转化为布尔值。如果...
北忘山的头像-北忘山博客钻石会员北忘山9个月前
03.4W+15
JavaScript之字符串比较-北忘山博客

JavaScript之字符串比较

在比较字符串的大小时,JavaScript 会使用“字典(dictionary)”或“词典(lexicographical)”顺序进行判定。 换言之,字符串是按字符(母)逐个进行比较的。 例如: alert( 'Z' > 'A' ); // ...
JavaScript之数字转化,一元运算符 +-北忘山博客

JavaScript之数字转化,一元运算符 +

你知道alert(+true)等于多少吗? 一元运算符加号,或者说,加号 + 应用于单个值,对数字没有任何作用。但是如果运算元不是数字,加号 + 则会将其转化为数字。 例如: // 对数字无效 let x = 1; ...
北忘山的头像-北忘山博客钻石会员北忘山9个月前
03.4W+6
JavaScript之数据类型转换-北忘山博客

JavaScript之数据类型转换

字符串转换 当我们需要一个字符串形式的值时,就会进行字符串转换。 比如,alert(value) 将 value 转换为字符串类型,然后显示这个值。 我们也可以显式地调用 String(value) 来将 value 转换为...
对称加密和非对称加密过程详解-北忘山博客

对称加密和非对称加密过程详解

密码学是一门研究信息安全保护的科学,来实现信息的保密、完整性、可用以及抗抵赖等。密码学主要由密码编码和密码分析两部分组成。其中,密码编码学研究信息交换处理来实现信息的安全保护,密码...
在sass中如何正确的给定义的数字类型添加单位,如px-北忘山博客

在sass中如何正确的给定义的数字类型添加单位,如px

在 Sass 中,数字类型包括了长度、持续时间、频率、角度以及无单位数值等等。Sass 允许在运行中计算这些度量值。 在 Sass 中最常见的差错,是简单地认为单位仅仅字符串,认为它会被安全的添加到...
北忘山的头像-北忘山博客钻石会员北忘山9个月前
04.8W+7