58浏览

0评论

详解为什么Vue中的v-if和v-for不建议一起用

本文主要介绍了为什么v-if和v-for不建议一起用？分享给大家，具体如下：一、作用
v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染v-for...

• 2021-05-30

72浏览

0评论

vue element和nuxt的使用技巧分享

1.element的时间选择提交的格式转化
例如Fri Sep 07 2018 00:00:00 GMT+0800 (中国标准时间)转化为 2020-01-11的格式这记载datepicker中添加一句value-format=”yyyy-MM-dd...

• 2021-05-30

103浏览

0评论

Vue中引入svg图标的两种方式

Vue中引入svg图标的方式Vue中引入svg图标的方式一安装yarn add svg-sprite-loader --devsvg组件index.vue<!-- svg组件 --><template> <svg class="svg-icon" :class="svgCl...

• 2021-05-30

86浏览

0评论

从源码角度来回答keep-alive组件的缓存原理

今天开门见山地聊一下面试中被问到的一个问题：keep-alive组件的缓存原理。
官方API介绍和用法 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 和 <t...

• 2021-05-30

66浏览

0评论

vuex的使用和简易实现

这里记录一下vuex的使用和vuex的简易实现
首先创建对应的store目录和对应的入口index.jsimport Vue from 'vue'import Vuex from 'vuex'import products from './modules/pr...

• 2021-05-30

237浏览

0评论

vue 页面跳转的实现方式

一、this.$router.push()1、vue<template> <div id='test'> <button @click='goTo()'>点击跳转4</button> </div></template> 2、script//跳转前页面传参数：goTo(item)...

• 2021-05-30

73浏览

0评论

如何在vue中使用HTML 5 拖放API

拖放 API 将可拖动元素添加到 HTML，使我们可以构建包含可以拖动的具有丰富 UI 元素的 Web 应用。在本文中我们将用 Vue.js 构建一个简单的看板应用。看板是一种项目管理工具，...

• 2021-05-30

62浏览

0评论

Vue 如何import服务器上的js配置文件

背景
项目中有一个本地配置文件：// src/image-position.jsexport default { label: '首页', value: 'home', data: [ { label: '轮播', value:...

• 2021-05-30

133浏览

0评论

vue传值方式的十二种方法总结

一.父传子传递（1）在父组件的子组件标签上绑定一个属性，挂载要传输的变量
（2）在子组件中通过props来接受数据，props可以是数组也可以是对象，接受的数据可以直接使用 props: [“属性...

• 2021-05-30

62浏览

0评论

Vue Element前端应用开发之功能点管理及权限控制

概述本篇随笔介绍功能点管理及权限控制，功能点是作为一个业务对象数据进行管理，在角色范畴上进行分配，而在界面元素控制上，VUE+Element 前端引入Vue自定义指令Directives进行控...

• 2021-05-30

61浏览

0评论

Vue项目优化的一些实战策略

Vue项目完成后就要从开发环境转成生产环境一些第三方的包体积过大，导致生成js文件过于庞大，这是时候可以生成打包报告来查看项目中的问题1.生成报告有两种方式，一种使用npm run...

• 2021-05-30

64浏览

0评论

React Native实现简单的登录功能(推荐)

React Native 简介：React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的...

• 2021-05-30

60浏览

0评论

ReactNative-JS 调用原生方法实例代码

第一步首先创建ReactNative 模块类继承ReactContextBaseJavaModulepackage com.mixture;import android.content.Context;import android.widget.Toast;import com.facebook...

• 2021-05-30

66浏览

0评论

利用React-router+Webpack快速构建react程序

本文主要介绍的是使用React-router和Webpack如何快速构建一个react程序，下面话不多说，感兴趣的可以一起学习学习。初始化项目
我们先创建个空文件夹，然后初始化 package.json ,...

• 2021-05-30

58浏览

0评论

深入浅析react native es6语法

react native是直接使用es6来编写代码，许多新语法能提高我们的工作效率解构赋值var { StyleSheet,Text,View} = React;这句代码是ES6 中新增的解构(Destructuring)赋值语句。...

• 2021-05-30

81浏览

0评论

JavaScript的React Web库的理念剖析及基础上手指南

React Web的目的及意义非常明确: 让React Native代码跑在Web上 让一套代码运行在各个移动终端，对前端及业务来说，这是开发效率中一个质的提升。在项目初期，我们也曾向 React团...

• 2021-05-30

65浏览

0评论

在React框架中实现一些AngularJS中ng指令的例子

首先设定一段Angularjs代码的ng-class：<i class="header-help-icon down" ng-class="{up:showMenu}"></i>
比较容易理解的Angularjs ng-class设置样式代码，那我们使用React...

• 2021-05-30

81浏览

0评论

React.js入门学习第一篇

一、JSX介绍①定义JSX=JavaScript XML，是一种在React组件内部构建标签的类XML语法。React在不使用JSX的情况下一样可以工作，但是使用JSX可以提高组件的可读性，增强JS语义，结构清...

• 2021-05-30

45浏览

0评论

ReactiveCocoa代码实践之-UI组件的RAC信号操作

相关阅读：ReactiveCocoa代码实践之-更多思考ReactiveCocoa代码实践之-RAC网络请求重构这一节是自己对网络层的一些重构，本节是自己一些代码小实践做出的一些demo程序，基本涵盖...

• 2021-05-30

54浏览

0评论

React.js入门实例教程之创建hello world 的5种方式

一、ReactJS简介
React 是近期非常热门的一个前端开发框架。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架...

• 2021-05-30

61浏览

0评论

使用React实现轮播效果组件示例代码

前言我发现React和AngularJS思想完全不同，AngularJS是基于双向绑定，在Modal层中定制数据，然后双向改变。但是React是通过prop和state来改变view层的状态。下面是我写的一个轮播...

• 2021-05-30

72浏览

0评论

React实现双向绑定示例代码

前言React.js现在已经很流行了，不会React.js都不好意思说自己会前端了。那么下面就来看看关于React双向绑定的实现。
双向绑定的使用:组件需要mixins:引用LinkedStateMixin。...

• 2021-05-30

168浏览

0评论

React-Native TextInput组件详解及实例代码

同时适配Android和IOS代码注释比较详细/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, {Component} from 'react';im...

• 2021-05-30

125浏览

0评论

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

ReactJS是Facebook推出的产品。在2013年的Qcon大会(上海)上面，当时Facebook的前端工程师做过一次讲座，就专门介绍了ReactJS。ReactJS可以看做就是用来Render的。ReactJS是可以...

• 2021-05-30

57浏览

0评论

详解React-Todos入门例子

最近学完React的最基本概念，闲下来的时候就自己写了一个Todo-List的小应用。这里做个简略的说明，给想好好学React的新手看。开始之前
这里我用了webpackb做了babel和JSX预处理...

• 2021-05-30

64浏览

0评论

JavaScript中rem布局在react中的应用

前面给大家分享了一个react项目（https://www.jb51.net/article/76085.htm），这次对这个项目做了一些改进，增加了rem布局和对iscroll在Android上的优化。
项目代码，欢迎fork和star，...

• 2021-05-30

55浏览

0评论

JavaScript的React框架中的JSX语法学习入门教程

什么是JSX？在用React写组件的时候，通常会用到JSX语法，粗看上去，像是在Javascript代码里直接写起了XML标签，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javasc...

• 2021-05-30

89浏览

0评论

基于React.js实现原生js拖拽效果引发的思考

一、起因&思路一直想写一个原生js拖拽效果，又加上近来学react学得比较嗨。所以就用react来实现这个拖拽效果。首先，其实拖拽效果的思路是很简单的。主要就是三个步骤：1.onmouse...

• 2021-05-30

45浏览

0评论

再次谈论React.js实现原生js拖拽效果引起的一系列问题

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在201...

• 2021-05-30

73浏览

0评论

实现React单页应用的方法详解

首先在学习这门框架前，你需要对以下知识有所了解： 1.原生JS基础 2.CSS基础 3.npm包管理基础 4.webpack构建项目基础 5.ES6规范以上五个知识点也是目前学...

• 2021-05-30

63浏览

0评论

ReactNative页面跳转实例代码

效果图如下所示：进入工作目录，运行
react-native init NavigatorProject
创建项目NavigatorProject
import React, { Component } from 'react';import {AppRegistry,StyleShe...

• 2021-05-30

49浏览

0评论

深入探讨前端框架react

摘要： 最近公司要做一个嵌套在app中的应用，考虑着用Facebook的react来开发view，所以就研究了下。下面是我在开发中遇到的坑，希望能给你帮助。
项目地址：https://github.com/...

• 2021-05-30

50浏览

0评论

React快速入门教程

简介Facebook官网介绍：React 是一个用来构建用户界面的 JavaScript 库。相当于 MVC 架构的 V 层。React 的核心思想是：封装组件，各个组件维护自己的状态和UI，当状态变更，自动重新...

• 2021-05-30

48浏览

0评论

Reactjs实现通用分页组件的实例代码

大家多少都自己写过各种版本的分页工具条吧，像纯服务版的，纯jsWeb板的，Angular版的，因为这个基础得不能再基础的功能太多地方都会用到，下面我给出以个用ReactJS实现的版本，首先上...

• 2021-05-30

61浏览

0评论

ReactJs快速入门教程(精华版)

现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面来跟我一起领略ReactJs的风采吧~~...

• 2021-05-30

52浏览

0评论

浅谈React 属性和状态的一些总结

一、属性1、第一种使用方法：键值对
<ClaaNameA name = “Tom” /><ClaaNameA name = {Tom} /><ClaaNameA name = {“Tom”} /><ClaaNameA name = {[1,2,3]} />//数组<ClaaNam...

• 2021-05-30

55浏览

0评论

React实现点击删除列表中对应项

点击删除按钮，删除列表中对应项本来是React比较基础的应用，可是应用情况变得复杂了以后，我还真想了一会儿才搞定。简化一下应用场景：点击新增按钮，增加一条输入框，点击输入框旁边...

• 2021-05-30

88浏览

0评论

react.js 翻页插件实例代码

废话不多说了，下面给大家分享react.js翻页插件的代码，具体代码如下所示： varPage = React.createClass({render:function(){//中间代码更新vartotalRows = this.props.totalRow...

• 2021-05-30

65浏览

0评论

webpack入门+react环境配置

小结放在前：这篇文章主要是为下一篇的react提前铺好路，webpack是一个前端资源模块化管理和打包工具，说白了就是方便我们管理自己的常用的一些代码，比如你开发中用到sass以及jade...

• 2021-05-30

92浏览

0评论

React Native 如何获取不同屏幕的像素密度

React Native 获取不同屏幕的像素密度使用React Native开发 User Interface，初步了解之后，产生一个疑问，使用flexbox开发页面，width及height属性等输入大小或者说尺寸的地方，不...

• 2021-05-30

96浏览

0评论

React创建组件的三种方式及其区别

React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends...

• 2021-05-30

56浏览

0评论

React Native自定义标题栏组件的实现方法

大家好，今天讲一下如何实现自定义标题栏组件，我们都知道RN有一个优点就是可以组件化，在需要使用该组件的地方直接引用并传递一些参数就可以了，这种方式确实提高了开发效率。标题...

• 2021-05-30

76浏览

0评论

React组件的三种写法总结

React 专注于 view 层，组件化则是 React 的基础，也是其核心理念之一，一个完整的应用将由一个个独立的组件拼装而成。截至目前 React 已经更新到 v15.4.2，由于 ES6 的普及和不同...

• 2021-05-30

147浏览

0评论

React-Native中一些常用组件的用法详解(二)

前言本文为大家介绍一下React-Native中一些深入些的组件，由于对ES6的语法并没有完全掌握，这里暂时用ES5和ES6混用的语法。ScrollView组件
能够调用移动平台的ScrollView（滚动视...

• 2021-05-30

66浏览

0评论

React-Native中一些常用组件的用法详解(一)

前言本文为大家介绍一下React-Native中一些常用的组件，由于对ES6的语法并没有完全掌握，这里暂时用ES5和ES6混用的语法。View组件
View是一个支持Flexbox布局、样式、一些触摸...

• 2021-05-30

56浏览

0评论

React Native 搭建开发环境的方法步骤

本文介绍了React Native 搭建开发环境，分享给大家，具体如下：准备工作 node -v：确认是否安装Node，若已经成功安装了，则执行下面的命令；否则先进行Node的安装。 npm install -g cre...

• 2021-05-30

54浏览

0评论

详解React中的todo-list

基于React的一个简单Todo-list先赌为快：在线DEMO，感觉还不错点一下star -_- ~源码地址：一、已经完成的功能1、新增选项(默认未完成)2、完成状态可以切换3、当前选项可以删除4...

• 2021-05-30

63浏览

0评论

React+Spring实现跨域问题的完美解决方法

最近小编在学习react，在学习过程中遇到React+Spring实现跨域问题，下面小编记录了整个问题过程，给大家做个参考。react 跨域访问后台，默认是有跨域问题，并且火弧和谷歌浏览器，对跨...

• 2021-05-30

59浏览

0评论

react native 仿微信聊天室实例代码

一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术...

• 2021-05-30

55浏览

0评论

使用React Native创建以太坊钱包实现转账等功能

之前想用React Native开发一版以太坊钱包app，但在生成账户那块遇见了问题，没有crypto等nodejs包，react native是运行在JavaScriptCore环境里面，是没有buffer, crypto 跟 stream...

• 2021-05-30