51Dev开发社区
登录 注册
为你推荐

CSS之flex兼容
随着自己写过的页面的增多，也遇到了很多CSS兼容性的问题。这些兼容性问题，都是必然的，因为技术在不断进步，不断革新，所谓，“后浪推前浪，前浪拍死在沙滩上”，当然我们的技术不能是被拍死在沙滩上，我们还要支持，不支持的话，只能是你这个页面，这个产品被淘汰。那么为了不被淘汰，我们就要做些兼容性处理。我写页面的时候用到过很多的...
代码星球·2020-09-13

Vue2.0 探索之路——生命周期和钩子函数的一些理解
在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始...
代码星球·2020-09-13

React 生命周期
前言学习React，生命周期很重要，我们了解完生命周期的各个组件，对写高性能组件会有很大的帮助.Ract生命周期React生命周期分为三种状态1.初始化2.更新3.销毁初始化1、getDefaultProps()设置默认的props，也可以用dufaultProps设置组件的默认属性.2、getInitialState...
代码星球·2020-09-13

React学习：状态(State) 和 属性(Props)
State与Props区别props是组件对外的接口，state是组件对内的接口。组件内可以引用其他组件，组件之间的引用形成了一个树状结构（组件树），如果下层组件需要使用上层组件的数据或方法，上层组件就可以通过下层组件的props属性进行传递，因此props是组件对外的接口。组件除了使用上层组件传递的数据外，自身也可能...
代码星球·2020-09-13

Vue2.0的核心思想
Vue的核心思想为数据驱动和组件化。一、数据驱动——双向绑定Vue是一种MVVM框架。而DOM是数据的一个种自然映射。传统的模式是通过Ajax请求从model请求数据，然后手动的触发DOM传入数据修改页面。Vue中，Directives对view进行了封装，当model里的数据发生变化是，Vue就会通过Directiv...
代码星球·2020-09-13

浅谈Vue.js2.0核心思想
Vue.js是一个提供MVVM数据双向绑定的库，专注于UI层面，核心思想是：数据驱动、组件系统。1.数据驱动：Vue.js数据观测原理在技术实现上，利用的是ES5Object.defineProperty和存储器属性:getter和setter（所以只兼容IE9及以上版本），可称为基于依赖收集的观测机制。核心是VM，即...
代码星球·2020-09-13

React 核心思想之声明式渲染
React发展很快，概念也多，本文目的在于帮助初学者理清React核心概念。React及React生态React的核心概念只有2点：声明式渲染(Declarative)基于组件(Component-Based)声明式与命令式命令式编程：命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)，它都会按照你...
代码星球·2020-09-13

浅谈React编程思想
React是Facebook推出的面向视图层开发的一个框架，用于解决大型应用，包括如何很好地管理DOM结构，是构建大型，快速Webapp的首选方式。React使用JavaScript来构建用户界面，因此可以说是一个用来构建用户界面的JavaScript库。 1、为什么使用 React？React是为...
代码星球·2020-09-13

深入理解React 组件状态（State）
React的核心思想是组件化的思想，应用由组件搭建而成，而组件中最重要的概念是State（状态），State是一个组件的UI数据模型，是组件渲染时的数据依据。定义一个合适的State，是正确创建组件的第一步。State必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变，都可以从State的变化中反映出来；同时...
代码星球·2020-09-13

React虚拟DOM浅析
  在Web开发中，需要将数据的变化实时反映到UI上，这时就需要对DOM进行操作，但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因，为此，React引入了虚拟DOM（VirtualDOM）的机制。什么是虚拟DOM？虚拟DOMVS直接操作原生DOM？虚拟DOMVSMVVM？对React虚拟DOM的误...
代码星球·2020-09-13

深入理解React虚拟DOM
一、什么是虚拟DOM虚拟DOM可以看做一棵模拟了DOM树的JavaScript对象树。比如：1varelement={2element:'ul',3props:{4id:"ulist"5},6children:[7{element:'li',props:{id:"first"},children:['这是第一个List...
代码星球·2020-09-13

[React] 函数定义组件
函数定义组件的例子functionWelcome(props){return<h1>Hello,{props.name}</h1>;}该函数是一个有效的React组件，它接收一个单一的“props”对象并返回了一个React元素。函数定义组件与类组件的区别1.函数式组件不会被实例化，整体渲染性能...
代码星球·2020-09-13

React组件绑定this的四种方式
用react进行开发组件时，我们需要关注一下组件内部方法this的指向，react定义组件的方式有两种，一种为函数组件，一种为类组件，类组件内部可以定义一些方法，这些方法的this需要绑定到组件实例上，小编这里总结了一下，一共有四种方案：第一种方案，在构造函数内部使用bind绑定this，这样做的好处是，避免每次渲染时...
代码星球·2020-09-13

React 中的 定义组件的 两种方式
React中创建Components的方式有两种：FunctionandClass定义一个组件最简单的方法就是写一个JavaScript函数functionWelcome(props){return<h1>Hello,{props.name}</h1>}因为Welcome函数接受单个携带数据的p...
代码星球·2020-09-13

React创建组件的三种方式及其区别
React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式：函数式定义的无状态组件es5原生方式React.createClass定义的组件es6形式的extendsReact.Component定义的组件虽然有三种方式可以定义react的组件，那么这三种定义组件方式有什么不同呢？或...
代码星球·2020-09-13
首页上一页...42514252425342544255...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他