前端早茶的博客_Node.js,React,Vue(10)

css横线中间放图片或者文字

效果图：先贴代码 HTML: 这里的图片路径换你想要的就可以啦 css：我们用了盒子模型进行布局

盒子模型

css

html

原创 2022-05-12 17:18:47 1288 阅读

js文字从左边飞入效果

贴代码之前，我们先讲一下它的原理，我们使用setInterval，让文字一开始置于屏幕看不到的位置，左右上下都可以，然后让它的位置不断移入到屏幕看得到的位置。下面上代码： html: js:

html

原创 2022-05-12 17:18:35 1009 阅读

js判断手机机型，然后进行相对应的操作

我们通过浏览器内置的userAgent来判断手机机型。具体代码如下：

ipad

安卓手机

ios

原创 2022-05-12 17:18:27 1651 阅读

vue router 根据不同的id切换链接界面不刷新

我们一般使用vue的router时候会根据不同的id来切换界面，但是界面没有立刻刷新。下面我们讲下如何解决这个问题。 html: js: 我们通过加个动态变化的参数，让界面可以触发钩子进行刷新

html

原创 2022-05-12 17:18:19 837 阅读

react学习笔记

我们在使用react的时候，尽量不要操作dom节点，通过状态的改变来渲染这样是最合理的。这里我记录了react使用ajax的例子进行分析创建React组件对应的类，描述你将要创建组件的各种行为，其中只有当组件被渲染时需要输出的内容的render接口是必须实现的，其他都是可选

html

ajax

github

原创 2022-05-12 17:18:11 196 阅读

js压箱底的宝贝

框架的确好用, 不过他们也隐藏了JavaScript中丑陋的细节和DOM的运作机制. 如果你的目标是敢于自称"我懂JavaScript", 那么花时间学习框架无异于南辕北辙. 下面这些JavaScript语言特性你应该熟记在心并避免被他们困扰, 然而多数人可能对此还不熟悉. - object.pro

全局变量

控制流

javascript

原创 2022-05-12 17:18:05 147 阅读

js上传视频（jquery.form.js）

// 上传目标触发点 <input type="file" class="upvideo" name="upvideo" id="fileupload1" /> // 引入插件 <script type="text/javascript" src="{$IMG}/bstage/js/jquery.f

php

xml

上传

原创 2022-05-12 17:17:54 1229 阅读

了解真实的rem手机屏幕适配

rem 作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。 rem 的官方定义『The font size of the root element.』，即以根节点的字体大小作为基准值进行长

html

缩放

屏幕适配

原创 2022-05-12 17:17:13 604 阅读

TypeScript 高级用法

本文主要介绍 TypeScript 的高级用法，适用于对 TypeScript 已经有所了解或者已经实际用过一段时间的同学，分别从类型、运算符、操作符、泛型的角度来系统介绍常见的 TypeScript 文章没有好好讲解的功能点，最后再分享一下自己的实践经历。一、类型 unknown unknow

泛型

运算符

typescript

原创 2022-05-12 17:16:28 324 阅读

web可视化图形编辑器汇总

欢迎关注前端早茶，与广东靓仔携手共同进阶前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号作者：广东靓仔前言：有些时候，我们需要使用到可视化绘图的编辑器。这里给大家收集了一些，如下所示。正文： 1.mxgraph：介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可

github

控件

3d

原创 2022-05-12 17:16:09 4613 阅读

2021年推荐学习的前端框架和工具库

前言最近在知乎看到了这么个问题：学完Vue还有必要学习React和Node吗？[1]，有很奇妙的感觉，因为我在最开始入门前端时，也是以Vue入的门，在“学完”Vue之后，我也有了这个疑问，但当时的我没多想，觉得“技多不压身”，反正都是前端，以后肯定用得上，那就学呗—— 结果我一路到现在都是处于

中间件

缓存

数据库

原创 2022-05-12 17:15:21 150 阅读

React主流插件

为了提高大家开发 React 项目的效率, 笔者结合自己的实际工作经验, 汇总如下React项目常用插件. 1. 状态管理 Redux JavaScript 状态容器，提供可预测化的状态管理 MobX 通过函数响应式编程使得状态管理变得简单和可扩展 Redux Thunk Redux的异步处理中间件

拖拽

javascript

解决方案

原创 2022-05-12 17:15:11 1460 阅读

函数组件与类有何不同？

React函数组件与React类有何不同？一段时间以来，规范的答案一直是类提供对更多功能（如状态）的访问。使用Hooks不再是事实。也许您已经听说其中之一的性能更好。哪一个？许多这样的基准都是有缺陷的，因此我会谨慎地从中得出结论。性能主要取决于代码在做什么，而不取决于您选择的是函数还是类。在我们

事件处理

解决方案

配置文件

原创 2022-05-12 17:14:55 192 阅读

lerna+yarn workspace+monorepo项目的最佳实践

欢迎关注前端早茶，与广东靓仔携手共同进阶前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号作者：广东靓仔 1.monorepo管理对于维护过多个package(功能相近)的同学来说，都会遇到一个选择题，这些package是放在一个仓库里维护还是放在多个仓库里单独维护。Multirepo

git

json

typescript

原创 2022-05-12 17:14:37 1973 阅读 1收藏

js中??和?.的意思

js中??和?.的意思空值合并操作符（??）只有当左侧为null和undefined时，才会返回右侧的数空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作

操作符

可选链

操作数

原创 2022-05-12 17:11:02 171 阅读

React中useEffect的源码解读

前端技术公众号欢迎关注“前端早茶” 前言对源码的解读有利于搞清楚Hooks到底做了什么，如果您觉得useEffect很“魔法”，这篇文章也许对您有些帮助。本

链表

数组

加载

原创 2022-05-12 17:10:18 476 阅读

如何阅读源码方向篇

本文适合对看源码方式有疑惑、缺乏方向的小伙伴阅读欢迎关注前端早茶，与广东靓仔携手共同进阶前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号作者：广东靓仔一、前言本文基于开源项目,蚂蚁数据体验技术文章仓库： https://github.com/ProtoTeam/blog 广东靓仔

目录结构

数据

开源项目

原创 2022-05-12 17:09:36 141 阅读

最全vue2,vue3面试汇总

欢迎关注前端早茶，与广东靓仔携手共同进阶前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号作者：广东靓仔 1. Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.defineProperty（vue3.0使用proxy ）将它们转为 getter/s

数据

缓存

数组

原创 2022-05-12 17:09:19 360 阅读 1收藏

vue3 路由跳转、传参

1.路由的路径配置都在index.js文件里， import { createRouter, createWebHistory } from 'vue-router' import Home from '../views/Home.vue' // 两种方式引入页面 const routes = [

css

公众号

传递参数

原创 2022-05-12 17:09:16 7643 阅读

CSS :is()和 :where() 即将出现在浏览器中

欢迎关注前端早茶，与广东靓仔携手共同进阶前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号作者：广东靓仔现在，Safari（技术预览版106）和Firefox（版本78）的预览版均支持新的CSS :is() 和 :where() 伪类。Chrome的实施仍然落后。使用 :is() 减少

css

选择器

ico

原创 2022-05-12 17:08:32 178 阅读

Git日常操作（分支重命名、版本回滚）

GIT修改分支名称假设分支名称为oldName 想要修改为 newName 1. 本地分支重命名(还没有推送到远程) git branch -m oldName newName 2.

git

远程分支

重命名

原创 2022-05-12 17:08:18 592 阅读

file-loader和url-loader的区别

什么是 url-loader url-loader 会将引入的文件进行编码，生成 DataURL，相当于把文件翻译成了一串字符串，再把这个字符串打包到 JavaScript。使用 base64 来加载图片也是有两面性的：优点：节省请求，提高页面性能缺点：增大本地文件大小，降低加载性能所以我们

字符串

文件大小

加载

原创 2022-05-12 17:08:09 1150 阅读

Webpack 核心原理

欢迎关注前端早茶，与广东靓仔携手共同进阶前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号作者：广东靓仔背景 Webpack 特别难学！！！

初始化

依赖关系

编译过程

原创 2022-05-12 17:07:55 243 阅读

前端-本地储存，缓存，网络，协议，安全

欢迎关注前端早茶，与广东靓仔携手共同进阶前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号作者：广东靓仔前言前端眼里只有 Js, Vue，React, Node 嘛 ? 不 ! 答案很明显，现在的前端真的很强大，很复杂 ...... 要会 html , css ，Js 紧跟着用框架呀

缓存

服务器

客户端

原创 2022-05-12 17:07:29 160 阅读

React中componentWillReceiveProps的替代升级方案

componentWillReceiveProps 1.介绍 componentWillReceiveProps是React生命周期函数之一，在初始props不会被调用，它会在组件接受到新的props时调用。

重置

输入框

数据

原创 2022-05-12 17:07:25 414 阅读

Vue 3.2 刚刚发布！新的单文件组件，响应式性能大幅提升

今日凌晨，尤雨溪在微博平台官宣 Vue 3.2 已发布，并表示： <script setup> + TS + Volar = 真香 Vue 3.2 版本包括许多重要的新功能和性能改进

node.js

用例

新功能

原创 2022-05-12 17:06:31 338 阅读

React正式版本v18.0.0

React18.0.0新特性抢先看~

服务器

应用程序

渲染器

翻译 2022-05-06 10:04:28 858 阅读

Node.js 18 新特性抢先看

Node.js发布v18~特性抢先看

node.js

json

封装

翻译 2022-05-06 09:58:27 619 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

陈泽锋博客

css横线中间放图片或者文字

js文字从左边飞入效果

js判断手机机型，然后进行相对应的操作

vue router 根据不同的id切换链接界面不刷新

react学习笔记

js压箱底的宝贝

js上传视频（jquery.form.js）

了解真实的rem手机屏幕适配

TypeScript 高级用法

web可视化图形编辑器汇总

2021年推荐学习的前端框架和工具库

React主流插件

函数组件与类有何不同？

lerna+yarn workspace+monorepo项目的最佳实践

js中??和?.的意思

React中useEffect的源码解读

如何阅读源码方向篇

最全vue2,vue3面试汇总

vue3 路由跳转、传参

CSS :is()和 :where() 即将出现在浏览器中

Git日常操作（分支重命名、版本回滚）

file-loader和url-loader的区别

Webpack 核心原理

前端-本地储存，缓存，网络，协议，安全

React中componentWillReceiveProps的替代升级方案

Vue 3.2 刚刚发布！新的单文件组件，响应式性能大幅提升

React正式版本v18.0.0

Node.js 18 新特性抢先看

欢迎