自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 最简单消除react-native启动白屏的方法

这是最简单的方法,比使用react-native-splash-screen组件方便许多,效果为启动后出现一张自定义图片,应用加载后会覆盖该图片。步骤如下打开 android\app\src\main\res\values 下的styles.xml<resources> <!-- Base application theme. --> <styl...

2019-03-12 12:16:31 733 3

原创 react+apollo+prisma入门demo搭建---6、更多的变更以及更新store

react+apollo+prisma入门demo搭建—6、更多的变更以及更新store根据HOW TO GRAPHQL官网的例子,做了些对最新版的改动,适合最新框架的学习。本系列文章注重前端方面的开发,对于node方面的放在下一个系列。在此过程中有任何问题,都欢迎在评论中提问,会及时反馈系列目录:第一章. Frontend开始第二章. Queries组件编写(Loading Links...

2019-01-15 17:23:08 325

原创 react+apollo+prisma入门demo搭建---5、身份验证

react+apollo+prisma入门demo搭建—5、身份验证根据HOW TO GRAPHQL官网的例子,做了些对最新版的改动,适合最新框架的学习。本系列文章注重前端方面的开发,对于node方面的放在下一个系列。在此过程中有任何问题,都欢迎在评论中提问,会及时反馈系列目录:第一章. Frontend开始第二章. Queries组件编写(Loading Links)第三章. Mut...

2019-01-10 10:12:44 889

原创 react+apollo+prisma入门demo搭建---4、页面路由

react+apollo+prisma入门demo搭建—4、页面路由根据HOW TO GRAPHQL官网的例子,做了些对最新版的改动,适合最新框架的学习。本系列文章注重前端方面的开发,对于node方面的放在下一个系列。在此过程中有任何问题,都欢迎在评论中提问,会及时反馈系列目录:第一章. Frontend开始第二章. Queries组件编写(Loading Links)第三章. Mut...

2019-01-09 16:42:50 409

原创 react+apollo+prisma入门demo搭建---3、Mutations组件编写(Creating Links)

react+apollo+prisma入门demo搭建—3、Mutations组件编写(Creating Links)根据HOW TO GRAPHQL官网的例子,做了些对最新版的改动,适合最新框架的学习。本系列文章注重前端方面的开发,对于node方面的放在下一个系列。在此过程中有任何问题,都欢迎在评论中提问,会及时反馈系列目录:第一章. Frontend开始第二章. Queries组件编...

2019-01-09 16:05:25 341

原创 react+apollo+prisma入门demo搭建---2、Queries组件编写(Loading Links)

react+apollo+prisma入门demo搭建—2、Queries组件编写(Loading Links)根据HOW TO GRAPHQL官网的例子,做了些对最新版的改动,适合最新框架的学习。本系列文章注重前端方面的开发,对于node方面的放在下一个系列。在此过程中有任何问题,都欢迎在评论中提问,会及时反馈系列目录:第一章. Frontend开始Queries组件编写(Loadin...

2019-01-09 14:48:14 389

原创 react+apollo+prisma简单demo搭建---1、Frontend开始

react+apollo+prisma入门demo搭建根据HOW TO GRAPHQL官网的例子,做了些对最新版的改动,适合最新框架的学习目标是写一个Hackernews应用。以下是应用功能:显示链接列表搜索链接用户登录登录用户可以创建链接经过身份验证的用户可以点赞链接(每个链接和用户一次)当其他用户点赞链接或创建一个新的链接时,实时更新下面是构建应用将使用的技术:前端...

2019-01-08 17:42:19 1258

原创 写一个GraphQL的小demo

写一个GraphQL的小demo原教程(https://juejin.im/post/5a49e5ccf265da430d585cfd),本帖主要记录遇到的坑以及暂时的解决方法,顺便为以后的升级做准备原教程原教程写的挺好,使得我一个从来没接触GraphQL的人可以初步搭建一个小的demo,方便以后的进一步学习坑es6看教程首先就会先处理import以及export的es6识别问题,于是...

2018-09-26 22:04:58 2516

原创 javascript String、Num函数大全

String1. concata.concat(b)// 返回:一个新的字符串2. indexOfa.indexOf('i')// 返回字符串中第一处出现的索引,没有返回-13. charAta.charAt(0)// 返回指定位置的字符4. substring(以两个参数中较小的作为起始位置)a.substring(1, 4)// 返回起始位置到结束位置...

2018-07-22 15:44:45 1893

原创 javascript Array函数大全

1. concat2. joina.join('')// 返回拼接用指定字符分割的字符串3. pop(尾部弹出)4. push(尾部增加)5. shift(头部弹出)6. unshift(头部增加)7. reverse(反转)8. slice(切片)a.slice(1, 4)// 返回起始位置到结束位置的子数组9. sort10. splicea...

2018-07-22 15:42:06 1169

原创 canvas基础api学习整理

canvas_pleasegithub地址canvas_please 有例子可以看,之后还会更新其他高级api,还有动画等simple< canvas> < /canvas> 创建画布canvas.getContext(“2d”) 获取画笔moveTo(x, y) 移动画笔lineTo(x, y) 划线移动beginPath() 设置绘制状态起始点stroke() 绘制strokeS

2018-05-03 19:21:31 179

原创 对于JavaScript运行机制的深入学习

对于JavaScript运行机制的深入学习(本篇文章主要涉及的是promise队列和普通异步的讨论,想要了解运行机制的,可以去看阮大神的文章JavaScript 运行机制详解:再谈Event Loop)之前我对于JavaScript运行机制的理解,是通过下面几点JavaScript的单线程机制任务队列(同步任务和异步任务)事件和回调函数定时器Event Loop(事件循环)...

2018-03-08 15:00:05 215

原创 Javascript ES6重点学习总结

ES6学习部分重要ES6知识点的总结。。长,可以先码后看环境搭建在项目目录下新建目录src(承载es6语法)和dist(承载编译之后的es5语法)在项目中npm init -y初始化安装babel-cli babel-preset-es2015在根目录下新建.babelrc文件{ "presets":[ "es2015" ], "plugins":[]}在src中写

2018-02-12 11:09:11 4169 4

原创 前端浏览器辅助知识总结--渲染机制、JS运行机制、页面性能、错误监控

前端深度辅助知识这是学习中间的总结笔记,示例代码在github上:github地址渲染机制什么是DOCTYPE及作用浏览器渲染过程重排Reflow重绘Repaint 定义:当各种盒子的位置、大小以及其他属性,例如颜色、字体大小等都确定下来后,浏览器于是便把这些元素都按照各自的特性绘制了一遍,于是页面的内容出现了,这个过程称之为repaint触发条件:DOM改动,CSS改动布局LayoutJ

2018-02-07 21:18:00 371

原创 前端基础知识梳理

前端基础知识这里是对前端基础知识的梳理,代码示例在github地址:前端基础知识 欢迎大家一起交流学习页面布局题目:假设高度已知,请写出三栏布局,其中左栏、右栏宽度各为300px,中间自适应(见页面布局中的 三栏布局.html)flex-boxgridfloat绝对定位table每个解决方案的优缺点float 脱离文档流 兼容性好绝对定位 布局脱离文档流,适用性差 快捷flex-

2018-02-07 16:04:34 492

原创 JS 面试知识学习历程(第九天) -- JS运行环境

Chapter9 JS运行环境这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家知识点页面加载过程性能优化安全性1. 页面加载题目从输入url到得到html的详细过程window.onload 和 DOMContentLoaded 的区别页面加载知识点加载资源的形式 输入url(或跳转页面)加载h

2018-02-02 21:29:41 162

原创 JS 面试知识学习历程(第八天) -- JS开发环境

Chapter8 JS开发环境这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家IDE(写代码的效率)git(代码版本管理,多人协作开发)JS模块化打包工具上线回滚的流程8.1 IDEwebstormsublimevscodeatom插件8.2 Git正式项目都需要代码版本管理大型项目

2018-02-02 17:32:29 930

原创 JS 面试知识学习历程(第七天) -- 事件、Ajax、存储

Chapter7 JS-Web-API下 — 事件、Ajax、存储这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家7.1 事件题目编写一个通用的事件监听函数描述事件冒泡流程对于一个无限下拉加载图片的页面,如何给每个图片都绑定事件知识点通用事件绑定事件冒泡代理通用事件绑定// 常用事件绑定var

2018-02-02 11:28:31 395

原创 JS 面试知识学习历程(第六天) -- DOM操作和BOM操作

Chapter6 JS-Web-API – DOM操作和BOM操作这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家6.1 DOM操作(Document Object Model)题目DOM是哪种基本的数据结构?DOM操作的常用API有哪些DOM节点的attr和property有何区别知识点DOM本质D

2018-02-01 20:26:40 993

原创 JS 面试知识学习历程(第五天) -- 其他知识

Chapter5 JS基础知识(下2) — 其他知识这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家题目获取 2017-06-10 格式的日期获取随机数,要求是长度一致的字符串格式写一个能遍历对象和数组的通用 forEach 函数知识点日期Math数组API对象API日期Date.now() /

2018-02-01 15:42:39 178

原创 JS 面试知识学习历程(第四天) -- 异步和单线程

Chapter3 JS基础知识(中)—作用域和闭包这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家题目说一下对变量提升的理解说明this几种不同的使用场景创建10个< a >标签,点击的时候弹出来对应的序号如何理解作用域实际开发中闭包的应用知识点执行上下文this作用域作用域链闭包执行上下文c

2018-01-31 21:03:07 238

原创 JS 面试知识学习历程(第三天) -- 作用域和闭包

Chapter3 JS基础知识(中)—作用域和闭包这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家题目说一下对变量提升的理解说明this几种不同的使用场景创建10个< a >标签,点击的时候弹出来对应的序号如何理解作用域实际开发中闭包的应用知识点执行上下文this作用域作用域链闭包执行上下文c

2018-01-31 11:34:22 246

原创 JS 面试知识学习历程(第二天) -- JS基础知识(上)

Chapter 2 JS基础知识(上)这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家2.1 变量类型和计算题目JS中使用typeof能得到哪些类型何时使用 === 何时使用 ==JS中有哪些内置函数JS变量按照储存方式区分为哪些类型,并描述其特点如何理解JSON知识点

2018-01-30 18:12:04 417

原创 JS 面试知识学习历程(第一天)

Chapter 1这是我自己的学习过程总结,如果有什么写的不清楚的地方,欢迎大家交流、批评、提问。可以在这里评论,也可以在github上提问,谢谢大家几道面试题思考()内为自我思考 1. JS中使用typeof能得到哪些类型(String number Array Object Null ) 2. 何时使用 === 何时使用 == (===完全一样,地址也得一样) 3. wi

2018-01-30 16:42:40 231

原创 react-native调起第三方高德地图导航URL解释

react-native调起第三方高德地图导航URL解释做react-native地图应用时,主要使用的是高德地图,所以在导航上也准备调起高德地图应用来完成导航功能,在高德地图API官网并没有发现高德地图应用的URL(这里就不得不说高德文档没有百度写的详细了),于是通过种种途径获取到了高德地图的URL,介绍一下1. 高德地图导航URLsourceApplication:你自己应用的名字,可不填 s

2017-12-12 16:03:58 3585

原创 tomcat + nginx 配置负载均衡实验过程

多种tomcat负载均衡的案例,最终选择nginx+tomcat,因为nginx比较轻量级,容易配置。 过程: 1、 进入nginx官网,下载最新版1.13.7(1.12测试了一下好像有问题)2、 进入tomcat官网,下载tomcat,版本为8.5.243、 将所有文件放入同一个目录下,并解压改名 4、 分别进入两个tomcat文件目录,改动conf/server.xml中的3处端口

2017-12-08 11:52:02 332

原创 react-native地图应用,申请sdk key流程

react-native地图应用,申请sdk key流程做react-native地图应用时,申请sdk key遇到一点小问题,特地发出来1. SHA1的获取注册key的时候会让你输入SHA1,看了下网上的教程,都是打开命令行,cd .android,然后用keytool 我这样会出现错误,说keytool不是一个可用的命令,后来我研究出来了首先,命令行打开,cd进入你jdk安装的目录里面的bi

2017-11-20 14:01:30 581

原创 RN解决在ScrollView中用多个TextInput两次点击问题

解决在ScrollView中用多个TextInput两次点击问题在ScrollView中存在两个TextInput时,当第一个被focus时,想切换到第二个时,需要点击两次才能被focus1. keyboardShouldPersistTaps 的使用这是ScrollView的一个属性,当此属性为false的时候,在软键盘激活之后,点击焦点文本输入框以外的地方,键盘就会隐藏。如果为true,滚动视图

2017-11-10 20:16:23 2133

原创 解决react-native软键盘弹出挡住输入框的问题

解决react-native软键盘弹出挡住输入框的问题写登录页面,整体界面居中之后就出现软键盘弹出挡住输入框,用户体验不好的情况。用了RN官方的KeyboardAvoidingView组件,会有多出来一块灰色区域的bug,于是我就找第三方来解决这个问题,最后用的是react-native-keyboard-aware-scroll-view1. 安装react-native-keyboard-awa

2017-11-10 19:44:23 5831

原创 react-native设置scrollView水平垂直居中

react-native设置scrollView水平垂直居中scrollView有一个contentContainerStyle属性<ScrollView contentContainerStyle = {{flex:1}}> <View style={flex: 1, alignItems: 'center', justifyContent: 'center

2017-11-10 18:57:44 4672 1

原创 react-native android或ios开启应用白屏解决方案

react-native android或ios开启应用白屏解决方案本文章首先感谢https://medium.com/handlebar-labs/how-to-add-a-splash-screen-to-a-react-native-app-ios-and-android-30a3cec835ae该网站在我初学react-native的时候,在这个问题上给予我帮助,在这里以android为例,

2017-11-04 20:41:00 1487

原创 Vue下设计倒计时部件

Vue下设计倒计时部件因为正在用Vue+node做一个IT教育课程考评系统,考试时有个倒计时考试时间的部件,写的时候遇到的几个问题分享一下。1.setInterval写在这个部件的哪个生命过程? 一开始我认为是应该写在ready下,因为我怕created时,部件没有渲染好会出现问题,但是我测试发现created下也是可以的。2.传过来的是分钟,转换成3个不同的时、分、秒我用的是最简单暴力的方法,

2017-07-14 16:21:57 825

原创 学生团队(新手)做项目使用码云进行远程代码同步的教程

学生团队(新手)做项目使用码云进行远程代码同步的教程本人是个大学学生,最近团队做项目,做前端的几个进程同步的时候总是出现代码的不兼容性。于是就开始想用git进行实时同步,防止做好之后不行再找bug,整体修改。但是网上的教程都不全,很多细节没有,搞得我弄了半天才弄好(可能是我太笨了)。于是我就写下来最简便的进行团队实时远程代码同步的git配置!正文: 首先我在网上百度了一下git,发现是需要

2016-11-23 12:07:46 12165 2

原创 做的网页右边没有滚动条,内容超出也看不到怎么办

!!!!肯定是内容被包在一个position:fixed的框里了。。debug了半天,血的教训,分享一下

2016-08-28 11:21:58 7337

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除