前端学习笔记

前端学习笔记

前端学习笔记

方便自己查阅用的

暂无订阅共27篇文章创建于2022-03-27

事件循环与Promise

内容引用自Understanding the Event Loop, Callbacks, Promises, and Async/Await in JavaScript | DigitalOcean

3年前
93
点赞
评论

root创建子用户

root用户创建一个子用户：adduser <username> 密码和root密码最好一样，方便记忆完成后，执行如下命令：以后以"username"身份登录服务器：ssh <username>@

3年前
104
点赞
评论

Node.js（一）：技术架构

Node.js不是什么不是web框架：不能把Node.js与Flask或Spring相对比不是编程语言：Node.js并不是后端的JS，所以不能与Python或PHP对比 Node.js是什么是

3年前
127
点赞
评论

移动端相关——rem

参考CSS 的值与单位 - 学习 Web 开发 | MDN (mozilla.org)，rem指根元素的字体大小，即<html>的font-size. 浏览器默认的字体大小为16像素，那么2rem就是

3年前
108
点赞
评论

如何防止移动端出现PC端页面

做响应式的时候，明明做了媒体查询，在切换到模拟手机页面之后，发现手机端页面还是PC端页面，但是是缩小版。这属于是历史遗留问题。解决办法是添加一个<meta>标签。 vscode直接在html输入me

3年前
150
点赞
评论

React记账项目总结

最近自己做了一个React记账项目，作为一个新手前端，开发能力相对有限，在自己做了一个Demo之后，又借鉴了一个大厂前端大佬的代码。特此写下一篇总结。前期设计非常重要不管是页面设计还是项目结构设计

3年前
270
点赞
评论

React造轮子项目工程搭建经历

之前写React项目一直用Create React App直接搭建开发环境。这一次造轮子项目打算从零开始搭建环境。下面的内容就是搭建过程。 GitHub新建一个repo 创建时勾选“添加readme文

3年前
1.2k
5
评论

React Hooks 之自定义Hook

UseEffect应用模拟componentDidMount 模拟componentDidUpdate 模拟componentWillUnmount 自定义一个Hook 在使用React组件的时候，

3年前
323
点赞
评论

React记账项目环境配置

最近在做一个纯前端的记账项目，技术栈采用React和Typescript，使用VScode编程。这篇文章记录一下创建项目时使用的一些命令行。项目创建后创建一个.env文件，输入BROWSER=no

3年前
228
点赞
评论

浅谈Vue的.sync修饰符

Vue框架并不支持双向绑定，但在某些情况下，我们希望对某个Prop进行类似双向绑定的操作，Vue则提供了一个监听更新事件的方法update:myPropName作为支持。示例代码请看这里。子组件的

3年前
119
点赞
评论

浅谈Vue的computed和watch

computed其实就是计算属性，计算出来的属性值在调用getter之后会被缓存。一旦属性值需要重新计算，该值就会在第一次被调用getter之后缓存，原来的缓存被清除。computed就适合计算开销较

3年前
103
点赞
评论

我对Vue数据响应式的理解

前言：我还是刚入门的前端，理解可能有失偏颇，这篇文章只是简单的个人总结，方便自己用。使用代理和Object.defineProperty 代理是一种设计模式：对一个对象的属性读写，全权由另一个对象负

3年前
353
点赞
评论

前端基础总结（1）

十个问题做一个对前端知识的总结和梳理。 1. 什么是闭包一言以蔽之：闭包就是能从外部读取函数内部变量的函数。在Javascript语言中，只有函数内部的子函数能够读取局部变量，所以可以把闭包简单理

3年前
152
点赞
评论

DOM事件与事件委托

事件模型浏览器的事件模型，就是通过监听函数对事件做出反应。事件发生后，浏览器监听到了这个时间，就会执行对应的监听函数。这是事件驱动编程模式(event-driven)的主要编程方式。 JavaScr

3年前
142
点赞
评论

jQuery如何获取元素？ jQuery的基本设计思想和主要用法，就是 “选择某个网页元素，然后对其进行某种操作”。使用jQuery的第一步，就是将一个选择表达式，放进构造函数jQuery()，然后

3年前
70
点赞
评论

JS函数的执行时机

函数的执行时机不同，运行结果也不同。上述代码会打印出6个6。这里的关键就是在setTimeout函数，setTimeout函数用来指定某个函数或某段代码，在多少毫秒后执行。但为什么会打印出6个6的情

3年前
193
1
评论

JavaScript（六）：数组

数组是一种特殊的对象。 JS没有真正的数组，JS是通过对象去模拟数组。 JS数组与传统高级语言里的数组的区别在于：典型的数组元素的数据类型相同使用连续的内存存储通过数字下标获取元素而JS的数

3年前
140
点赞
评论

JavaScript（五）：对象分类

构造函数定义一个正方形类通过上面的代码，简单总结下： new X() 自动创建了空对象自动为空对象关联原型，原型地址指定为X.prototype 自动将空对象作为this关键字运行构造函数自动

3年前
91
点赞
评论

JavaScript（四）：对象

JS三座大山：object、this和AJAX。 object是唯一一种复杂数据类型。对象对象一种无序的数据集合，是键值对的集合写法细节：键名是字符串，不是标识符，可以是任何字符，emoji

3年前
124
点赞
评论