自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 js正则表达式

正则表达式是用于匹配字符串中字符组合的模式,在 JavaScript中,正则表达式也是对象。正则表达式是在宿主环境下运行的,如js/php/node.js等 本章讲解的知识在其他语言中知识也是可用的,会有些函数使用上的区别一、创建正则字面量创建使用//包裹的字面量创建方式是推荐的作法,但它不能在其中使用变量let hd = "houdunren.com";let a = "u";console.log(/a/.test(hd)); //false在字面量中也可以使用变量,但是.

2021-09-22 10:12:50 414

原创 Express 框架

一、使用 express 命令 来快速从创建一个项目目录1、全局安装Express及express-generator命令:$ npm install -gexpress$ npm install -gexpress-generator2、创建脚手架命令:$ express [options] [dir]Options: --version 输出版本号-e, --ejs 添加对 ejs 模板引擎的支持 ...

2021-09-08 17:45:54 298

原创 node 基础学习(三)-- 事件、path、url

一、事件整个事件驱动的流程就是这么实现的,非常简洁。有点类似于观察者模式,事件相当于一个主题(Subject),而所有注册到这个事件上的处理函数相当于观察者(Observer)。Node.js 有多个内置的事件,我们可以通过引入 events 模块,并通过实例化 EventEmitter 类来绑定和监听事件,如下实例:// 引入 events 模块var events = require('events');// 创建 eventEmitter 对象var eventEmitter =

2021-09-08 14:45:48 219

原创 node 基础学习(二)-- 文件、buffer、stream

一、Node 文件操作1、文件读取:语法fs.readFile(file [, options], callback)参数使用说明如下: file- 文件名或文件描述符。 options- 该参数是一个对象,包含 {encoding, mode, flag}。默认编码为 utf8, 模式为 0666 , flag 为 'w' callback- 回调函数,回调函数只包含错误信息参数(err),在写入失败时返回。 实例var fs = requir...

2021-09-08 14:13:12 601

原创 node 基础学习(一)--node安装、npm、模块

前言简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。如果你是一个前端程序员,你不懂得像PHP、Python或Ruby等动态编程语言,然后你想创建自己的服务,那么Node.js是一个非常好的选择。Node.js 是运行在服务端的 JavaScr

2021-09-08 10:32:43 167

原创 MySQL 数据库(外键、连接查询、视图、事务)

1、外键如果一个实体的某个字段指向另一个实体的主键,就称为外键用于约束处于关系内的实体增加子表记录时,是否有与之对应的父表记录增加外键如果数据库中添加字段,在所指的外键中没有。将添加报错例:名 字段 被引用的模式 被引用的表(父) 被引用的字段 删除时 更新时 可以不写自动生成 teacher_student中的字段 数据库名 被引用的表名 被引用的表字段 默认 默认 级联操作的类型(删除时、更新时)r

2021-09-03 17:40:46 287

原创 MySQL 数据库操作

1、数据库命令连接MySql:功能 命令 说明 启动mysql服务 net start mysql 关闭 net stop mysql 进入 mysql -h 主机地址 -u 用户名 -p 用户密码 -P 端口 显示版本 status 显示当前mysql的version的各种信息 2、数据类型:2.1 数值类型MySQL支持所有标准SQL数值数据类型。这些类型包括严格数值数据类型(INTEGER、SMALL

2021-09-03 08:52:01 108

原创 vue路由router的详解

vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。我们可以访问其官方网站对其进行学习:https://router.vuejs.org/zh/vue-router是基于路由和组件的路由用户设定访问路径的,将路径和组件映射起来。在vue-router的单页面应用中,页面的路径的改变就是组件的切换1、vue安装npm install vue-router2、...

2021-08-26 09:58:03 657

原创 vuex的详解

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(可以理解vue组件中公用的数据)在 Vue 之后引入vuexnpm install vuex --saveVuex五个核心概念  1. state:vuex的基本数据,可以看做是所有组件的公共数据。   2. getters:从基本数据(state)派生的数据,相当于state的计算属性。   3. mutation:提交更.

2021-08-25 16:54:31 193

原创 vue 学习笔记(组件)(三)

1、创建组件组件可以扩展 HTML 元素,封装可重用的代码。注册一个全局组件语法格式如下:Vue.component(tagName, options)tagName 为组件名,options 为配置选项。注册后,我们可以使用以下方式来调用组件:<tagName></tagName>例:<div id="app"> <runoob></runoob></div> <scrip

2021-08-20 16:46:32 159

原创 vue 学习笔记(二)

一、事件可以用v-on指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。1、也可以使用表达式完成事件操作<h1>点击次数:{{count}}</h1><!-- 可以使用表达式完成事件操作 --><button type="button" @click="count+=1">点击</button><!-- 获取事件对象 --><button @click="clickEvent"&g..

2021-08-20 14:34:09 115

原创 vue 学习笔记(一)

一、模板语法1、插值1.1、文本数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值:<div id="app"> <p>{{ message }}</p></div>1.2、html使用 v-html 指令用于输出 html 代码:<div id="app"> <div v-html="message"></div></div> <s

2021-08-20 11:06:26 193

原创 CSS3基础学习(弹性盒子)(八)

弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。属性 描述 display 指定 HTML 元素盒子类型。 flex-direction 指定了弹性容器中子元素的排列方式 justify-content 设置弹性盒子元素在主轴(横轴)方向上的对齐方式。 align-items

2021-08-19 17:37:26 537

原创 CSS3基础学习(多列、按钮)(七)

一、多列属性 说明 CSS column-count 指定元素应分为的列数 3 column-fill 指定如何填充列 3 column-gap 指定列之间差距 3 column-rule 一个用于设置所有列规则的简写属性 3 column-rule-color 指定的列之间颜色规则 3 column-rule-style 指定的列之间的样式规则 3 column-rule-width

2021-08-19 16:29:15 276

原创 javascript 基础学习(BOM)(五)

DOM与BOM比较:1、open location1.1、a标签 跳转界面和界面内部位置跳转的方法<a href="http://www.baidu.com" target="_blank">百度</a><a href="#abc">内部锚点跳转</a><div id="abc"> abc的内容</div>1.2、openopen() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。...

2021-08-12 08:52:30 172

原创 javascript 基础学习(DOM)(四)

DOM简介1、DOM树文档:一个页面就是一个文档,DOM中使用document表示元素:页面中的所有标签都是元素,DOM 中使用element表示节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM 中使用node表示DOM把以上内容都看做是对象2、获取元素2.1、HTML5获取元素的方法 //2009 发布的ECMASCRIPT的标准 //通过标签名称获取多个元素 var h1...

2021-08-11 17:13:45 401

原创 javascript 基础学习(ES6)(二)

一、let和constlet 特性:用来声明变量,只在它所在的代码块中有效,所以在此块级作用域中不可重复声明; 不存在变量提升,声明后必须使用; 块级作用域中未声明就是用会报错(暂时性死区);;// var 存在变量提升,undefined是一种数据类型console.log(foo); // 输出undefinedvar foo = 2;// let 不声明就使用会报错console.log(bar); // 报错ReferenceErrorlet bar = 2;cons

2021-08-06 15:35:51 178

原创 javascript 基础学习(ES6)(三)

开始JavaScript数据类型、算法操作符、逻辑操作符学习记录1、数据类型

2021-08-06 14:31:50 99

原创 javascript 基础学习(一)

一、什么是弹性布局?Flex是Flexible Box的缩写,意为"弹性布局",他为盒模型提供了最大的灵活性。它即可以应用于容器中,也可以应用于行内元素。(以上说明结合微信开发者工具说明)2009年,W3C提出了一种新的方案—Flex布局,可以简便、完整、响应式地实现各种页面布局。他主要是用于移动端布局,对一个容器中的元素进行排列,对齐和分配空白空间。父容器的六大属性:flex-direction 容器内项目的排列方向(默认横向排列) flex-wrap 容器内项目换行方式

2021-08-05 15:36:35 118

原创 CSS3基础学习(边框、圆角、背景)(六)

定位(Position)一、position:static该关键字指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置。此时 top、right、bottom、left 属性无效。个人补充:static是position的默认值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS-position-sta.

2020-10-20 17:37:17 158

原创 CSS基础学习(浮动)(五)

浮动1、浮动图片和文字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>text_around</title> <style type="text/css"> .container{ width:800px; height:600px; border:2px solid #333; } .contain

2020-07-10 16:37:26 123

原创 CSS基础学习(定位、链接)(四)

背景<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ width: 100%

2020-07-10 16:12:50 402

原创 CSS基础学习(盒子模型、display)(三)

盒子模型图盒子代码学习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> .p1 { back.

2020-07-03 15:20:27 445 1

原创 CSS基础学习(文本样式、背景图)(二)

文本样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> .p1{font-family: "宋体";}/* {font-fam

2020-07-03 11:47:44 168

原创 CSS基础学习(选择器)(一)

CSS样式选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> /*标签选择器*/ /* p,h1,h2,h

2020-07-03 10:17:38 285

原创 html基础学习(表单)(三)

基本代码如下<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表单select</title></head><body> <h1 align="center">注册信息</h1> <hr colo.

2020-07-02 16:29:20 107

原创 html基础学习(表格)(二)

表格基本结构表格其实就是很多的小单元格,而这些小单元格很有次序的排列着,它们有很多行,很多列。这些很多行列组成的东西,就叫表格,表格是<table>标签来定义的。而<table>标签中的行就是<tr>标签,而列就是<td>标签,必须先定义行才能定义列。因为html中,每一列是在一行当中的。表格 描述 <table> 定义表格 <caption> 定义表格标题 <th> 定义表格的表

2020-07-02 14:55:30 95

原创 Flutter与原生(Androidx)交互

Android端中MainActivity代码import androidx.annotation.NonNull;import io.flutter.embedding.android.FlutterActivity;import io.flutter.embedding.engine.FlutterEngine;import io.flutter.plugins.GeneratedPluginRegistrant; import io.flutter.plugin.common.Even

2020-06-22 14:36:35 658

原创 Flutter记录的第五天 滚动控件

一、SingleChildScrollViewSingleChildScrollView类似于Android中的ScrollView,它只能接收一个子组件。定义如下:SingleChildScrollView({ this.scrollDirection = Axis.vertical, //滚动方向,默认是垂直方向 this.reverse = false, this.padding, bool primary, this.physics, this.contro

2020-05-27 21:53:10 258

原创 Flutter记录的第四天 基础控件

一、Text文本Text是显示文本的组件,最常用的组件,都没有之一。基本用法如下:Text("Hello world1", maxLines: 1,// 最大显示行数 //是否自动换行 false文字不考虑容器大小,单行显示,超出屏幕部分将默认截断处理 softWrap: true, //文字超出屏幕之后的处理方式 TextOverflow.clip剪裁 TextOverflow.fade 渐隐 TextOverflow.ellipsis省略号 overflow: Te

2020-05-27 18:23:24 244

原创 Flutter记录的第三天 布局组件

老孟里面控件非常全、可以去详细学习一、线性布局Row 、Column在Row和Column中有一个非常重要的概念:MainAxisAlignment(主轴)和CrossAxisAlignment(交叉轴),简单来说,MainAxisAlignment(主轴)就是与当前控件方向一致的轴,而CrossAxisAlignment(交叉轴)就是与当前控件方向垂直的轴,比如Row的主轴是水平方向,交叉轴是垂直方向,而Column的主轴是垂直方向,交叉轴是水平方向。Row和Column是多子控件的容器类控件

2020-05-26 22:30:46 202

原创 Flutter记录的第二天 容器组件

Container(容器控件)在Flutter是经常使用的控件,它就相当于我们HTML里的<div>标签,每个页面或者说每个视图都离不开它。其实容器的作用就是方便我们进行布局的。一、源码解析构造函数如下:Container({ Key key, this.alignment, this.padding, Color color, Decoration decoration, this.foregroundDecoration,

2020-05-26 16:17:45 153

原创 Flutter记录的第一天 Dart语法学习(二)

dart特性代码居多可复制自行运行学习。1、方法///方法定义///返回类型 方法名(参数1,参数2,...){/// 方法体.../// return 返回值///}void main(List<String> args) { String person= getPerson("huangxiaoguo", 25); print(person);//name=huangxiaoguo,age=25}String getPerson(String name,

2020-05-25 15:55:27 150

原创 Flutter记录的第一天 Dart语法学习(一)

了解Dart强类型编程语言,Dart之下一切皆对象Dart 是一种跨平台的客户端开发语言。具有专门为客户端优化、高生产力、快速高效、可移植易学的风格。Dart主要由Google负责开发和维护重要概念 在 Dart 中 甚至连 数字、方法和 null 都是对象。所有的对象都继承于 Object 类 Object所有Dart对象的基类,所以每个其他Dart类都是Object的子类,Object在编译时检查类型 虽然dart语言通过var进行运行时类型推导,但是Dart是强类

2020-05-25 14:50:56 174

转载 Android Notification 详细使用 (学习笔记)

Android Notification详解原文转载来自https://my.oschina.net/Denua/blog/2052050这篇文章如果还是没有解决你的问题不妨在看看这篇https://www.jianshu.com/p/cb8426620e74通知栏通知在Android APP中的使用极为频繁,比如短信通知,QQ,微信消息通知,App 更新进度转态显示,截图时后图片进...

2019-12-16 15:30:57 715

原创 android vivo、华为、小米、魅族、oppo厂家推送集成

前言最近给公司项目集成推送,开始集成了极光推送,但是集成厂商后台推送是要花钱的。老板心疼钱,没法子只能一个厂家一个厂家的对接推送了。废话不多先从小米开始吧。一、小米推送创建应用,打开小米开放平台点击右上角进入登录页面。进入登陆界面后,输入帐号、密码并点击登陆后进入小米开放平台。点击移动开发服务中的消息推送按钮进入推送后台。点击“创建手机/平板应用”按钮进入创建新应用界面。...

2019-08-22 17:15:39 3236 5

原创 html基础学习(基础标签)(一)

近期学习的html记录一下1、标题标签&lt;h1&gt;标题标签&lt;/h1&gt;&lt;h2&gt;标题标签&lt;/h2&gt;&lt;h3&gt;标题标签&lt;/h3&gt;&lt;h4&gt;标题标签&lt;/h4&gt;&lt;h5&gt;标题标签&lt;/h5&gt;&lt;h6&gt;标题标

2018-11-05 23:01:29 1029 1

原创 android 友盟多渠道打包 详细资料

前言本文专注于Android友盟多渠道打包,具体的统计请查看友盟官网https://www.umeng.com/。一 、获取Appkey集成友盟SDK之前,首先需要到友盟官网注册并且添加新应用,获取Appkey(一般公司项目不需要自己申请账号,跟项目经理要即可)。每个应用对应的Appkey是唯一的,如下:申请Appkey地址二、导入SDK1、在app的build...

2018-11-02 16:51:41 190

原创 修改WebView背景颜色为透明

首先想当然地想到在XML设置背景颜色android:background="@color/transparent"但是运行后发现结果并非是透明的,而是白色的!后来search之..发现有说需要关闭硬件加速的 //代码:mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE,null);mWebView.setBackgroundCol...

2018-10-09 15:33:33 1126

空空如也

空空如也

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

TA关注的人

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