一.前言相信学过vue与react的小伙伴们应该都知道react使用css是多么麻烦，他没有像vue一样的规定好的样式，没有给css规定的作用域这也就react中一个组件样式会出现干扰另外一个组件样式的情况，就很麻烦。但是react的灵活性，使得写css也有很多的方法，下面让我们去探索吧！二.编写react中的css的六种方法1.内联样式内联样式大家肯定不会陌生，通过style以属性的样式定义在便
转载
2024-04-01 05:53:18
142阅读
CSS有三种
样式表
行内样式表(
行内式)内部
样式表(嵌入式)外部
样式表(链接式)一,
行内样式表(
行内式)
行内样式表（内联
样式表）是在元素标签内部的 style 属性中设定 CSS
样式。适合于修改简单
样式.`<div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱</div>`1 style 其实就是标签的属性 2 在双引号
类型 首先明确一点，Js中的类型是针对值来说，而不是针对变量，值就是所谓的42， 'abc', false 等能用js 操作的数据。在js 中说某某某是什么数据类型，其实是说的这些值是什么类型。值呢？有7种数据类型: number, string, boolean, null, undefined, object, symbol. 42 就是num
1.css内部样式表怎么写1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法。首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。2.然后准备一个名为demo的CSS文件。在css文件中写入buttonA的样式，并保存css文件：3,HTML文件，使用链接在你的样式标签标签的
转载
2024-06-24 19:13:06
84阅读
1、call和ret指令都是转移指令，他们都修改ip或同时修改cs和ip。2、ret指令用栈中的数据，修改ip的内容，从而实现近转移。操作：1.（ip）=（（ss*16）+（sp））;2.（sp）=（sp）+2。retf指令用栈中的内容同时修改cs和ip3、call指令经常跟ret指令配合使用，因此CPU执行call指令，进行两步操作：1.将当前的ip或cs和ip压入栈中；2.转移（jmp）。Ca
转载
2024-07-17 13:10:34
50阅读
以下方式仅供参考，适合自己项目的才是最好的！！一、
行内样式使用import
React from '
react'
class Home extends
React.Component {
render() {
return (
<div>
<h3 style={{fontColor: 'green',marginTop:'5px
转载
2024-08-22 13:48:52
157阅读
为什么需要rem布局？移动端设备很多，每个尺寸不一样，前端写的页面要在不同设备上进行展示，为了使页面在不同的移动设备上展示时不走样，需要一种布局，能在不同设备上进行缩放，以达到上述要求。为什么rem布局是用html标签的font-size呢？（这个问题很蠢，但是还是记录下来吧） 因为html标签的font-size的大小就是1rem，1rem指的是html标签的font-size大小。所以不用其他
转载
2024-03-29 16:06:12
108阅读
react使用1.React概述1.1 什么是React？1.2 React特点2.React的基本使用2.1 React的安装2.2 React的使用3.React脚手架的使用3.1 使用React脚手架初始化项目3.2 在脚手架中使用React3.3 JSX的基本使用3.4 组件3.5 React事件处理3.6 组件中state和setState3.7 表单处理4.组件通讯4.1 组件的pr
转载
2024-07-22 14:46:35
41阅读
React 16之后有三个生命周期被废弃(但并未删除)componentWillMountcomponentWillReceivePropscomponentWillUpdate 官方计划在17版本完全删除这三个函数，只保留UNSAVE_前缀的三个函数，目的是为了向下兼容，但是对于开发者而言应该尽量避免使用他们，而是使用新增的生命周期函数替代它们。 目前React 16.8 +
rem 布局的定义： css(相对单位，是相对于网站根元素的font-size来计算大小，比如说html的font-size:100px,那么设置的0.1rem就是10px,如果没有设html的字体大小，就是依据浏览器的默认字体大小，一般默认是16px，用户可以自行设置，所以在使用rem布局的时候，第一步就是给html设置font-size)使用场景，一般呢 rem布局是用来适配手机和
前言 学习总结使用，文章中如有错误的地方，请指正。该系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。 github地址：https://github.com/huangtao5921/react-antDesgin-admin （欢
转载
2024-05-08 21:38:10
22阅读
1、介绍React中文官网：https://react.docschina.org。React是用于构建用户界面的JS库，起源于Facebook的内部项目，该公司对市场上所有JS MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站，于2013年5月开源。React主要用于构建UI，只关注视图层。2、为什么使用React优点声明式设计：React采用声明范式（语法十分接近HTML
转载
2024-05-12 17:45:02
31阅读
在数据绑定中，最常见就是动态绑定元素的 class 或内联样式 style 咯，它们也是 HTML 的属性，所以可以使用 v-bind 指令 。1 绑定 class1.1 对象语法使用 v-bind:class 属性，实现动态切换 class。html：
看得见我嘛
js：
var app = new Vue({
el: '#app',
data: {
isHid
一、React Hook1.要解决什么问题?1.可以在函数组件中使用状态2.可以复用组件状态及相关的变更逻辑。因为class组件的状态变更是分散在各个生命周期中的，又或者是通过高阶组件以props传进来的，当被多个高阶组件包装时，难以区分props的来源。应hooks的典型场景：很多页面都会用到表格，这些表格的数据都来自于服务端，加载数据时界面会出菊花，数据加载完了，隐藏菊花。这种公共逻辑就特别适
转载
2024-04-13 20:56:13
41阅读
前言：在js的中频繁的dom操作会极大的降低脚本运行的速率，react 的诞生就是为了减少dom的操作，用虚拟dom来代替，从而增加网页加载的速度前置工作： 1.ES6语法 2.babel教程 3.webpack脚手架搭建 4.react,reflux的学习 ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在201
rem布局 + 媒体查询 + Less + flexible一、rem布局1.1 思考（1）页面布局文字能否随着屏幕大小变化而变化？可以，在rem之前，只能通过设置固定的字号大小来布局，通过rem可以实现（2） 流式布局和flex布局主要针对与宽度故居，那高度如何设置？通过设置固定值而进行布局所以设置rem布局的话可以让屏幕发生变化的时候元素高度和宽度等比例缩放（3）技术选型1.2 rem单位re
一.React概述1.什么是React React是一个用于构建用户界面的JavaScript库。用户界面:HTML页面(前端) React主要用来写HTML页面，或构建Web应用 如果从MVC的角度来看，React仅仅是视图层(V)，也就是只负责视图的渲染，而并非提供了完整的M和C的功能。 React起源于Facebook的内部项目，后又用来架设Instagram的网站，并于2013年
转载
2024-07-06 12:58:37
78阅读
CSS3中有两个新尺寸单位vw和vh， 这两个单位非常适合于开发移动端自适应页面。 假如说有一个设计师做了一张1136x750px的页面，这长页面是针对iPhone6的屏幕设计的。 前端开发工程师将这张设计稿转换成网页， 网页中所有的元素尺寸都用px硬编码， 那么这张网页在iPhone6中能跑的好好的，但是到了其他手机中会容易出问题， 毕竟很多手机的屏幕尺寸和iPhone6是不一样的
初次接触移动端的时候，以为终于可以不用像pc那样考虑令人头疼的ie浏览器兼容问题，有强大的css3的帮助，可以随心所欲。。可是后来才发现原来移动端各种层次不齐的终端更会让人抓耳挠腮，同样的页面在不同的手机上显示的完全不一样的效果，于是抛开功能，页面适配性也成了一个大的课题。 说
开头作者：Peter，React中的一个re-render问题，相信很多人都遇到过。接下来给大家具体讲讲这个问题re-render？首先使用我的脚手架npm i ykj-cli -g
ykj init App
cd ./app
yarn
yarn dev这样一个webpack5、TS、React项目就搭建好了 我们目前只有一个APP组件，内部代码：import Myy from './myy
转载
2024-03-07 12:38:38
77阅读
