罗罗诺亚丶索隆-CSDN博客

转载 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、标题标签<h1>标题标签</h1><h2>标题标签</h2><h3>标题标签</h3><h4>标题标签</h4><h5>标题标签</h5><h6>标题标

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

空空如也

空空如也