自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 JS实现多个时间段排序的方法

现在有['7:00-8:50', '8:50-9:50', '10:00-11:00'] 这样一个不连贯的时间段数组,怎么实现时间段的排序,让相连的多个时间段合并成一个长的时间段,使其变成['7:00-9:50', '10:00-11:00']一、时间排序方法functioncompare(val){lettime=[]//1.去除重复时间for(letelofval){leti=el.split('-') // 这...

2020-08-12 17:51:52 1798

原创 极光推送(1分钟简单流程)及连接模拟器办法

1.注册(查看官网)进入极光官网,注册账号创建应用2.连接蓝叠模拟器(下载蓝叠,配置环境变量)在控制台cmd输入:adb如果打印相关信息表示配置成功,这里保持蓝叠模拟器软件的开启连接蓝叠命令:adb connect 127.0.0.1:55553.推送设置(查看官网)下载推送Demo,导入Android Studio,下面有我在导入及连接蓝叠时遇到的问题及解决方法。当不再报...

2019-02-14 17:01:12 1970

原创 window下kafka-manager的搭建与使用

首先注意的是使用kafka服务,是基于java基础上的,所以需要先安装java,配置好环境变量,这里就不再赘述1.下载安装Zookeeper 下载地址:http://mirror.bit.edu.cn/apache/zookeeper/ 注意事项:(1)打开zookeeper-3.5.4\conf,把zoo_sample.cfg重命名成zoo.cfg (2)从文本编辑器里打开zo...

2018-09-30 10:24:12 6519 4

原创 gitlab 项目管理常用指令

git 管理常用操作1.线上替换本地git fetch --allgit reset --hard origin/mastergit pull2.git提交npm run lint 检查代码git status 查看当前状态git add . 提交到缓存区git commit -m “feat:xx...

2019-07-04 10:08:33 613

原创 vscode中vue开发遇到的一些小问题

1.this问题不要在选项属性或回调上使用箭头函数,比如 created: () => console.log(this.a) 或vm.$watch('a', newValue => this.myMethod())。因为箭头函数是和父级上下文绑定在一起的,this 不会是如你所预期的 Vue 实例,经常导致 Uncaught TypeError: Cannot rea...

2018-11-20 15:08:35 702

原创 window下安装flutter,连接蓝叠模拟器遇到的问题及解决办法

在学习使用Flutter做Android开发的时候,涉及到演示,这里为了方便,使用蓝蝶模拟器做安卓虚拟机,在flutter run 的时候遇到了如下问题D:\test\Android\flutter_app>flutter run -d allLaunching lib/main.dart on GT I9500 in debug mode...Initializing gra...

2018-10-31 17:33:48 2980

原创 koa框架中对next()的理解

const one = (ctx, next) => { console.log('>> one'); next(); console.log('<< one');}const two = (ctx, next) => { console.log('>> two'); next(); console.log('<...

2018-09-27 09:43:04 6446 1

转载 nodejs模块 node-schedule使用,定时任务

一. 安装npm install node-schedule二. 使用例子通过定时访问url展示首先引入2个模块和访问的方法:var http = require('http');var schedule = require("node-schedule");1. 确定的时间执行比如: 2016年7月13日15:50:00 , new Date() 的时候月...

2018-08-27 10:20:59 1822

原创 学习使用ES6(九)

一、Generator 函数的语法1.GeneratorGenerator 函数有多种理解角度。语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。形...

2018-08-27 09:37:50 166

原创 学习使用ES6(八)

一、ProxyProxy 用于修改某些操作的默认行为,Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理器”。Proxy 支持的拦截操作一共 13 种。var obj = new Proxy({}, { ...

2018-08-24 15:27:06 184

原创 学习使用ES6(七)

一、Set 和 Map 数据结构1.SetES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。(用来数组去重)const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { ...

2018-08-24 10:08:08 179

原创 学习使用ES6(六)

一、SymbolES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。注意,Symbol函数前不能使用new命令,否则会报错。这是因为生成的 Symbol 是一个原始类型的值,不是对象。也就是说,...

2018-08-24 08:51:35 118

原创 学习使用ES6(五)

一、对象的扩展1.属性的简洁表示法ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};除了属性简写,方法也可以简写。const o = { method() { re...

2018-08-23 16:28:09 180

原创 学习使用ES6(四)

一、数组的扩展1.扩展运算符扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]//...

2018-08-23 15:01:53 486

原创 学习使用ES6(三)

一、函数的扩展1.函数参数的默认值function Point(x = 0, y = 0) { this.x = x; this.y = y;}const p = new Point();p // { x: 0, y: 0 }参数变量是默认声明的,所以不能用let或const再次声,参数变量x是默认声明的,在函数体中,不能用let或const再次声明,否则会报错。...

2018-08-23 11:19:19 226

原创 CSDN使用问题

写了一大堆内容,结果因为包含了特殊字符,特殊字符后面的内容都被截断消失了,找不回来。

2018-08-22 17:27:03 218

原创 学习使用ES6 (二)

一、字符串扩展1.字符串的Unicode表示法"\u0061"// "a"这种表示法只限于码点在\u0000~\uFFFF之间的字符"\u20BB7"// " 7"如果直接在\u后面跟上超过0xFFFF的数值(比如\u20BB7),JavaScript 会理解成\u20BB+7。由于\u20BB是一个不可打印字符,所以只会显示一个空格,后面跟着一个7。'\z' === '...

2018-08-22 17:15:22 223

原创 学习使用ES6(一)

1.什么是es6?1996 年 11 月,JavaScript 的创造者 Netscape 公司,决定将 JavaScript 提交给标准化组织 ECMA,希望这种语言能够成为国际标准。次年,ECMA 发布 262 号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为 ECMAScript,这个版本就是 1.0 版,因为每年6月发布,ES6泛指“下一代 Java...

2018-08-22 14:23:32 1812

转载 promises与observables的区别

1.对于promise,无论是否调用then。promise都会立即执行;而observables只是被创建,当调用的时候才会被执行。//(1)f1提供回调函数给f2 —— 会产生“回调地狱” function f1(){ f2( function(data){ console.log(data)} ); } function f2( fn ){ setTimeout(fu...

2018-07-25 20:10:08 2892

转载 JavaScript中this的使用以及指向区分

区分不明this指向的时候,简单有效的方式是:console.log(this),观察this指向的位置。与其他语言相比,函数的 this 关键字在 JavaScript 中的表现略有不同,此外,在严格模式和非严格模式之间也会有一些差别。在绝大多数情况下,函数的调用方式决定了this的值。this不能在执行期间被赋值,并且在每次函数被调用时this的值也可能会不同。ES5引入了bind方法...

2018-07-21 14:51:13 231

原创 angular安装步骤

使用Angular-CLI命令行安装(1)下载Angular-CLI 命令行工具cnpm i -g @angular/cli(2)运行命令行工具,创建一个脚手架项目ng new myproject(3)进入项目,运行该项目 package.json/scripts/xxxnpm run start / npm start(4)客户端浏览器访问该项目 ...

2018-07-21 14:49:43 1740

原创 VUE项目的创建

1.下载vue-cli工具到当前计算机中一个可以在全局运行命令的目录下(这里使用淘宝镜像安装)(1)先安装cnpm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org(2)安装vue-clicnpm install -g @vue/cli # ORyarn global add @vue/c...

2018-07-21 14:48:16 163

原创 Angular组件新建和使用

Angular组件新建和使用(1)新建自定义组件 例(login.ts)/*Vue.component('my-login',{})*/import {Component} from '@angular/core'/*此处的Component是一个“装饰器” 用来表明对象的作用*/@Component({ selector:'my-login', //原数据 tem...

2018-07-21 14:47:52 1269

原创 怎样实现小图标的变色效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .icon { displ

2018-07-21 14:47:03 4170

原创 webStorm使用遇到的问题以及解决办法

1.左侧项目目录消失是因为项目目录内的.idea被删除或篡改了,恢复.idea或者新建项目,重新导入想要使用的项目即可恢复。

2018-07-15 23:47:27 3370 1

原创 网站的搭建和阿里云服务器的使用

连接使用工具:Xsell5 / Xftp6连接步骤:1.打开信息xFTP,新建会话,2.连接远程,使用密钥或账号密码,这里我使用的是下载的密钥3.点击确认,就可以将本地文件上传到阿里云服务器啦...

2018-07-15 23:47:08 175

原创 制作打方块游戏遇到的问题以及解决办法

    最近学习到HTML5的新标签canvas,发现这个标签非常好玩,所以用这个标签属性做一个小游戏来熟悉怎么使用。在开始遇到两个问题,1.怎么让球碰到球拍后反弹?解决办法,用坐标轴定位的方式,球的位置(x1,y1),球拍的位置(x2,y2);当x2=x1,y2=y1的时候即为发生碰撞(当然这里要考虑球的面积和球拍的面积)。2.未解决的问题,怎么从window.onload=function()...

2018-06-17 01:24:41 492

H5小游戏——开心小鱼

H5小游戏——开心小鱼游戏(源代码内含详细注释,主要用于学习交流,下载即可查看演示)

2018-07-16

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

TA关注的人

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