Jump_Monkey-CSDN博客

原创 RN中怎样用FlatList做一个左右的滑动展示内容的Component

import React, { Component } from 'react';import { Text, View, FlatList, StyleSheet, Image, TouchableOpacity, Dimensions,} from 'react-native';const { width: screenWidth...

2020-01-10 11:29:34 1157

原创 RN开发APP

最近使用RN做开发了一个APP在开发中肯定离不开路由；RN中关于路由的配置：安装依赖react-navigation-stack；创建路由import { createStackNavigator } from ‘react-navigation-stack’;路由的跳转则要通过：this.props.navigation.navigate(‘路径’，‘数据’)路由数据的接收通过this...

2019-11-01 14:39:45 1769

原创创建vue脚手架项目的一般步骤

1.全局安装vue2.0脚手架npm install --global vue-cli2.安装全局的npm i webpack webpack-cli webpack-dev-server -g （如果自己的电脑中没有这是哪个插件vue项目是运行不起来的）3.安装vue2.0版本下的3.1官方模版（推荐）vue init webpack my-project （my-project 为...

2019-08-29 11:35:33 745

原创 vue中px转换成rem

vue中px转换rem1.npm i lib-flexible px2rem-loader --save2.main.js导入 import ‘lib-flexible/flexible’3.在build文件中找到util.js，将px2rem-loader添加到cssLoaders中，如：/*const cssLoader = { loader: 'css-loader', ...

2019-08-29 11:22:53 1303

原创 react路有传参

1、params传参(刷新页面后参数不消失，参数会在地址栏显示)路由页面：<Route path='/demo/:id' component={Demo}></Route> //注意要配置 /:id路由跳转并传递参数：链接方式：<Link to={'/demo/'+'6'}>XX</Link> 或：<Link to={{pathname:'/demo/'+'6'}}>XX</Link> js方式

2021-10-11 13:19:27 140

1.安装 html2canvas npm install html2canvas --save2.案例import React, { Component } from 'react';import html2canvas from 'html2canvas';class Sales extends Component { constructor(props) { super(props); this.state = { isPri

2021-08-25 09:31:17 1665

原创 django项目中settings.py文件的配置

本片文章是根据上篇文章https://blog.csdn.net/Jump_Monkey/article/details/107211001创建的HelloWord项目为依据。1、在HelloWord工程项目中手工创建一个文件名为static2、配置静态目录在setting.py中找到STATIC_URL配置如下：STATIC_URL = '/static/'STATICFILES_DIRS = ( os.path.join(BASE_DIR,"static"),)3、添加APP包名（

2020-07-08 18:16:52 534

原创创建django项目时遇见的问题及解决方案

首先要确保自己的MAC电脑中有python3和django，如果没有可以自行安装，这里就不做过多的介绍了。1.使用django-admin.py startproject HellowWord创建项目的时候，会报错误：-bash: django-admin.py: command not found原因：环境变量中找不到django-admin.py解决办法：软连接：ln -s/Library/Frameworks/Python.framework/Versions/3.6/lib/python

2020-07-08 18:00:02 682

原创 RN环境搭建中的问题

==> Installing dependencies for ffmpeg: nasm, pkg-config, gettext, texi2html, lame, libogg, libvorbis, libvpx, opus, sdl2, snappy, theora, x264, x265, xvid and xz==> Installing ffmpeg dependency: nasm==> Downloading https://homebrew.bintray.com/

2020-05-21 19:33:01 495

原创解决create-react-app <name>创建项目报错的问题

在创建react项目的时候报出这样的错误：1.选中需要创建项目的文件夹，然后shift+鼠标右键 >>> 在此处打开Powershell窗口。2.输入set-ExecutionPolicy RemoteSigned，并且把权限改权限为A，然后通过 get-ExecutionPolicy 查看当前的状态，如下图：然后既可以用 create-react-app 创建项目了...

2020-03-07 09:10:08 227

原创 RN中使用Modal+picker做一个时间选择组件

1.安装依赖：npm i react-native-date-picker --save // 日期选择组件npm i react-native-modal --save // 模态框组件2.代码：import React, { Component } from 'react'import { StyleSheet, SafeAreaView, Touchab...

2020-01-16 14:56:05 691

原创 RN中的时间选择组件

1.安装依赖：npm i react-native-date-picker --save2.代码及解释：import React, { Component } from 'react'import { SafeAreaView,} from 'react-native';import DatePicker from 'react-native-date-picker';...

2020-01-16 13:55:35 1461

原创 RN中模态框的使用

1.安装依赖：npm i react-native-modal --save2.代码如下：import React, { Component } from 'react';import { Text, View, StyleSheet, TouchableOpacity,} from 'react-native';import Modal fro...

2020-01-16 13:28:28 429

原创 RN中路由的传参和头部的样式

代码如下：import React, { Component } from 'react'import { Text, View, TouchableOpacity, Alert, } from 'react-native'export default class HomeOne extends Component { static nav...

2020-01-15 17:33:14 541

原创 RN中的路由，底部导航栏和路由的传参。一期

安装主库npm i react-navigation --save安装主库依赖的第三方库npm i react-native-gesture-handler --savenpm i react-native-reanimated --save根据项目需要引入各导航组件的库npm i react-navigation-stack --savenpm i react-navigati...

2020-01-15 16:40:03 589

原创 RN中初次安装mobx不支持装饰器写法的问题

1.安装依赖npm install @babel/plugin-proposal-decorators2.在配置文件package.json文件下配置"babel": { "plugins": [ [ "@babel/plugin-proposal-decorators", { "legacy": true ...

2020-01-14 16:56:00 377

原创 RN中怎样做一个选项卡

安装依赖：npm i react-native-tab-view --save2.代码import React, { Component } from 'react';import { Text, View, StyleSheet, Dimensions, TouchableOpacity,} from 'react-native';im...

2020-01-14 10:55:34 478

原创 RN做一个长文本折叠组件

1.安装依赖：npm install rn-expandable-text --save2.在需要的文件中引入：import ExpandableText from 'rn-expandable-text';3.内容的书写：const content = ( <Text> 移动开发经常会遇到这种情况：我们需要内容过长...

2020-01-13 14:42:09 703

原创 MAC电脑系统升级后,RN项目pod install报错, 问题的解决。

pod install提示：bad interpreter: No such file or directory信息pod install抛出错误：-bash: /usr/local/bin/pod: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such fil...

2020-01-13 10:00:32 641

原创 redux和react-redux使用教程

view在视图层通过store的dispatch接受action的store.getStore()来接受reduce中的store值。并通过Store.subscribe进行监听，changeitem实时的改变state中的getSrore值。actionlet Action ={ addItem(msg){ return{ type:'AD...

2019-09-21 16:58:21 162

原创 react组件传值方法

组件之间的传值父组件=>子组件：通过给子组件上绑定属性名，通过state给定数据。在子组件中通过props来接受数据.子组件=>父组件：原理是this.props.a<==>funtion a (),在父组件中通过回调函数来接受子组件传过来的值。...

2019-09-21 16:40:39 180

原创用webpack手动搭建react脚手架

依赖的安装 1.npm i webpack webpack-cli webpack-dev-server react react-dom -D2. npm i babel-loader@7 babel-core babel-preset-es2015 babel-preset-react -D3.在安装完成后需要在webpack.config.js中的module.export中配置，代...

2019-09-06 21:42:11 361

原创单行文本显示省略号

单行文本显示省略号1.容器宽度：width：value2.强制文本在一行内显示：white-space：nowrap；3.溢出内容为隐藏：overflow：hidden；4.溢出文本显示省略号：text-overflow:ellipsis;...

2019-08-29 11:02:56 229

原创文本的阴影

文本的阴影文本阴影：text-shadowcss3服务器端字体：@font-face关于背景的：background-size 背景的尺寸关于边框：border-radius圆角边框box-shadow 盒子阴影box-shadow：1,2,3,4,5,61.水平阴影的位置必须 h-shadow2.垂直阴影的位置必须 v-shado...

2019-08-29 11:01:14 212

原创 ajax中的get请求和post请求（底层代码）

get请求1.创建ajax：if(window.XMLHttpRequest){var xhr=new XMLHttpRequest();}else{var xhr=new ActiveXObject(‘Microsoft.XMLHTTP’);}2.添加路径：例子：var url = http://www.chendeyang.com?pimg=${}&pname=${}&...

2019-08-29 10:57:33 315

原创 copy--浅copy和深copy

Object.assign()浅copyObject.assign()可以将一个对象的属性和方法copy到另一个对象中：例：var obj1={a:1,b:2};var obj2={};Object.assign(obj2,obj1);则obj2就是{a:1,b:2}如果有多个对象需要合并成一个对象用Object.assign(obj,obj1,obj2);将obj1和obj2中的属性和方法...

2019-08-29 10:45:44 162

原创 vue--组件之间的操作

父子节点之间的相互获取用this.$refs.child,这个child与上边的ref=‘child’是对应的。这样就可以获取到这整个虚拟dom，就可以对其中的任意一个属性操作。组件之间的操作只有存在于父子组件才能用this.parent和父节点取到整个子节点的用法一样，this.parent和父节点取到整个子节点的用法一样，this.parent和父节点取到整个子节点的用法一样，thi...

2019-08-29 10:25:51 883

Jump_Monkey的博客