React状态管理
React内置的hooks来管理局部状态：useState, useReducer useContextTips
局部状态: React 的 useState, useReducer, useContext Hooks通过 Graph QL 的远程状态: Apollo Client通过 REST 的远程状态: React Hooks or Redux/MobX/
文章目录文章参考问题描述解决思路根据 `BaseComponent` 定义一个属性，然后所有的React对象继承通过DVA的modles在window上添加全局变量案例（在window上添加全局变量）定义全局变量引入全局变量定义基础组件header组件根据配置，选择页面的内容 文章参考 问题描述最近在做一个公总号，根据之前的设计，头部显示标题、分享、关闭按钮，底部显示历史前进和后退按钮，最后发布
转载
2024-04-16 19:46:44
65阅读
lessless的简介less是一门css的预处理语言less是一个css的增强版，通过less可以编写更少的代码实现更强大的样式在less中添加了许多的新特性，对变量的支持，对mixin 的支持等less语法大体上和css语法一致，但是less中增添了许多对css的扩展浏览器无法直接执行less代码，要执行必须将less转换为css，然后再由浏览器执行CSS兼容性不好的地方( 部分浏览器无法使用
转载
2024-07-09 14:12:01
171阅读
LESS是什么？ less是一门CSS预处理语言。由于CSS本身并不是程序式语言，不方便维护和扩展，没有变量、函数、作用域等概念。而LESS在CSS的基础语法之上，引入了变量、Mixin混入、运算以及函数等功能，大大简化了CSS的编写，降低了CSS的维护成本。 本质上，LESS包含一套自定义的语法及一个解析器，写好的LESS文件会通过解析器编译生成CSS文件。LESS并没有建材CSS
转载
2024-04-18 18:57:02
261阅读
用Vue-cli搭建的项目中引入css报错的原因分析我最近在研究Vue的路上，今天遇到了个问题，在vue cli 引入css报错，后来查询了很多资料，那么今天也算个学习笔记吧！1.问题描述之前用vue-cli搭建的项目，在main.js中引入elementUI库中的css,或者在其他文件中(比如App.vue)引入自己的css文件(假如你的文件是在src目录下)，都会报一个相同的错。下如图经过一番
转载
2024-05-01 14:42:30
126阅读
如何用sublimeText3编写less并用Nodejs自动编译成css最近刚接触less，过程比较多怕以后再安装又要重新查资料，在这里把我的安装过程记录下来：最后实现的效果就是在sublimeText3中编写less有语法高亮， 并且在每一次按crtl+s保存后 nodejs会把less自动编译生成css文件1、安装Sublime 插件（1）安装LESS插件： 因为Sublime不支持Le
转载
2024-09-26 19:26:21
61阅读
let 命令 1.let 命令基本用法 ES6新增let命令，用来生命变量。它的用法类似于var，但是所声明的变量，只是在let命令所在的代码块内有效。 {
let a = 10;
var b = 1;
}a // ReferenceError: a is not defined.
b // 1 上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果
虽然有很多编译Less的插件可以使用 , 但是在开发的时候 , 每修改一次less代码就编译一次less文件 , 很明显效率就太低了 , 接下来为大家介绍一个直接在html的link标签中引入.less文件并且执行的方法首先下载 less.js ; 点击下载接下来是代码在文档head标签内加入一下两行代码 ; link的 rel 的属性值一定要修改为 'stylesheet/less
转载
2024-08-28 18:56:07
65阅读
CSS一般是以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等。css代码需要放到哪里？css一般放到哪里？ 是不是一定写到html文件里面呢？ 下面给大家介绍一下，希望对大家有所帮助。1、CSS代码可以放在一个单独的外部CSS文件(.css文件)中 ----“外部样式表”将CSS代码放在一个单独的外部CSS文件(.css文件)中，然后使用link标签放在HTML文件的部分中
css基本知识你好！ 这是你第一次使用 css 所需要了解的知识点。如果你想学习如何使用css, 可以仔细阅读这篇文章，了解一下css的基本语法知识。CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。一、行内样式使用style属性引入CSS样式。示例：style属性的应用直接在HTML标签中设置的样式 实际在写页面时不提倡使用，在测试的时候可以使用。 <!DOCTYPE>
&
转载
2024-07-15 16:18:27
94阅读
正文从这开始~总览在React中，从其他文件中导入组件：从A文件中导出组件。比如说，export function Button() {} 。在B文件中导入组件。比如说，import {Button} from './another-file' 。在B文件中使用导入的组件。命名导入导出下面的例子是从一个名为another-file.js的文件中导入组件。// ?️ named export
exp
转载
2024-03-28 07:07:56
102阅读
less引入less 自从我们上一次对LESS进行报道以来已经有很长时间了。 上一次我们谈论它的时间是在2012年，当时LESS仍在1.2.0版本左右。 在撰写本文时，LESS即将到达2.0版，并且在每次迭代中都进行了许多改进以及一些新增功能。 在这篇文章中，我将重点介绍其中的一些功能，其中一些功能可能是您可能没有意识到的。 扩展选择器 首先，让我们谈谈extend 。 自从Sass和Stylu
转载
2024-07-30 22:48:28
64阅读
使用gulp构建前端工具，实时编译less，合并压缩requirejs加载模块
gulp的使用命令简单，就几个，gulp的简单使用教材可以参考一点的gulp使用教材（http://www.ydcss.com/archives/18）。下面就简单的介绍这些命令如何互相配合的完成前端的构建工作。项目结构： 首先全局安装gulp，使用命令：npm i
序言：最近在自己玩玩引一些好看的字体样式的时候，偶然看见有 .less的样式文件，又偶然想起还有.scss格式的样式文件，这些虽然有印象，还是想写篇博文加深一下理解，就跑来记录一下，作为小白理解的可能会浅显，文章末尾附有借鉴文档。1、Css 概念：前端恰饭的三件套之一（Html + Js + Css），层叠样式表，是一种用来表现HTML或XML
转载
2024-02-09 15:17:46
409阅读
CSS的引入方式最常用的有三种，
第一：在head部分加入<link rel="stylesheet" type="text/css" href="my.css"/>,引入外部的CSS文件。
这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法；最能体现DIV+CSS中的内容与显示分离的思想，也最 易改版维护，
1.介绍CSS预处理器，让CSS具备逻辑和计算能力目前浏览器和网页不识别less，需要将less文件导出CSS文件，HTML引入CSS文件2.插件介绍3.less注释less注释分单行注释和多行注释单行注释使用 // 进行注释 且css文档不会显示 多行注释用 /* 注释的内容 */ 进行注释,css文档会同步进行读取保存 4.处理常用数字计
以下是学习笔记:1.下载相关处理包,并在config配置文件中配置loader项2.前文中写过处理css文件的步骤为// 使用步骤:
// 1 安装: npm i -D style-loader css-loader
// 2 在 webpack.config.js 中的 module 里面配置loader处理规则 { test: /\.css$/, use: ['style-loader',
转载
2024-09-06 14:42:13
58阅读
1、什么是less？是一个css预编译器，可以扩展css语言，添加功能如允许变量，混合、函数和许多其他的技术，让你的css更具有维护性、丰富性、扩展性。2、初识less.content ul {} // 在css中的用法
.content li {}
.content li a {}
.content { // 在less中的写法
转载
2024-07-15 17:07:22
216阅读
前景提要个人在学习less时候的学习笔记及个人总结，主要是结合less中文网来学习的，但是说是中文网并不是中文呀，看起来很耽误时间，为了避免以后再次看的时候还要翻译思考，特意做此总结，方便以后查阅。概述Less是Css的一种扩展，完全兼容css语法，我们在使用中可以直接 link 引入也可以，通过编译工具，将less 编译成 css后再引入；目录：一、变量二、Extend 扩展三、Mi
转载
2024-06-05 22:42:56
175阅读
维护css的弊端 css是一门非程序语言，没有变量、函数、SCOPE（作用域）等概念 ● css需要书写大量看似没有逻辑的代码，css冗余度比较高 ● 不方便维护及拓展，不利于复用 ● css没有很好的计算能力Less介绍 Less是一门css扩展语言，也称为CSS预处理器 作为CSS的一种形式的扩展，并没有减少CSS的功能，而是在现有的CSS语法上，为CSS加入程序语言的特性 在CSS的语法基础
