自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 问答 (1)
  • 收藏
  • 关注

转载 react native 篇(二)

react native 篇(二)

2020-10-23 08:39:22 164

原创 js 中数组方法 map 与 forEach 的比较

日期:2020 年 8 月 13 日map 与 forEach 的比较基本定义及使用定义mapmap() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值forEachforEach() 方法对数组的每个元素执行一次给定的函数语法// map 用法var new_array = arr.map(function callback(currentValue[, index[, array]]) { // Return element for ne

2020-08-13 19:12:03 837

原创 npm 操作笔记

日期:2020 年 7 月 23 日npm 操作笔记npm 是什么npm 是随同 NodeJS 一起安装的包管理工具,其使用场景如下:允许用户从 NPM 服务器下载别人编写的第三方包到本地使用允许用户从 NPM 服务器下载并安装别人编写的命令行程序到本地使用允许用户将自己编写的包或命令行程序上传到 NPM 服务器供别人使用由于新版 nodejs 已经集成了 npm, 所以当我们安装 nodejs 的时候 npm 也一并被安装好了, 我们可以用 npm -v 命令查看是否

2020-07-23 15:28:23 178

原创 js 事件循环机制

日期:2020 年 7 月 10 日js 事件循环机制前言众所周知,JavaScript 是一门 单线程 的编程语言,这就意味着它一次只能完成一件事情,如果有多个任务,就必须要排队一个一个来而我们知道,任务有同步的也有异步的,按照上面的说法,如果某个任务耗时过长的话很可能就会造成页面的阻塞,但实际使用中我们发现其实它能很好地处理异步的问题,这其中就是 js 事件循环机制在起作用进程、线程进程 是系统分配的独立资源,是 CPU 资源分配的基本单位,进程是由一个或者多个线程组成的线

2020-07-10 16:14:41 964

原创 css 伪元素用法

日期: 2020 年 6 月 23日伪元素 ::before 和 ::after序言最近一直在学习 css 基础相关的一些知识,正好看到伪元素这一块儿,正好记点儿笔记,根据 w3c 记载,伪元素有 4 种:讲之前先说一下写法的问题,实际上,为了区分伪类和伪元素,我们在写伪元素的时候前面一般是双冒号 :: , 但是即便我们写成单冒号 : ,浏览器也能够自己识别出来,也是可以生效的,所以这个看个人习惯,我比较倾向于双冒号写法,因为有区分作用好了,下面就开始通过实例来展示一下这些伪元素的效果::fi

2020-06-23 15:00:56 554

原创 position 属性的常用的5种取值

日期:2020 年 6 月 22 日position 属性前言说到 CSS 的 position 属性,大家都知道也都用过,但是要说它有几个取值以及这些值的不同,可能有部分同学会哑口无言,毕竟这不影响日常开发(手动狗头),身为一名有梦想的程序员,我们应该秉承刨根问底的钻研精神,不能浅尝辄止、不求甚解,万丈高楼平地起,基础才是万物之根,基础知识掌握了,后面的学起来也会更容易废话不多说,正文开始小序position 属性的取值有:static | relative | absolute | fixe

2020-06-22 23:10:17 11103 7

原创 浮动与清除浮动

日期:2020年6月19日float 与 清除浮动浮动——floatfloat 属性有 3 个属性值:left、right、none,分别表示左浮动、右浮动、不浮动,当 float 不为 none 时会使当前元素脱离文档流,看起来像浮起来一样,下面看一个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co

2020-06-19 13:57:25 157

原创 搭建 svn 本地服务器

日期:2020 年 6 月 1日搭建本地 SVN 服务器前言这几天因为项目上的开发工作做的比较快,所以我一直处于一个比较清闲的状态,没事网上冲冲浪,项目经理见状不妙,得赶紧给我整个活做做,于是就让我为项目组搭建一个文档服务器,统一管理项目的各种文档,考虑到这个是给项目的所有人(主要是业务人员),而且涉及到的都是文件的新建编辑删除操作,并且除了项目经理需要读写,其他人只读就行了,所以可以采用集中式管理的 SVN,话不多说,接下来,就记录一下本地 SVN 服务器的搭建过程准备工作SVN 采用的是 C

2020-06-02 14:09:58 1780

原创 js 函数的 3 种声明方式

日期: 2020 年 5 月 12 日js 函数的 3 种定义方式第一种:函数声明这种方式就是使用 function 声明一个具名函数,特点是可以先使用后声明fn() // hello world!function fn() { console.log('hello world!')}第二种:函数表达式这种方式是把一个匿名函数赋给一个变量,必须先声明后使用let fn1 = function(){ console.log('hello world!')}fn1() //

2020-05-12 10:12:04 1360

原创 canvas 基本用法

日期:2020 年 5 月 8 日canvas 学习笔记canvas 简介canvas 是一个用来绘图的 html5 标签,但是 < canvas> 标签本身并不具备绘图能力,实际的绘图需要借助 js 脚本来完成,而具体做这件事情的就是 getContext(‘2d’) 这个对象,这个对象提供的各种属性及方法可以让我们很方便地完成线条,图形,文字,图像等的绘制以下为使用 can...

2020-05-08 15:44:23 256

原创 react native 篇(一)

日期:2020 年 1 月 8 日react native 篇(一)—— 什么是react native什么是 react nativeReact Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物支持iOS和安卓两大平台RN使用Javascript语言,JSX语法,以及...

2020-01-10 17:11:25 118

原创 React native 模拟器上报 Application XXX has not been registered

日期 : 2019 年 12 月 24 日React native 模拟器上报 Application XXX has not been registered这几天被 react native 项目编译运行时的各种报错所困扰,作为小白,只能一步步摸索,一个 Bug 改一天,唉! 说多了都是泪,进入正题了,今天算是把控制台的各种报错都搞定了,于是react-native run-androi...

2019-12-24 11:39:34 198

原创 'react-native-picker' could not be found in project ':app'

日期: 2019 年 12 月 23 日编译运行 react native 项目报错:Project with path ‘:react-native-picker’ could not be found in project ‘:app’.今天在 Android studio 中跑拉下来的 react native 的项目时,报了 Project with path ‘:react-nati...

2019-12-23 14:15:48 921

转载 ios 适配原理

ios 适配原理

2019-12-23 13:47:51 82

转载 Flex布局

Flex 布局 —— 阮一峰

2019-12-23 13:39:43 128

原创 react native篇(三)—— 运行 RN 项目 gradle 报错

日期:2019 年 12 月 20 日运行 RN 项目 gradle 报错在 Android studio 上运行 RN 的项目时,报了 gradle 的错,具体报错信息如下:大体意思是说找不到 gradle:3.1.2 , 它说它是在下面这两个地方找的,我也试着点开了那两个链接,果不其然,问题就出在了这里,大家且看:访问这两个链接,出现了 404 , 原因是因为它要下载的资源是外网资...

2019-12-23 13:32:22 901

原创 几种循环方式的差异比较

日期:2019 年 11 月 26 日几种循环方式的差异比较我们平常在代码中经常会用到 for , forEach , for···in , for···of,map ,但是它们之间的区别是什么、能否终止循环以及适用的场景又是什么呢? 这篇文章针对这几种循环的方式作了一个小结,如下表:方法名breakcontinuereturn返回值特性for跳出循环体结束当...

2019-12-23 13:26:51 746

原创 React 与 Vue 比较

日期:2019 年 11 月 28 日React 与 Vue 比较简单介绍React 与 Vue 都是当前主流的前端框架,React 是由 Facebook 创建的 JavaScript UI 框架,Vue 则是由尤雨溪与2014年开发的,两者都专注于创造更加丰富的前端应用,但是两者又有着相似与不同之处,下面就来简单总结一下相似之处Virtual DOM所谓 Virtual DOM ...

2019-12-23 13:25:45 190

原创 ios 移动端 focus 无效

日期:2019年 12 月 17 日ios 移动端 focus 无效问题分析focus() 是 jQuery 的一个方法,调用这个方法可以触发 focus 事件,用来为元素赋予焦点,但是只在 PC 端的浏览器上有效,在移动端就会失效或者效果不好问题解决使用 HTML 5 的新属性 autofocus 可以使元素自动聚焦通过为元素添加其他用户交互事件来触发 focus,比如在 touc...

2019-12-23 13:19:57 1357

原创 git远程仓库地址修改及版本回退

日期:2019 年 10 月 30 日git 操作篇之远程仓库地址修改及版本回退git 远程仓库地址修改在使用 git 管理我们的项目的时候,我们又是会遇到这样的需求,比如我们在做代码维护或者应用升级的时候,通常是在原来的仓库里面(以下简称旧仓库)拉取代码进行修改,然后将修改过的代码提交到新的仓库里面,这里就涉及到了远程仓库地址的修改。其实很简单,我们阔以直接在我们当前的分支里面进行操作...

2019-10-30 15:11:21 517

原创 项目中 git 操作总结

日期:2019 年 10 月 12 日项目中 git 操作总结背景一般情况下,我们在做项目的时候,项目经理会给你一个项目的仓库地址,接下来的工作就靠我们了,对于职场小白而言,一开始免不了一脸懵逼,代码呢?没给代码怎么开发呢?代码写完了提交到哪里呢?怎么操作呢?当然,这些都是我自己遇到过的一些问题,那我今天就拿一个比较干净的项目来举例以作讲解开局一个地址好的,现在项目经理已经把 git ...

2019-10-12 14:15:50 204

原创 关于 git pull 和 git pull origin develop 的区别

日期:2019 年 9 月 29 日关于 git pull 和 git pull origin develop 的区别闲来无事,正于网上冲浪之际,一位漂亮小姐姐抛来一个问题:git pull 和 git pull origin develop 有啥区别,一个答案从脑海里一闪而过——没啥区别,但好像也不对,没啥区别的话为啥还搞两个命令,至少秉着简单性原则来讲是这样的。于是乎,我又去网上溜了一圈,...

2019-09-29 17:17:35 30137 2

原创 关于 vue 渲染报错:属性 undefined页面可渲染

日期:2019 年 9 月 26 日关于 vue 渲染报错:属性 undefined情景再现事情的经过是这样的,我在定义数据的时候定义的是一个空的数组,之后通过某种操作往里面丢一个一个的对象,字段都在这些对象里面,然后渲染的时候,我直接去取数据,但由于数组前期没有值,后面才有的值,而页面渲染刚的时候还没有拿到这个值,所以才出现了上述的场面,这种情况在接口调用的时候尤为常见,当发起异步请求的...

2019-09-26 13:23:54 805

原创 this 指向性问题

日期:2019 年 9 月 5 日this 指向问题介绍this 指向问题一直是 js 中一个令人头疼的问题,这几天得空,复习了一下以前的知识,顺便整理了有关 js 中 this 指向的知识点。this 绑定很多人对 this 指向一直都存在一个误区:this 写在谁里面就指向谁。但其实这是不对的,this 既不指向函数自身,也不指函数的词法作用域,它实际是在函数被调用时才发生的绑定,...

2019-09-05 15:38:18 524

原创 Class 的继承

文章目录类的继承通过extends关键字,子类继承了父类的所有属性和方法super关键字super() 作为函数使用super() 作为函数使用时只能在子类的构造函数中使用,子类的constructor也必须要执行一次super()super 作为对象使用super 作为对象,如果是在普通方法中调用,super指向父类的原型对象注意:在子类普通方法中通过super调用...

2019-09-03 17:08:01 291

原创 typescript-function

日期: 2019 年 9 月 3 日typescript 函数具名函数与匿名函数和JavaScript一样,TypeScript函数可以创建有名字的函数和匿名函数/*** @description Named function* @param {*} x* @param {*} y* @returns*/function add(x, y){ return x + y...

2019-09-03 16:56:03 308

原创 typescript-class

日期: 2019 年 9 月2 日类类的例子/*** @description 类* @class Greeter*/class Greeter{ greeting: string; constructor(message: string){ this.greeting = message; } greet(){ re...

2019-09-02 17:19:13 126

原创 typescript 接口

日期:2019 年 8 月 29 日typescript 接口介绍TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”, 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约接口初探通过一个简单示例来观察接口是如何工作的:function printLabel( labelledObj: ...

2019-08-30 15:36:45 126

原创 typescript 基础类型

日期:2019 年 8 月 28 日typescript 基础类型布尔型最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做boolean(其它语言中也一样)let isOk: boolean = true;数字和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制...

2019-08-30 15:13:05 380

原创 Class

文章目录Class简介类的由来constructor 方法类的实例取值函数(getter)和存值函数(settter)属性表达式静态方法静态属性实例属性的新写法私有方法和私有属性现有的解决方法私有属性的提案实例属性Class简介类的由来JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子function Point(x, y) { this.x ...

2019-08-30 15:00:28 159

原创 CSS 常用知识点学习笔记

CSSBorder可拆分为 border-width,border-style,border-color3条属性可以通过改变四条border的宽度实现特别的效果,比如:div{ width: 100px; height: 200px; background: #fff; position: absolute; ...

2019-08-30 14:46:13 252

空空如也

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

TA关注的人

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