01 2021 档案

摘要:ELK ELK是Elasticsearch、Logstash、Kibana三大开源框架首字母简写。 es:搜索 logstash:中央数据流引擎,用于从不同目标(文件/数据存储/MQ)收集的不同格式数据,经过过滤后支持输出到不同目的地(文件/MQ/redis/es/kafka等)。 Kibana:可 阅读全文
posted @ 2021-01-31 13:13 创客未来 阅读(139) 评论(0) 推荐(0) 编辑
摘要:流式计算框架 客户端将数据发送给MQ(消息队列)然后传递到Storm中进行计算 最终计算的结果储存到数据库中(HBase,Mysql) 客户端不要求服务器返回结果,客户端可以一直向storm发送数据。 客户端相当于生产者,storm相当于消费者。 Topology 计算拓扑 storm的拓扑式对实时 阅读全文
posted @ 2021-01-31 10:33 创客未来 阅读(133) 评论(0) 推荐(0) 编辑
摘要:1.Nimbus Storm的Mster,负责资源分配和任务调度,一个Storm集群只有一个Nimbus。 集群的主节点,对整个集群的资源使用情况进行管理。 但是nimbus是一个无状态的节点,所有的一切都储存在Zookeeper. 2.Supervisor Storm的Sjava,负责接收Nimb 阅读全文
posted @ 2021-01-31 10:05 创客未来 阅读(96) 评论(0) 推荐(0) 编辑
摘要:1.storm简介 大数据实时处理解决方案(流计算)的应用日趋广泛,目前已是分布式技术领域最新爆发点,而Storm更是流计算技术中的主流。 2.storm的优点 storm使用netty传送消息,消除了中间的排队过程,是消息能够直接在任务自身之间流动。在消息的背后是一种用于序列化和反序列化Storm 阅读全文
posted @ 2021-01-31 09:18 创客未来 阅读(338) 评论(0) 推荐(0) 编辑
摘要:1.什么是Nginx? Nginx 是一个高性能的Http和反向代来web服务器,同时也提供了IMAP/POP3/SMTP服务。特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网页服务器中表现较好。 Nginx是一个安装非常简单、配置文件非常简洁、启动容易的服务。可以不间端服务的情 阅读全文
posted @ 2021-01-30 14:54 创客未来 阅读(88) 评论(0) 推荐(0) 编辑
摘要:1.创建数据库连接模块 conn_mongo.js /** * 连接MongoDB数据库 */ var mongoose=require("mongoose"); mongoose.connect("mongodb://127.0.0.1/mongoose_test",{useMongoClient 阅读全文
posted @ 2021-01-30 12:29 创客未来 阅读(118) 评论(0) 推荐(0) 编辑
摘要:==Document 对象的方法== equals(doc) id get(path,[type]) set(path,value,[type]) update(update,[options],[callback]) save([callback]) remove([callback]) isNe 阅读全文
posted @ 2021-01-30 11:13 创客未来 阅读(245) 评论(0) 推荐(0) 编辑
摘要:1.添加方法 create(doc(s),[callback]) var mongoose=require("mongoose"); mongoose.connect("mongodb://127.0.0.1/mongoose_test",{useMongoClient:true}); //数据库打 阅读全文
posted @ 2021-01-30 10:14 创客未来 阅读(2549) 评论(0) 推荐(0) 编辑
摘要:1.创建Schema //创建Schema 对象 var Schema =mongoose.Schema; var stuSchema=new Schema({ name:String, age:Number, gender:{//数据类型是String,默认值是 female type:Strin 阅读全文
posted @ 2021-01-29 21:25 创客未来 阅读(286) 评论(0) 推荐(0) 编辑
摘要:1.简介 Mongoose就是一个让我们可以通过Node来操作MongoDB的模块。 Mongoose是一个对象文档模型(ODM)库,它对Node原生的MongoDB模块进行了进一步的优化封装,并提供了更多的功能。 在大多数情况下,它被用来把结构化的模式应用到一个MongoDB集合,并提供了验证和类 阅读全文
posted @ 2021-01-29 20:56 创客未来 阅读(579) 评论(0) 推荐(0) 编辑
摘要:1. 排序 sort(排序规则) db.emp.find().sort({sal:1}) :升序排列 db.emp.find().sort({sal:-1}) :降序排列 db.emp.find().sort({sal:-1,empno:-1}) :先按sal排序,如果sal相同则按empno降序 阅读全文
posted @ 2021-01-29 20:02 创客未来 阅读(72) 评论(0) 推荐(0) 编辑
摘要:一对多 在MongoDB可以通过内嵌文档的形式来体现出一对一的关系。 db.wifeAndHusband.insert([ { name:"huangrong", husband:{ name:"guojing" } }, { name:"panjinlian", husband:{ name:"w 阅读全文
posted @ 2021-01-29 19:40 创客未来 阅读(161) 评论(0) 推荐(0) 编辑
摘要:1. 替换 replaceOne() db.users.replaceOne({username:"zhubajie"},{username:"tangsheng"}) 2.内嵌文档的查询 文档属性中还可以添加文档,这种文档脚中内嵌文档。 在通过内嵌文档中的属性查询文档的时候,可以通过.的形式匹配, 阅读全文
posted @ 2021-01-29 17:48 创客未来 阅读(323) 评论(0) 推荐(0) 编辑
摘要:删除多个和一个 db.collection.remove() 默认可以删除符号条件的所有文档 db.stus.remove({_id:"9527"}); 利用remove(对象,true)删除一个 db.stus.remove({age:18},true) 删除一个 db.collection.de 阅读全文
posted @ 2021-01-29 14:28 创客未来 阅读(130) 评论(0) 推荐(0) 编辑
摘要:db.collection.update(查询条件,新对象) update()默认情况下会使用新对象替换就对象,容易丢失数据。 执行修改前数据 执行命令 db.stus.update({name:"shaheshang"},{age:28}) 执行后数据丢失!!! 如果需要修改指定的属性,而不是替换 阅读全文
posted @ 2021-01-29 14:02 创客未来 阅读(330) 评论(0) 推荐(0) 编辑
摘要:find()方式 返回一个数组。 1.查询全部 db.stus.find(); 或者 db.stus.find({}); 2.带条件的查询 例如:查询_id=9527的数据。 db.stus.find({_id:"9527"}); 3.带多个参数的查询 例如:name为zhubajie,age为 1 阅读全文
posted @ 2021-01-29 12:54 创客未来 阅读(82) 评论(0) 推荐(0) 编辑
摘要:1.进入ES官网:https://www.elastic.co/ 2.点击【即刻体验】 3.点击Elasticsearch【下载】 4.选择对应的服务器版本 5.开始下载了 6.解压即可 启动ElasticSearch,bin目录下的elasticsearch.bat启动。 在浏览器访问测试: 7. 阅读全文
posted @ 2021-01-29 12:35 创客未来 阅读(1135) 评论(0) 推荐(0) 编辑
摘要:插入一行数据 db.stus.insert({name:"zhubajie",age:18,gender:"male"}); 插入多行数据 db.stus.insert([ {name:"shaheshang",age:18,gender:"male"}, {name:"tangseng",age: 阅读全文
posted @ 2021-01-29 09:42 创客未来 阅读(107) 评论(0) 推荐(0) 编辑
摘要:官网:https://www.mongodbmanager.com/download-mongodb-manager-free 下载后傻瓜式下一步即可。 点击黑色小窗口,弹出操作界面。 单行执行键(F6) 执行所有键(F5) 执行选择行语句(F9) 阅读全文
posted @ 2021-01-29 08:16 创客未来 阅读(2681) 评论(0) 推荐(0) 编辑
摘要:查看数据库服务内所有数据库 show dbs 或者 show database 进入数据库命令(在MongoDB中,数据库和集合都不需要手动创建,当我们创建文档时,如果文档所在的集合或数据库不存在会自动创建数据库和集合) use admin 在第一次插入数据的时候自动创建数据库和集合。 查看当前所处 阅读全文
posted @ 2021-01-28 21:02 创客未来 阅读(69) 评论(0) 推荐(0) 编辑
摘要:1. 指定端口和路径 在控制台启动MongolDB mongod --dbpath 路径 --port 端口号 例如:mongod --dbpath D:\data\db --port 123 D:\data\db 为新数据库路径 MongoDB 默认数据库路径为:C:\data\db mongoD 阅读全文
posted @ 2021-01-28 20:12 创客未来 阅读(610) 评论(0) 推荐(1) 编辑
摘要:1.npm install --save teaset 阅读全文
posted @ 2021-01-28 19:05 创客未来 阅读(246) 评论(0) 推荐(0) 编辑
摘要:MongoDB 键值对数据库 文档数据库 MongoDB是为快速开发互联网Web应用而设计的数据库。 MongoDB的设计目标是极简、灵活、作为Web应用栈的一部分。 MongoDB的数据模型是面向文档的,所谓文档是一种类似于JSON的结构,简单理解MongoDB这个数据库中存的是各种各样的JSON 阅读全文
posted @ 2021-01-28 18:48 创客未来 阅读(176) 评论(0) 推荐(0) 编辑
摘要:最近做了一个RN项目,用到了地图插件,弄得一头雾水,经过多次百度和实验总结一下流程,分享给大家。 1.申请组测成为开发者 官方地址:https://lbs.amap.com/api/android-sdk/guide/create-project/get-key 这一步应该不用怎么说吧,大家自己都会 阅读全文
posted @ 2021-01-28 08:56 创客未来 阅读(1509) 评论(0) 推荐(0) 编辑
摘要:1.什么是微服务? 微服务架构是一种架构模式,或者说是一种架构风格!它提倡将单一的应用程序划分成一组小的服务。每个服务运行在其独立的自己的进程内,服务之间互相协调,互相配置,为用户提供最终价值。服务之间才有轻量级的通信机制互相沟通,每个服务都围绕着具体的业务进行构建,并且能够被独立的部署到生成环境中 阅读全文
posted @ 2021-01-26 15:15 创客未来 阅读(460) 评论(0) 推荐(0) 编辑
摘要:★微服务架构四个核心问题 1.服务很多,客户端如何访问? 2.这么多服务,服务之间如何通讯? 3.这么多服务如何治理? 4.服务挂了怎么办? ★常见面试题 1.什么时微服务? 2.微服务之间是如何独立通讯的? 3.SpringCloud和Duboo有哪些区别? 4.SpringBoot和Spring 阅读全文
posted @ 2021-01-26 14:01 创客未来 阅读(151) 评论(0) 推荐(0) 编辑
摘要:最近初学springboot,其中整合mybatis plus的增删改查的方法用到Wrapper,QueryWrapper,UpdateWrapper起初不懂什么意思,只是跟着敲代码,后通过找资料才大概知道了一点 总结来说:他们的作用就是在增删改查时添加条件 QueryWrapper类中的最常用方法 阅读全文
posted @ 2021-01-26 13:22 创客未来 阅读(120) 评论(0) 推荐(0) 编辑
摘要:1.在github上下载项目 下载地址:https://gitee.com/julywind/vue-element-admin 2.用vscode或者webstorm等工具打开项目 前端工程下载后默认是没有依赖的,要自己运行命令下载相关依赖 npm install 启动运行 npm run dev 阅读全文
posted @ 2021-01-26 13:15 创客未来 阅读(2717) 评论(1) 推荐(0) 编辑
摘要:1.webpack概述及安装 Webpack是一个前端资源加载/打包工具,它将根据模块的依赖关系镜像静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 Webpack可以将多种静态资源js、css、less转换成一个静态文件,减少了页面的请求。 安装 //全局安装 npm install - 阅读全文
posted @ 2021-01-26 12:47 创客未来 阅读(187) 评论(0) 推荐(0) 编辑
摘要:1.模块化 Common JS规范 导入:require("") 导出:exports 2.模块化-ES6规范 导入:import {} from ' ' 导出:export export default { getlist() {}, save() {} } 阅读全文
posted @ 2021-01-26 10:58 创客未来 阅读(67) 评论(0) 推荐(0) 编辑
摘要:★Babel 1.简介 ES6的某些语法在浏览器环境甚至是Nodejs环境中无法执行。 Babel是一个广泛使用的转码器,可以将es6代码转换未es5代码,从而在现有环境执行。(降级处理) 2.安装 安装命令行转换工具 Babel提供babel-cli工具,用于命令行转码,它的安装命令: npm i 阅读全文
posted @ 2021-01-26 10:17 创客未来 阅读(333) 评论(0) 推荐(0) 编辑
摘要:★NPM包管理器 1.简介 官网:https://www.npmjs.com/ NPM:Node Package Manager,是nodejs包管理工具。 作用: 快速构建nodejs工程 npm init -y 快速安装和依赖碲酸个模块,比如:npm install mysql redis等等。 阅读全文
posted @ 2021-01-26 10:16 创客未来 阅读(161) 评论(0) 推荐(0) 编辑
摘要:★ES6 1.let和const命令 let:定义变量 const:定义常量 2.let、const、var的区别 let和const解决 1)var 的变量穿透的问题 2)常量修改的问题(用var定义常量是可以修改的,用const定义常量是不可以修改的) 总体 let和const 要比var语法更 阅读全文
posted @ 2021-01-26 10:15 创客未来 阅读(84) 评论(0) 推荐(0) 编辑
摘要:★nodejs 官网:http://nodejs.cn/ nodejs 是一个让javascript 运行在服务端的开发平台。 导入模块用 require,类似于 import 例如:const http=require('http'); const http=require('http'); ht 阅读全文
posted @ 2021-01-25 20:36 创客未来 阅读(141) 评论(0) 推荐(0) 编辑
摘要:Topic(主题):存储数据 同一个组里的消费者不能同时消费同一分区里的数据 Kafka支持 点对点模式的消息队列 阅读全文
posted @ 2021-01-25 14:12 创客未来 阅读(65) 评论(0) 推荐(0) 编辑
摘要:★介绍 Kafka是消息队列的一种。一个多分区、多副本并且基于zookeeper协调的分布是消息系统。目前Kafka已经被定位一个分布式流式处理平台,以高吞吐量、可持久化、可水平扩展、支持流处理等多种特性而被广泛使用。 Kafka是一个分布式的发布-订阅消息系统,能够支撑海量的数据传输。再离线和试试 阅读全文
posted @ 2021-01-25 12:55 创客未来 阅读(109) 评论(0) 推荐(0) 编辑
摘要:★MQ简介 在计算机科学中,消息队列(Message queue)是一种进程间通信或同以进程的不同线程间的通信方式。软件的贮列用来处理一系列的输入,通常是来自用户,消息队列提供了异步的通信协议,每一个贮列中的记录包含先兄说明的数据,包含发生的时间,输入设备的种类,以及特定的输入参数,也就是说:消息的 阅读全文
posted @ 2021-01-25 11:20 创客未来 阅读(153) 评论(0) 推荐(0) 编辑
摘要:★应用场景 1.将用户信息导出为excel表格(导出数据...) 2.将excel表中的信息录入到网站数据库 操作excel目前比较流行的就是Apache POI 和阿里巴巴的easyExcel ★Apache POI 官网:https://poi.apache.org/ 使用起来相对比较麻烦,消耗 阅读全文
posted @ 2021-01-24 19:29 创客未来 阅读(784) 评论(0) 推荐(0) 编辑
摘要:路由模式有两种 hash:路径带#符号,如:http://localhost/#/login history:路径不带#符号,如:http://localhost/login 修改路由配置,如下: /** * 配置路由 */ import Vue from 'vue' import Router f 阅读全文
posted @ 2021-01-23 18:33 创客未来 阅读(241) 评论(0) 推荐(0) 编辑
摘要:1.利用 {name:'组件名称',params:{参数1:数值,参数2:数值}} <router-link v-bind:to="{name:'UserProfile',params:{id:1}}">个人信息</router-link> <template> <div class="app"> 阅读全文
posted @ 2021-01-23 16:26 创客未来 阅读(1395) 评论(0) 推荐(0) 编辑
摘要:1.创建Main.vue,主页面带有侧边栏 <template> <div class="app"> <el-container> <el-aside class="app-side app-side-left" :class="isCollapse ? 'app-side-collapsed' : 阅读全文
posted @ 2021-01-23 15:40 创客未来 阅读(182) 评论(0) 推荐(0) 编辑
摘要:1.创建一个工程 vue init webpack hello-vue 2.安装依赖 #进入工程目录 cd hello-vue #安装 vue-router npm install vue-router --save-dev #安装 element-ui npm i element-ui -s #安 阅读全文
posted @ 2021-01-23 14:41 创客未来 阅读(1289) 评论(0) 推荐(0) 编辑
摘要:vue-router说明 Vue Router 是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于Vue.js过度系统的视图过度效果 细粒度的导航控制 带有自动激活 阅读全文
posted @ 2021-01-23 12:43 创客未来 阅读(2196) 评论(0) 推荐(0) 编辑
摘要:什么是Webpack? webpack是一个现代js应用程序的静态模块打包器,当webpack处理应用程序时,它会递归地构建一个以来关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。 服务器端的NodeJS遵循CommonsJS规范,该规范核心思想是允许模块通过 阅读全文
posted @ 2021-01-23 11:34 创客未来 阅读(189) 评论(0) 推荐(0) 编辑
摘要:什么是 vue-cli ? vue-cli是官方提供的脚手架,用于快速生成一个vue的项目模板。 主要功能: 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 需要环境: Node.js :http://nodejs.cn/download/ 确认nodejs安装成功: cmd 下输入 no 阅读全文
posted @ 2021-01-23 10:03 创客未来 阅读(106) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <todo> <todo-title slot="todo-title" 阅读全文
posted @ 2021-01-23 07:21 创客未来 阅读(915) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--原始标签--> <!--<p>列表书籍</p>--> <!-- 阅读全文
posted @ 2021-01-22 21:47 创客未来 阅读(93) 评论(0) 推荐(0) 编辑
摘要:什么是计算属性? 计算属性的重点突出在 属性 两个字上。简单说就是一个能够将计算结果缓存起来的属性。 计算属性在内存中运行。 计算属性的主要特点就是为了将不经常变化的计算结果进行缓存,以节约我们的系统开销。 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2021-01-22 21:16 创客未来 阅读(95) 评论(0) 推荐(0) 编辑
摘要:Axios 是一个开源的可以用在浏览器端和Node.js 的异步通信框架,它的主要作用就是实现AJAX异步通信。 npm install axios 引入Axios在线包 <script src="https://unpkg.com/axios/dist/axios.min.js"></script 阅读全文
posted @ 2021-01-22 20:26 创客未来 阅读(90) 评论(0) 推荐(0) 编辑
摘要:Vue.component():注册组件 my-component-li:自定义组件的名字 template:组件的模板 利用 props属性传递参数,默认规则下props属性里的值不能为大写。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <met 阅读全文
posted @ 2021-01-22 19:37 创客未来 阅读(1100) 评论(0) 推荐(0) 编辑
摘要:1.什么是双向数据绑定 当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。也是vue.js的精髓之处了。 2.在表单中使用双向数据绑定 使用v-model 指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。v-model本质上就 阅读全文
posted @ 2021-01-22 18:08 创客未来 阅读(215) 评论(0) 推荐(0) 编辑
摘要:v-on <!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div 阅读全文
posted @ 2021-01-22 17:31 创客未来 阅读(536) 评论(0) 推荐(0) 编辑
摘要:v-bind <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 阅读全文
posted @ 2021-01-22 17:15 创客未来 阅读(87) 评论(0) 推荐(0) 编辑
摘要:引入Vue.js <!--引入vue js 外部文件--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 利用IDEA创建第一给Vue的程序 <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2021-01-22 15:37 创客未来 阅读(151) 评论(0) 推荐(0) 编辑
摘要:react-native 高德地图组件,使用最新 3D SDK,支持 Android + iOS。本文引用 https://www.npmjs.com/package/react-native-amap3d 功能 地图模式切换(常规、卫星、导航、夜间) 3D 建筑、路况、室内地图 内置地图控件的显示 阅读全文
posted @ 2021-01-17 17:47 创客未来 阅读(1157) 评论(0) 推荐(0) 编辑
摘要:npm install @babel/plugin-proposal-decorators 在package.json里面加一句话 "babel": { "plugins": [ [ "@babel/plugin-proposal-decorators", { "legacy": true } ] 阅读全文
posted @ 2021-01-15 19:58 创客未来 阅读(756) 评论(0) 推荐(0) 编辑
摘要:在打包过程中 遇到:Execution failed for task ':react-native-icons:verifyReleaseResources'.,这是因为在项目中添加了第三防组件。这个问题原本不是rn版本的问题,原因是0.61.3将Android SDK的版本更新到28了,这与有些 阅读全文
posted @ 2021-01-15 18:07 创客未来 阅读(954) 评论(0) 推荐(0) 编辑
摘要:项目中 .eslintrc.js 修改配置文件 1.简单配置 module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', 'eslint:recommended' ], rules: 阅读全文
posted @ 2021-01-15 10:26 创客未来 阅读(3921) 评论(0) 推荐(0) 编辑
摘要:1.在空文件夹下输入CMD进入dos窗口 2.一次输入命令 npm install -g yarn react-native-cli react-native init 项目名称 cd 项目名称 react-native run-android 阅读全文
posted @ 2021-01-15 09:43 创客未来 阅读(215) 评论(0) 推荐(0) 编辑
摘要:react native 打包成Android 的apk安装包有两种方式,第一种方式是利用 Android studio 打包这里就不接介绍了。第二种是利用 react native 自身项目打包 1.生成签名 再一个空文件夹打开CMD,运行以下命令 keytool -genkey -v -keys 阅读全文
posted @ 2021-01-14 20:42 创客未来 阅读(1642) 评论(0) 推荐(0) 编辑
摘要:navigationOptions:配置StackNavigator的一些属性。 title:标题,如果设置了这个导航栏和标签栏的title就会变成一样的,不推荐使用 header:可以设置一些导航的属性,如果隐藏顶部导航栏只要将这个属性设置为null headerTitle:设置导航栏标题,推荐 阅读全文
posted @ 2021-01-12 18:04 创客未来 阅读(938) 评论(0) 推荐(0) 编辑
摘要:1.创建4个页面(CKHome.js、CKFind.js、CKNearby.js、CKMine.js),本文以CKHome一个页面为例 import React,{Component} from 'react' import { StyleSheet, View, Text, Button } fr 阅读全文
posted @ 2021-01-12 14:55 创客未来 阅读(501) 评论(0) 推荐(0) 编辑
摘要:1.安装 组件 yarn add react-navigation-tabs 2.创建自定义底部导航组件类 BaseNav.js 1 import React,{ Component} from 'react'; 2 import { 3 View, 4 Text, 5 Button 6 } fro 阅读全文
posted @ 2021-01-12 09:38 创客未来 阅读(925) 评论(0) 推荐(0) 编辑
摘要:1.安装集成 react navigation 1.项目初始化后,集成React Navigation在项目根目录运行命令: expo install react-navigation react-native-gesture-handler react-native-reanimated reac 阅读全文
posted @ 2021-01-11 12:53 创客未来 阅读(274) 评论(0) 推荐(0) 编辑
摘要:fetch是react-native内部组件,不需要安装 1.创建自定义CKNet.js fetch组件类 1 import React, { Component } from 'react'; 2 import { 3 View, 4 Text, 5 StyleSheet 6 } from 're 阅读全文
posted @ 2021-01-11 09:26 创客未来 阅读(312) 评论(0) 推荐(0) 编辑
摘要:项目中常常有到的 左侧图片右侧是多行文字的列表,利用 FlatList组件自定义组件。 1.创建自定义CKWineList.js组件 1 import React,{Component} from 'react'; 2 import { 3 Text, 4 StyleSheet, 5 FlatLis 阅读全文
posted @ 2021-01-11 08:37 创客未来 阅读(274) 评论(0) 推荐(0) 编辑
摘要:常规用法,单行渲染数据 1.自定义CKFlatList.js 组件类 1 import React,{Component} from 'react'; 2 import { 3 Text, 4 StyleSheet, 5 FlatList, 6 TouchableOpacity, 7 Dimensi 阅读全文
posted @ 2021-01-10 20:38 创客未来 阅读(1057) 评论(0) 推荐(0) 编辑
摘要:ScrollView的refreshControl属性用于下拉刷新,只能用于垂直视图,即horizontal不能为true。 1.创建自定义CKRefresh.js刷新组件 1 import React,{Component} from 'react'; 2 import { 3 View, 4 T 阅读全文
posted @ 2021-01-10 19:40 创客未来 阅读(1026) 评论(0) 推荐(0) 编辑
摘要:安装 Swiper ,在WebStorm的Terminal中运行命令 yarn add react-native-swiper@nighty 安装成功后在package.json中可以查看到 react-native-swiper的安装信息 "dependencies": { "react": "1 阅读全文
posted @ 2021-01-10 18:23 创客未来 阅读(318) 评论(0) 推荐(0) 编辑
摘要:ScrollView组件常用于轮播图或引导页,那么水平滚动则比较常用 自定义水平的CKScrollView.js组件类 1 import React,{Component} from 'react'; 2 import { 3 View, 4 Text, 5 StyleSheet, 6 Scroll 阅读全文
posted @ 2021-01-10 11:20 创客未来 阅读(2142) 评论(0) 推荐(0) 编辑
摘要:ScrollView(滚动视图)的组件。 记住 ScrollView 必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器(通过滚动操作)。要给 ScrollView 一个确定的高度的话,要么直接给它设置高度(不建议),要么确定所有的父容器都有确定 阅读全文
posted @ 2021-01-10 11:01 创客未来 阅读(751) 评论(0) 推荐(0) 编辑
摘要:1.自定义一个状态机组件 import React,{Component} from 'react'; import { View, StyleSheet, Button, TouchableOpacity, Text, Dimensions, Image } from 'react-native' 阅读全文
posted @ 2021-01-09 20:56 创客未来 阅读(182) 评论(0) 推荐(0) 编辑
摘要:1.创建自定义CKButton.js组件类 1 import React,{Component} from 'react'; 2 import { 3 View, 4 StyleSheet, 5 Button, 6 TouchableOpacity, 7 Text 8 } from 'react-n 阅读全文
posted @ 2021-01-09 18:26 创客未来 阅读(447) 评论(0) 推荐(0) 编辑
摘要:1.创建自定义CKTextInput.js 组件类 1 import React,{Component} from 'react'; 2 import { 3 View, 4 TextInput, 5 StyleSheet, 6 Text 7 } from 'react-native'; 8 9 e 阅读全文
posted @ 2021-01-09 17:50 创客未来 阅读(253) 评论(0) 推荐(0) 编辑
摘要:需求:利用 <View/>、<Text/>、<Image/> 制作九宫格 1.建立 LKImageDemo.js 1 import React,{ Component} from 'react'; 2 import{ 3 View, 4 Image, 5 StyleSheet, 6 Text, 7 阅读全文
posted @ 2021-01-09 16:45 创客未来 阅读(329) 评论(0) 推荐(0) 编辑
摘要:参照:React Native中文网(https://www.react-native.cn/docs/image#resizemethod-android) resizeMode: cover: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都大于等于容器视图的尺寸(如果容器有 padding 阅读全文
posted @ 2021-01-09 15:02 创客未来 阅读(1750) 评论(0) 推荐(0) 编辑
摘要:创建自定义组件Image的Class类 1 import React,{ Component} from 'react'; 2 import{ 3 View, 4 Image, 5 StyleSheet 6 } from 'react-native' 7 8 9 export default cla 阅读全文
posted @ 2021-01-09 14:28 创客未来 阅读(262) 评论(0) 推荐(0) 编辑
摘要:P1 什么是版本控制 版本控制在开发过程中用于管理我们的文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前版本的软件工程技术 P2 Git与SVN的区别 SVN:是集中式版本控制系统,版本库式集中放在中央服务器的,而工作的时候,用的都是自己的电脑,所以首先要从中央服务器得到最新 阅读全文
posted @ 2021-01-05 22:36 创客未来 阅读(95) 评论(0) 推荐(0) 编辑
摘要:最近初学springboot,其中整合mybatis plus的增删改查的方法用到Wrapper,QueryWrapper,UpdateWrapper起初不懂什么意思,只是跟着敲代码,后通过找资料才大概知道了一点 总结来说:他们的作用就是在增删改查时添加条件 QueryWrapper类中的最常用方法 阅读全文
posted @ 2021-01-05 15:53 创客未来 阅读(167) 评论(0) 推荐(0) 编辑
摘要:String String的值是不可变的,导致每次对String的操作都会生成新的String对象,不仅效率低而且浪费大量优先使用的内存空间。 StringBuffer StringBuffer是可变类,和线程安全的字符串操作类,任何对它指向的字符串的操作都不会产生新的对象,每个StringBuff 阅读全文
posted @ 2021-01-05 15:51 创客未来 阅读(152) 评论(0) 推荐(0) 编辑
摘要:第一步:编写服务端主启动类,代码很简单,new一个自定义SocketServerListenHandler类,构造器传入端口号,并启动监听方法listenClientConnect()执行监听客户端连接。注:它的职责仅仅是监听连接。 1 import java.net.ServerSocket; 2 阅读全文
posted @ 2021-01-05 15:48 创客未来 阅读(705) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示