- 博客(39)
- 收藏
- 关注
RSS订阅转载 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
417
原创 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
304
原创 node 基础学习（三）-- 事件、path、url
一、事件整个事件驱动的流程就是这么实现的，非常简洁。有点类似于观察者模式，事件相当于一个主题(Subject)，而所有注册到这个事件上的处理函数相当于观察者(Observer)。Node.js 有多个内置的事件，我们可以通过引入 events 模块，并通过实例化 EventEmitter 类来绑定和监听事件，如下实例：// 引入 events 模块var events = require('events');// 创建 eventEmitter 对象var eventEmitter =
2021-09-08 14:45:48
221
原创 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
603
原创 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
168
原创 MySQL 数据库(外键、连接查询、视图、事务)
1、外键如果一个实体的某个字段指向另一个实体的主键，就称为外键用于约束处于关系内的实体增加子表记录时，是否有与之对应的父表记录增加外键如果数据库中添加字段，在所指的外键中没有。将添加报错例：名 字段 被引用的模式 被引用的表（父） 被引用的字段 删除时 更新时 可以不写自动生成 teacher_student中的字段 数据库名 被引用的表名 被引用的表字段 默认 默认 级联操作的类型（删除时、更新时）r
2021-09-03 17:40:46
288
原创 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
110
原创 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
658
原创 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
195
原创 vue 学习笔记（组件）（三）
1、创建组件组件可以扩展 HTML 元素，封装可重用的代码。注册一个全局组件语法格式如下：Vue.component(tagName, options)tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件：<tagName></tagName>例：<div id="app"> <runoob></runoob></div> <scrip
2021-08-20 16:46:32
160
原创 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
117
原创 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
195
原创 CSS3基础学习（弹性盒子）（八）
弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。属性 描述 display 指定 HTML 元素盒子类型。 flex-direction 指定了弹性容器中子元素的排列方式 justify-content 设置弹性盒子元素在主轴（横轴）方向上的对齐方式。 align-items
2021-08-19 17:37:26
538
原创 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
277
原创 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
175
原创 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
404
原创 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
180
原创 javascript 基础学习（一）
一、什么是弹性布局？Flex是Flexible Box的缩写，意为"弹性布局"，他为盒模型提供了最大的灵活性。它即可以应用于容器中，也可以应用于行内元素。(以上说明结合微信开发者工具说明)2009年，W3C提出了一种新的方案—Flex布局，可以简便、完整、响应式地实现各种页面布局。他主要是用于移动端布局，对一个容器中的元素进行排列，对齐和分配空白空间。父容器的六大属性：flex-direction 容器内项目的排列方向(默认横向排列) flex-wrap 容器内项目换行方式
2021-08-05 15:36:35
120
原创 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
159
原创 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
125
原创 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
403
原创 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
446
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
169
原创 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
286
原创 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
109
原创 html基础学习（表格）（二）
表格基本结构表格其实就是很多的小单元格，而这些小单元格很有次序的排列着，它们有很多行，很多列。这些很多行列组成的东西，就叫表格，表格是<table>标签来定义的。而<table>标签中的行就是<tr>标签，而列就是<td>标签，必须先定义行才能定义列。因为html中，每一列是在一行当中的。表格 描述 <table> 定义表格 <caption> 定义表格标题 <th> 定义表格的表
2020-07-02 14:55:30
96
原创 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
659
原创 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
261
原创 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
245
原创 Flutter记录的第三天 布局组件
老孟里面控件非常全、可以去详细学习一、线性布局Row 、Column在Row和Column中有一个非常重要的概念：MainAxisAlignment（主轴）和CrossAxisAlignment（交叉轴），简单来说，MainAxisAlignment（主轴）就是与当前控件方向一致的轴，而CrossAxisAlignment（交叉轴）就是与当前控件方向垂直的轴，比如Row的主轴是水平方向，交叉轴是垂直方向，而Column的主轴是垂直方向，交叉轴是水平方向。Row和Column是多子控件的容器类控件
2020-05-26 22:30:46
203
原创 Flutter记录的第二天 容器组件
Container（容器控件）在Flutter是经常使用的控件，它就相当于我们HTML里的<div>标签，每个页面或者说每个视图都离不开它。其实容器的作用就是方便我们进行布局的。一、源码解析构造函数如下：Container({ Key key, this.alignment, this.padding, Color color, Decoration decoration, this.foregroundDecoration,
2020-05-26 16:17:45
154
原创 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
152
原创 Flutter记录的第一天 Dart语法学习（一）
了解Dart强类型编程语言,Dart之下一切皆对象Dart 是一种跨平台的客户端开发语言。具有专门为客户端优化、高生产力、快速高效、可移植易学的风格。Dart主要由Google负责开发和维护重要概念 在 Dart 中 甚至连 数字、方法和 null 都是对象。所有的对象都继承于 Object 类 Object所有Dart对象的基类,所以每个其他Dart类都是Object的子类,Object在编译时检查类型 虽然dart语言通过var进行运行时类型推导,但是Dart是强类
2020-05-25 14:50:56
175
转载 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
719
原创 android vivo、华为、小米、魅族、oppo厂家推送集成
前言最近给公司项目集成推送，开始集成了极光推送，但是集成厂商后台推送是要花钱的。老板心疼钱，没法子只能一个厂家一个厂家的对接推送了。废话不多先从小米开始吧。一、小米推送创建应用，打开小米开放平台点击右上角进入登录页面。进入登陆界面后，输入帐号、密码并点击登陆后进入小米开放平台。点击移动开发服务中的消息推送按钮进入推送后台。点击“创建手机/平板应用”按钮进入创建新应用界面。...
2019-08-22 17:15:39
3244
5
原创 html基础学习（基础标签）（一）
近期学习的html记录一下1、标题标签<h1>标题标签</h1><h2>标题标签</h2><h3>标题标签</h3><h4>标题标签</h4><h5>标题标签</h5><h6>标题标
2018-11-05 23:01:29
1032
1
原创 android 友盟多渠道打包 详细资料
前言本文专注于Android友盟多渠道打包，具体的统计请查看友盟官网https://www.umeng.com/。一 、获取Appkey集成友盟SDK之前，首先需要到友盟官网注册并且添加新应用，获取Appkey（一般公司项目不需要自己申请账号，跟项目经理要即可）。每个应用对应的Appkey是唯一的，如下：申请Appkey地址二、导入SDK1、在app的build...
2018-11-02 16:51:41
191
原创 修改WebView背景颜色为透明
首先想当然地想到在XML设置背景颜色android:background="@color/transparent"但是运行后发现结果并非是透明的,而是白色的!后来search之..发现有说需要关闭硬件加速的 //代码:mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE,null);mWebView.setBackgroundCol...
2018-10-09 15:33:33
1127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人