C语言学习网

React的相关知识点有哪些

发表于:2022-10-04 作者:安全数据网编辑
编辑最后更新 2022年10月04日,这篇文章主要介绍"React的相关知识点有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"React的相关知识点有哪些"文章能帮助大家解决问题。React与

这篇文章主要介绍"React的相关知识点有哪些"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"React的相关知识点有哪些"文章能帮助大家解决问题。

React与传统MVC的关系

轻量级的视图层库!A JavaScript library for building user interfaces

React不是一个完整的MVC框架,最多可以认为是MVC中的V(View),甚至React并不非常认可MVC开发模式;React 构建页面 UI 的库。可以简单地理解为,React 将将界面分成了各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,就成了我们的页面。

React高性能的体现:虚拟DOM

React高性能的原理:

在Web开发中我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作。而复杂或频繁的DOM操作通常是性能瓶颈产生的原因(如何进行高性能的复杂DOM操作通常是衡量一个前端开发人员技能的重要指标)。

React为此引入了虚拟DOM(Virtual DOM)的机制:在浏览器端用Javascript实现了一套DOM API。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行,每当数据变化时,React都会重新构建整个DOM树,然后React将当前整个DOM树和上一次的DOM树进行对比,得到DOM结构的区别,然后仅仅将需要变化的部分进行实际的浏览器DOM更新。而且React能够批处理虚拟DOM的刷新,在一个事件循环(Event Loop)内的两次数据变化会被合并,例如你连续的先将节点内容从A-B,B-A,React会认为A变成B,然后又从B变成A UI不发生任何变化,而如果通过手动控制,这种逻辑通常是极其复杂的。

尽管每一次都需要构造完整的虚拟DOM树,但是因为虚拟DOM是内存数据,性能是极高的,部而对实际DOM进行操作的仅仅是Diff分,因而能达到提高性能的目的。这样,在保证性能的同时,开发者将不再需要关注某个数据的变化如何更新到一个或多个具体的DOM元素,而只需要关心在任意一个数据状态下,整个界面是如何Render的。

React Fiber:

在react 16之后发布的一种react 核心算法,React Fiber是对核心算法的一次重新实现(官网说法)。之前用的是diff算法。

在之前React中,更新过程是同步的,这可能会导致性能问题。

当React决定要加载或者更新组件树时,会做很多事,比如调用各个组件的生命周期函数,计算和比对Virtual DOM,最后更新DOM树,这整个过程是同步进行的,也就是说只要一个加载或者更新过程开始,中途不会中断。因为JavaScript单线程的特点,如果组件树很大的时候,每个同步任务耗时太长,就会出现卡顿。

React Fiber的方法其实很简单--分片。把一个耗时长的任务分成很多小片,每一个小片的运行时间很短,虽然总时间依然很长,但是在每个小片执行完之后,都给其他任务一个执行的机会,这样唯一的线程就不会被独占,其他任务依然有运行的机会。

React的特点和优势

1、虚拟DOM

我们以前操作dom的方式是通过document.getElementById()的方式,这样的过程实际上是先去读取html的dom结构,将结构转换成变量,再进行操作

而reactjs定义了一套变量形式的dom模型,一切操作和换算直接在变量中,这样减少了操作真实dom,性能真实相当的高,和主流MVC框架有本质的区别,并不和dom打交道

2、组件系统

react最核心的思想是将页面中任何一个区域或者元素都可以看做一个组件 component

那么什么是组件呢?

组件指的就是同时包含了html、css、js、image元素的聚合体

使用react开发的核心就是将页面拆分成若干个组件,并且react一个组件中同时耦合了css、js、image,这种模式整个颠覆了过去的传统的方式

3、单向数据流

其实reactjs的核心内容就是数据绑定,所谓数据绑定指的是只要将一些服务端的数据和前端页面绑定好,开发者只关注实现业务就行了

4、JSX 语法

在vue中,我们使用render函数来构建组件的dom结构性能较高,因为省去了查找和编译模板的过程,但是在render中利用createElement创建结构的时候代码可读性较低,较为复杂,此时可以利用jsx语法来在render中创建dom,解决这个问题,但是前提是需要使用工具来编译jsx

编写第一个react应用程序

react开发需要引入多个依赖文件:react.js、react-dom.js,分别又有开发版本和生产版本,create-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录清空,然后在里面重新创建一个index.js. 写入以下代码:

// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引入React, 因为react里有一种语法叫JSX,稍后会讲到JSX,要写JSX,就必须引入Reactimport React from 'react'// ReactDOM 可以帮助我们把 React 组件渲染到页面上去,没有其它的作用了。它是从 react-dom 中引入的,而不是从 react 引入。import ReactDOM from 'react-dom'// ReactDOM里有一个render方法,功能就是把组件渲染并且构造 DOM 树,然后插入到页面上某个特定的元素上ReactDOM.render(// 这里就比较奇怪了,它并不是一个字符串,看起来像是纯 HTML 代码写在 JavaScript 代码里面。语法错误吗?这并不是合法的 JavaScript 代码, "在 JavaScript 写的标签的"语法叫 JSX- JavaScript XML。

欢迎进入React的世界

,// 渲染到哪里 document.getElementById('root'))

元素与组件

如果代码多了之后,不可能一直在render方法里写,所以就需要把里面的代码提出来,定义一个变量,像这样:

import React from 'react'import ReactDOM from 'react-dom'// 这里感觉又不习惯了?这是在用JSX定义一下react元素const app =

欢迎进入React的世界

ReactDOM.render(

app,

document.getElementById('root'))

函数式组件

由于元素没有办法传递参数,所以我们就需要把之前定义的变量改为一个方法,让这个方法去return一个元素:

import React from 'react'import ReactDOM from 'react-dom'// 特别注意这里的写法,如果要在JSX里写js表达式(只能是表达式,不能流程控制),就需要加 {},包括注释也是一样,并且可以多层嵌套const app = (props) =>

欢迎进入{props.name}的世界

ReactDOM.render(

app({

name: 'react'

}),

document.getElementById('root'))

这里我们定义的方法实际上也是react定义组件的第一种方式-定义函数式组件,这也是无状态组件。但是这种写法不符合react的jsx的风格,更好的方式是使用以下方式进行改造

import React from 'react'import ReactDOM from 'react-dom'const App = (props) =>

欢迎进入{props.name}的世界

ReactDOM.render(

// React组件的调用方式 ,

document.getElementById('root'))

这样一个完整的函数式组件就定义好了。但要注意!注意!注意!组件名必须大写,否则报错。

class组件

ES6的加入让JavaScript直接支持使用class来定义一个类,react的第二种创建组件的方式就是使用的类的继承,ES6 class是目前官方推荐的使用方式,它使用了ES6标准语法来构建,看以下代码:

import React from 'react'import ReactDOM from 'react-dom'class App extends React.Component {

render () {

return (

// 注意这里得用this.props.name, 必须用this.props

欢迎进入{this.props.name}的世界

)

}}ReactDOM.render(

,

document.getElementById('root'))

运行结果和之前完全一样,因为JS里没有真正的class,这个class只是一个语法糖, 但二者的运行机制底层运行机制不一样。

· 函数式组件是直接调用, 在前面的代码里已经有看到

· es6 class组件其实就是一个构造器,每次使用组件都相当于在实例化组件,像这样:

import React from 'react'import ReactDOM from 'react-dom'class App extends React.Component {

render () {

return (

欢迎进入{this.props.name}的世界

)

}}const app = new App({

name: 'react'}).render()ReactDOM.render(

app,

document.getElementById('root'))

更老的一种方法

在16以前的版本还支持这样创建组件, 但现在的项目基本上不用

React.createClass({

render () {

return (

{this.props.xxx}

)

}})

组件的组合、嵌套

将一个组件渲染到某一个节点里的时候,会将这个节点里原有内容覆盖

组件嵌套的方式就是将子组件写入到父组件的模板中去,且react没有Vue中的内容分发机制(slot),所以我们在一个组件的模板中只能看到父子关系

// 从 react 的包当中引入了 React 和 React.js 的组件父类 Component// 还引入了一个React.js里的一种特殊的组件 Fragmentimport React, { Component, Fragment } from 'react'import ReactDOM from 'react-dom'class Title extends Component {

render () {

return (

欢迎进入React的世界

)

}}class Content extends Component {

render () {

return (

React.js是一个构建UI的库

)

}}/** 由于每个React组件只能有一个根节点,所以要渲染多个组件的时候,需要在最外层包一个容器,如果使用div, 会生成多余的一层domclass App extends Component { render () { return (

<Content /> </div> ) }}**/// 如果不想生成多余的一层dom可以使用React提供的Fragment组件在最外层进行包裹</em>class App extends Component {</p><p>render () {</p><p>return (</p><p><Fragment></p><p><Title /></p><p><Content /></p><p></Fragment></p><p>)</p><p>}}ReactDOM.render(</p><p><App/>,</p><p>document.getElementById('root'))</p><p>#JSX 原理</p><p>要明白JSX的原理,需要先明白如何用 JavaScript 对象来表现一个 DOM 元素的结构?</p><p>看下面的DOM结构</p><p><div class='app' id='appRoot'></p><p><h2 class='title'>欢迎进入React的世界</h2></p><p><p></p><p>React.js 是一个帮助你构建页面 UI 的库</p><p></p></div></p><p>上面这个 HTML 所有的信息我们都可以用 JavaScript 对象来表示:</p><p>{</p><p>tag: 'div',</p><p>attrs: { className: 'app', id: 'appRoot'},</p><p>children: [</p><p>{</p><p>tag: 'h2',</p><p>attrs: { className: 'title' },</p><p>children: ['欢迎进入React的世界']</p><p>},</p><p>{</p><p>tag: 'p',</p><p>attrs: null,</p><p>children: ['React.js 是一个构建页面 UI 的库']</p><p>}</p><p>]}</p><p>但是用 JavaScript 写起来太长了,结构看起来又不清晰,用 HTML 的方式写起来就方便很多了。</p><p>于是 React.js 就把 JavaScript 的语法扩展了一下,让 JavaScript 语言能够支持这种直接在 JavaScript 代码里面编写类似 HTML 标签结构的语法,这样写起来就方便很多了。编译的过程会把类似 HTML 的 JSX 结构转换成 JavaScript 的对象结构。</p><p>下面代码:</p><p>import React from 'react'import ReactDOM from 'react-dom'class App extends React.Component {</p><p>render () {</p><p>return (</p><p><div className='app' id='appRoot'></p><p><h2 className='title'>欢迎进入React的世界</h2></p><p><p></p><p>React.js 是一个构建页面 UI 的库</p><p></p></p><p></div></p><p>)</p><p>}}ReactDOM.render(</p><p><App />,</p><p>document.getElementById('root'))</p><p>编译之后将得到这样的代码:</p><p>import React from 'react'import ReactDOM from 'react-dom'class App extends React.Component {</p><p>render () {</p><p>return (</p><p>React.createElement(</p><p>"div",</p><p>{</p><p>className: 'app',</p><p>id: 'appRoot'</p><p>},</p><p>React.createElement(</p><p>"h2",</p><p>{ className: 'title' },</p><p>"欢迎进入React的世界"</p><p>),</p><p>React.createElement(</p><p>"p",</p><p>null,</p><p>"React.js 是一个构建页面 UI 的库"</p><p>)</p><p>)</p><p>)</p><p>}}ReactDOM.render(</p><p>React.createElement(App),</p><p>document.getElementById('root'))</p><p>React.createElement 会构建一个 JavaScript 对象来描述你 HTML 结构的信息,包括标签名、属性、还有子元素等, 语法为</p><p>React.createElement(</p><p>type,</p><p>[props],</p><p>[...children])</p><p>所谓的 JSX 其实就是 JavaScript 对象,所以使用 React 和 JSX 的时候一定要经过编译的过程:</p><p>JSX -使用react构造组件,bable进行编译-> JavaScript对象 - ReactDOM.render()->DOM元素 ->插入页面</p><h3>组件中DOM样式</h3><p>· 行内样式</p><p>想给虚拟dom添加行内样式,需要使用表达式传入样式对象的方式来实现:</p><p><em>// 注意这里的两个括号,第一个表示我们在要JSX里插入JS了,第二个是对象的括号</em> <p style={{color:'red', fontSize:'14px'}}>Hello world</p></p><p>行内样式需要写入一个样式对象,而这个样式对象的位置可以放在很多地方,例如render函数里、组件原型上、外链js文件中</p><p>· 使用class</p><p>React推荐我们使用行内样式,因为React觉得每一个组件都是一个独立的整体</p><p>其实我们大多数情况下还是大量的在为元素添加类名,但是需要注意的是,class需要写成className(因为毕竟是在写类js代码,会收到js规则的现在,而class是关键字)</p><p><p className="hello" style = {this.style}>Hello world</p></p><p>· 不同的条件添加不同的样式</p><p>有时候需要根据不同的条件添加不同的样式,比如:完成状态,完成是绿色,未完成是红色。那么这种情况下,我们推荐使用classnames这个包:</p><p>· css-in-js</p><p>styled-components是针对React写的一套css-in-js框架,简单来讲就是在js中写css。npm链接</p><h3>TodoList</h3><p>组件化开发React todolist, 项目开发中的组件的基本目录结构基本上是这样的:</p><p><img src='https://www.aqdb.cn/uploadfile/0f/3e14e059.jpg' /></p><p>注意:一个组件只干一件事情 ,所以TodoList和TodoItem要做成两个组件,这样也方便于后期理解shouldComponentUpdate</p><p class="introduction">关于"React的相关知识点有哪些"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。</p> </div> <div class="diggit"><a href="#"> 很赞哦! </a></div> <div class="clear"></div> <div class="keywords"> <a target="_blank" href="https://www.cyuyanhs.com/tags-2376293.html">c语言网络技术和编程语言总结</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2326764.html">c语言对应的三级考试网络技术</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2377603.html">网站服务器后台如何加防护密码</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2140800.html">c语言软件开发步骤</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2356419.html">c语言中网络技术知识点</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2377614.html">服务器对权限提升的防护措施</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-999423.html">怎么在阿里云租服务器</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-800000.html">黑苹果能做web服务器吗</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2244145.html">c语言和网络技术哪个好考</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-797219.html">云服务器2核4G是什么性能</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1316203.html">行政区数据库设计</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1353641.html">数据库add可以同时增加两列么</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1943962.html">软件开发方法书籍</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1574559.html">数据库查询考点</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-460999.html">网安大队网络安全宣传简报</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1684844.html">呼和浩特市app软件开发培训班</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-179512.html">学院网络安全手抄报</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-876255.html">介绍市面上主流的云服务器并比较</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2109462.html">专注培养软件开发工程师</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2374753.html">网络技术应用教学反思</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1542542.html">必达门锁数据库对接</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-479760.html">网络安全法治保障</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-934583.html">局域网服务器登录信息怎么删除</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1878676.html">南京华瑞软件开发公司</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-352766.html">核电的网络安全</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1752439.html">海南特色软件开发市场报价</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-45302.html">楼宇自控系统网络安全</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1796644.html">无货源的软件开发</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1158747.html">c 内存数据库</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1347492.html">jdbc数据库工具类</a> <a target="_blank" href="https://www.cyuyanhs.com/s-首都网络安全日时间">首都网络安全日时间</a> <a target="_blank" href="https://www.cyuyanhs.com/s-网络安全儿童画大全">网络安全儿童画大全</a> <a target="_blank" href="https://www.cyuyanhs.com/s-小报网络安全内容怎么写">小报网络安全内容怎么写</a> <a target="_blank" href="https://www.cyuyanhs.com/s-山西轻便边缘计算服务器服务器">山西轻便边缘计算服务器服务器</a> <a target="_blank" href="https://www.cyuyanhs.com/s-网络安全和人工智能融合之路">网络安全和人工智能融合之路</a> <a target="_blank" href="https://www.cyuyanhs.com/s-sql服务器注册条件">sql服务器注册条件</a> <a target="_blank" href="https://www.cyuyanhs.com/s-泰拉瑞亚服务器开荒QQ群">泰拉瑞亚服务器开荒QQ群</a> <a target="_blank" href="https://www.cyuyanhs.com/s-医院的网络技术岗位有前途">医院的网络技术岗位有前途</a> <a target="_blank" href="https://www.cyuyanhs.com/s-串口数据服务器">串口数据服务器</a> <a target="_blank" href="https://www.cyuyanhs.com/s-如何删除u8数据库">如何删除u8数据库</a> </div> <div class="share"><img src="https://www.cyuyanhs.com/static/zsymb/images/wxgzh.jpg"> <div class="share-text"> <p>扫描关注C语言学习网微信公众号,第一时间获取内容更新动态</p> <p>转载请说明来源于"C语言学习网"</p> <p>本文地址:<a href="https://www.cyuyanhs.com/article-99850.html" target="_blank">https://www.cyuyanhs.com/article-99850.html</a></p> </div> </div> <div class="clear"></div> <div class="info-pre-next"> <ul> <li><a href="https://www.cyuyanhs.com/article-99847.html"><i><em>上一篇</em><img src="https://www.cyuyanhs.com/static/assets/images/nopic-3.webp"></i> <h2>如何正确的使用Flask钩子函数</h2> <p>本篇文章给大家分享的是有关如何正确的使用Flask钩子函数,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。在Flask中钩子函数是使用特定</p> </a></li> <li><a href="https://www.cyuyanhs.com/article-99851.html"><i><em>下一篇</em><img src="https://www.cyuyanhs.com/static/assets/images/nopic-1.webp"></i> <h2>CSS图片如何设置平铺</h2> <p>本篇内容介绍了"CSS图片如何设置平铺"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!backgrou</p> </a></li> </ul> </div> </div> </div> <div class="clear blank"></div> <div class="otherlink whitebg"> <div class="news-title"> <h2>相关文章</h2> </div> <ul> <li><a href="https://www.cyuyanhs.com/article-93983.html" title="怎么用开发技术赚外快?">怎么用开发技术赚外快?</a></li> <li><a href="https://www.cyuyanhs.com/article-53932.html" title="如何在php中利用cookie对队列进行操作">如何在php中利用cookie对队列进行操作</a></li> <li><a href="https://www.cyuyanhs.com/article-96852.html" title="PHP项目中怎么防止SQL注入">PHP项目中怎么防止SQL注入</a></li> <li><a href="https://www.cyuyanhs.com/article-93026.html" title="利用PHP怎么对接口并发进行测试">利用PHP怎么对接口并发进行测试</a></li> <li><a href="https://www.cyuyanhs.com/article-22029.html" title="php中访问修饰符是什么">php中访问修饰符是什么</a></li> <li><a href="https://www.cyuyanhs.com/article-63631.html" title="strpos、strrchr与strpbrk函数如何在php中使用">strpos、strrchr与strpbrk函数如何在php中使用</a></li> <li><a href="https://www.cyuyanhs.com/article-60581.html" title="ThinkPHP3.1.2中的模块与操作映射是什么意思">ThinkPHP3.1.2中的模块与操作映射是什么意思</a></li> <li><a href="https://www.cyuyanhs.com/article-34646.html" title="怎么在php中利用cookie实现一个自动登录功能">怎么在php中利用cookie实现一个自动登录功能</a></li> <li><a href="https://www.cyuyanhs.com/article-45244.html" title="利用php怎么对汉字拼音的首字母进行获取">利用php怎么对汉字拼音的首字母进行获取</a></li> <li><a href="https://www.cyuyanhs.com/article-89309.html" title="利用PHP怎么对JSON进行操作">利用PHP怎么对JSON进行操作</a></li> <!-- <li><a target="_blank" href="/">制作是这么收费的?</a></li> --> </ul> </div> </div> <!-- . end of left-box --> <!-- right aside start--> <aside class="side-section right-box"> <div class="side-tab"> <ul id="sidetab"> <li class="sidetab-current">站长推荐</li> <li>点击排行</li> </ul> <div id="sidetab-content"> <section> <div class="tuijian"> <section class="topnews imgscale"><a href="https://www.cyuyanhs.com/article-93983.html" title="怎么用开发技术赚外快?"><img src="https://www.cyuyanhs.com/static/assets/images/nopic.gif" alt="怎么用开发技术赚外快?"><span>怎么用开发技术赚外快?</span></a></section> <ul> <li><a href="https://www.cyuyanhs.com/article-84878.html" title="《网络安全法》,让安全与发展并行"><i><img src="https://www.cyuyanhs.com/static/assets/images/nopic.gif" alt="《网络安全法》,让安全与发展并行"></i> <p>《网络安全法》,让安全与发展并行</p> </a></li> <li><a href="https://www.cyuyanhs.com/article-71093.html" title="怎么在Redis中使用哨兵模式"><i><img src="https://www.cyuyanhs.com/uploadfile/thumb/b8/6ee0b100.jpg" alt="怎么在Redis中使用哨兵模式"></i> <p>怎么在Redis中使用哨兵模式</p> </a></li> <li><a href="https://www.cyuyanhs.com/article-34961.html" title="使用C语言怎么制作一个三子棋小游戏"><i><img src="https://www.cyuyanhs.com/uploadfile/thumb/31/3cbc7fcd.jpg" alt="使用C语言怎么制作一个三子棋小游戏"></i> <p>使用C语言怎么制作一个三子棋小游戏</p> </a></li> <li><a href="https://www.cyuyanhs.com/article-32927.html" title="IDEA 2020.3 版本的新特性有哪些"><i><img src="https://www.cyuyanhs.com/uploadfile/thumb/30/a06c517d.jpg" alt="IDEA 2020.3 版本的新特性有哪些"></i> <p>IDEA 2020.3 版本的新特性有哪些</p> </a></li> </ul> <section class="topnews imgscale"><a href="https://www.cyuyanhs.com/article-21837.html" title="使用PHP怎么对在线用户的数量进行统计"><img src="https://www.cyuyanhs.com/uploadfile/thumb/6f/416f14c6.jpg" alt="使用PHP怎么对在线用户的数量进行统计"><span>使用PHP怎么对在线用户的数量进行统计</span></a></section> <ul> <li><a href="https://www.cyuyanhs.com/article-12365.html" title="webstorm如何新建vue.js的项目"><i><img src="https://www.cyuyanhs.com/uploadfile/thumb/cc/9aba204c.jpg" alt="webstorm如何新建vue.js的项目"></i> <p>webstorm如何新建vue.js的项目</p> </a></li> <li><a href="https://www.cyuyanhs.com/article-21061.html" title="react中怎么优雅的使用svg"><i><img src="https://www.cyuyanhs.com/uploadfile/thumb/e4/97d664a8.jpg" alt="react中怎么优雅的使用svg"></i> <p>react中怎么优雅的使用svg</p> </a></li> <li><a href="https://www.cyuyanhs.com/article-67957.html" title="如何使用swoole搭建聊天室程序"><i><img src="https://www.cyuyanhs.com/uploadfile/thumb/2b/26c3ce13.jpg" alt="如何使用swoole搭建聊天室程序"></i> <p>如何使用swoole搭建聊天室程序</p> </a></li> <li><a href="https://www.cyuyanhs.com/article-3193.html" title="怎样编辑公众号"><i><img src="https://www.cyuyanhs.com/uploadfile/thumb/af/6e57b0cc.jpg" alt="怎样编辑公众号"></i> <p>怎样编辑公众号</p> </a></li> </ul> </div> </section> <section> <div class="paihang"> <section class="topnews imgscale"><a href="https://www.cyuyanhs.com/article-64997.html" title="Android中怎么对cookie进行处理"><img src="https://www.cyuyanhs.com/static/assets/images/nopic-8.webp" alt="Android中怎么对cookie进行处理"><span>Android中怎么对cookie进行处理</span></a></section> <ul> <li><i></i><a href="https://www.cyuyanhs.com/article-73474.html" title="安卓9.0正式定名Android Pie 暂仅支持Pixel手机">安卓9.0正式定名Android Pie 暂仅支持Pixel手机</a></li> <li><i></i><a href="https://www.cyuyanhs.com/article-57430.html" title="Android中如何解决RecyclerView各种点击事件">Android中如何解决RecyclerView各种点击事件</a></li> <li><i></i><a href="https://www.cyuyanhs.com/article-860.html" title="腾科张老师教你如何在cisco路由器上部署和使用FTP/TFTP">腾科张老师教你如何在cisco路由器上部署和使用FTP/TFTP</a></li> <li><i></i><a href="https://www.cyuyanhs.com/article-30795.html" title="怎么解决DNS被污染的问题">怎么解决DNS被污染的问题</a></li> <li><i></i><a href="https://www.cyuyanhs.com/article-56185.html" title="如何解决win10电脑卡慢问题">如何解决win10电脑卡慢问题</a></li> <li><i></i><a href="https://www.cyuyanhs.com/article-3.html" title="inner join与left join的区别是什么">inner join与left join的区别是什么</a></li> <li><i></i><a href="https://www.cyuyanhs.com/article-37092.html" title="Redis在Docker中的数据持久化是什么意思">Redis在Docker中的数据持久化是什么意思</a></li> <li><i></i><a href="https://www.cyuyanhs.com/article-98129.html" title="jquery如何改变元素对象的值">jquery如何改变元素对象的值</a></li> </ul> <section class="topnews imgscale"><a href="https://www.cyuyanhs.com/article-68697.html" title="Jquery的Ajax使用方法有哪些"><img src="https://www.cyuyanhs.com/static/assets/images/nopic-7.webp" alt="Jquery的Ajax使用方法有哪些"><span>Jquery的Ajax使用方法有哪些</span></a></section> </div> </section> </div> </div> <div class="whitebg cloud"> <h2 class="side-title">标签云</h2> <ul> <a target="_blank" href="https://www.cyuyanhs.com/tags-2376293.html">c语言网络技术和编程语言总结</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2326764.html">c语言对应的三级考试网络技术</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2377603.html">网站服务器后台如何加防护密码</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2140800.html">c语言软件开发步骤</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2356419.html">c语言中网络技术知识点</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2377614.html">服务器对权限提升的防护措施</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-999423.html">怎么在阿里云租服务器</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-800000.html">黑苹果能做web服务器吗</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2244145.html">c语言和网络技术哪个好考</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-797219.html">云服务器2核4G是什么性能</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2377868.html">租用服务器怎么防护</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1500002.html">云数据库的连接以及配置</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1199642.html">数据库优化的几种方法</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-999750.html">个人电脑变成网站服务器</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-798255.html">服务器账号密码找回</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-797824.html">如何选择电子商务网站服务器</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2137844.html">软件开发最厉害的是c语言吗</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2377869.html">服务器cc防护解决方案</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-2377587.html">云服务器邮箱防护</a> <a target="_blank" href="https://www.cyuyanhs.com/tags-1999522.html">移动软件开发的相关资料</a> </ul> </div> <div class="clear blank"></div> <div class="whitebg suiji"> <h2 class="side-title">猜你喜欢</h2> <ul> <li><a href="https://www.cyuyanhs.com/article-66626.html" title="MVC4制作中网站如何开发添加栏目">MVC4制作中网站如何开发添加栏目</a></li> <li><a href="https://www.cyuyanhs.com/article-61081.html" title="Python中Pandas如何对时间进行处理">Python中Pandas如何对时间进行处理</a></li> <li><a href="https://www.cyuyanhs.com/article-57164.html" title="MySQL出现1067错误怎么解决">MySQL出现1067错误怎么解决</a></li> <li><a href="https://www.cyuyanhs.com/article-52343.html" title="企业域名是什么">企业域名是什么</a></li> <li><a href="https://www.cyuyanhs.com/article-46780.html" title="Redis分布式锁该怎么实现续期">Redis分布式锁该怎么实现续期</a></li> <li><a href="https://www.cyuyanhs.com/article-40497.html" title="如何在php中使用 WebUploader实现一个图片批量上传功能">如何在php中使用 WebUploader实现一个图片批量上传功能</a></li> <li><a href="https://www.cyuyanhs.com/article-36800.html" title="PHP能不能不用Apache运行">PHP能不能不用Apache运行</a></li> <li><a href="https://www.cyuyanhs.com/article-26435.html" title="jQuery+PHP实现图片上传并提交功能">jQuery+PHP实现图片上传并提交功能</a></li> <li><a href="https://www.cyuyanhs.com/article-74296.html" title="Linux中如何实现crontab定时执行任务">Linux中如何实现crontab定时执行任务</a></li> <li><a href="https://www.cyuyanhs.com/article-73059.html" title="PHP怎么实现文件上传后台处理脚本">PHP怎么实现文件上传后台处理脚本</a></li> </ul> </div> </aside> <!-- right aside end--> </article> <div class="clear blank"></div> <!--footer start--> <footer> <div class="footer box"> <div class="wxbox"> <ul> <li><img src="https://www.cyuyanhs.com/static/zsymb/images/wxgzh.jpg"><span>微信公众号</span></li> <li><img src="https://www.cyuyanhs.com/static/zsymb/images/wx.png"><span>我的微信</span></li> </ul> </div> <div class="endnav"> <p><b>站点声明:</b></p> <p>所有文章未经授权禁止转载、摘编、复制或建立镜像,如有违反,追究法律责任。</p> <p>Copyright © 2009-2022 <a href="https://www.cyuyanhs.com/" target="_blank">C语言学习网</a> All Rights Reserved. <a href="/sitemap.xml">网站地图</a> <a href="/about/">关于我们</a> <a href="/contact-us/">联系我们</a> </p> </div> </div> </footer> <a href="#" title="返回顶部" class="icon-top"></a> <!--footer end--> <div style="display:none"> <!-- site_tongji --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8NB007QMMH"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8NB007QMMH'); </script> <!-- baidu_push --> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> <div style="display:none"> <span class="dr_show_hits_99850">0</span><script type="text/javascript"> $.ajax({ type: "GET", url:"/index.php?s=api&c=module&siteid=1&app=article&m=hits&id=99850", dataType: "jsonp", success: function(data){ if (data.code) { $(".dr_show_hits_99850").html(data.msg); } else { dr_tips(0, data.msg); } } }); </script></div> <!--本页面URL https://www.cyuyanhs.com/article-99850.html --> <!--本页面于2022-10-04 14:49:34更新--> </body> </html>