HOBBY | 易学教程

三分钟打造七夕专属的插件化脚手架

阅读更多关于三分钟打造七夕专属的插件化脚手架

背景七夕节将至，你是否还因没有找到合适的表白机会而苦恼，还是说在纠结于为伴侣挑选合适的情人节礼物。那么今天你来对地方了。相信在读完这篇文章后，你就可以自己动手打造出一个专属于他/她/它的七夕专属插件化脚手架，通过本篇文章，不仅可以轻松拉近你与你爱人的距离，还能顺便学会插件化脚手架的相关知识。温馨提醒本篇文章需要一定的命令行知识，若在阅读本篇文章时有任何的疑惑，可以通过自行搜索相关内容或者阅读以下的文章来解惑： https://aotu.io/notes/2016/08/09/command-line-development/index.html 废话不多说，直接进入正题项目目录结构 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 . ├── lerna.json ├── package.json ├── packages │ ├── cli // 七夕专属插件化cli │ │ ├── api │ │ │ ├── commandAPI .js │ │ │ ├── operateHooks .js │ │ │ └── share-utils.js │ │ ├── bin │ │ │ └── valentine │ │ ├── commands │ │ │ └── happy.js │ │ └── package.json │

Document对象中的查询方法介绍

阅读更多关于 Document对象中的查询方法介绍

Document中重要且常用的几个查询方法 1. document.getElementById(elementId) 通过标签的id属性查找标签dom对象，elementId是标签的id属性 2. document.getElementByName(elementName) 通过标签的name属性查找标签dom对象，elementName是标签的name属性值 3. document.getElementByTagName(tagename) 通过标签名查找标签dom对象，tagname是标签名代码具体演示 document.getElementById(elementId) document.getElementById(elementId)可以获取指定id的标签，当多个id相同，则永远只会获取到第一个所指定id的标签问题描述：当用户点击了校验按钮要获取输入框中的内容，然后验证其是否合法。验证规则：必须要有字母，数字，下划线组成，且长度为5到12位 1.获取输入框中的内容 < body > < input type = " text " id = " 12 " value = " 0 " /> < button onclick = " b() " > 校检 </ button > </ body > 创建一个文本输入框用来给用户提供输入；id为12；默认值为0

value值为数组和单列集合

阅读更多关于 value值为数组和单列集合

value值为数组和单列集合当YAML配置文件中配置的属性值为数组或单列集合类型时，主要有两种书写方式：缩进式写法和行内式写法。其中，缩进式写法还有两种表示形式，示例代码如下 ```yaml person: hobby: - play - read - sleep ``` 或者使用如下示例形式 ```yaml person: hobby: play, read, sleep ``` 上述代码中，在YAML配置文件中通过两种缩进式写法对person对象的单列集合（或数组）类型的爱好hobby赋值为play、read和sleep。其中一种形式为“-（空格）属性值”，另一种形式为多个属性值之前加英文逗号分隔（注意，最后一个属性值后不要加逗号）。 ```yaml person: hobby: [play,read,sleep] ``` 通过上述示例对比发现，YAML配置文件的行内式写法更加简明、方便。另外，包含属性值的中括号“[]”还可以进一步省略，在进行属性赋值时，程序会自动匹配和校对学习让人快乐，学习更让人觉得无知！学了1个多月的《Java工程师高薪训练营》，才发现自己对每个技术点的认知都很肤浅，根本深不下去，立个Flag：每天坚持学习一小时，一周回答网上3个技术问题，把自己知道都分享出来。来源： oschina 链接： https://my.oschina.net/u

HTML学习笔记

阅读更多关于 HTML学习笔记

什么是HTML HTML Hyper Text Markup Landuage（超文本标记语言）超文本包括：文字、图片、音频、视频、动画等 HTML5的优势世界知名浏览器厂商对HTML5的支持微软 Google 苹果 Opera Mozilla 市场的需求跨平台 W3C标准 W3C World Wide Web Consortium（万维网联盟）成立于1994，Web技术领域最权威和具影响力的国际中立性技术标准机构 http://www.w3.org/ http://www.chinaw3c.org/ W3C标准包括结构化标准语言（HTML、XML）表现标准语言（CSS）行为标准（DOM、ECMAScript） HTML基本结构 <body>、</body>等成对的标签分别叫做开放标签和闭合标签单独呈现的标签（空元素），如<hr/> 意味用 / 来关闭空元素网页基本信息 DOCTYPE声明 title 标签 meta 标签  <!DOCTYPE html> <html lang="en">  <head>   <meta

web实现数据交互的几种常见方式

阅读更多关于 web实现数据交互的几种常见方式

前言在当今社会，作为一名前端程序猿，并不是一昧的去制作静态页面就可以满足滴；你说你会制作网页，好吧，只能说你算是一个前端程序猿。但这是你作为一个程序猿最基本的能力，并不会为你进行加分；　　我们都明白，要想提高竞争力，提高自己的技能是十灰重要的。前后台的数据交互就是一个很好的加分项。今天，就带大家一起了解一下web前端实现数据交互的几种方式；一、Ajax 作为一个前端程序猿，对于各种JS框架和各种库肯定不陌生。原生js的ajax以及jQuery的ajax都是十分常用的数据交互的方式； 1.1 原生JS的Ajax 大家可能对原生JS比较陌生，毕竟相对于jQuery的ajax,原生的确实有些复杂，不够jQuery的ajax是由原生的ajax封装而来。由此可见了解原生的ajax是十分必要的；首先，要了解异步的javascript和xml,核心对象为XMLHttpRequest. 接下啦，给大家介绍XMLHttpRequest中的属性与方法： XMLHttpRequest属性：二、XMLHttpRequest方法：接下来，把栗子中的步骤整理一下：第一步：获得XMLHttpRequest对象； var ajax = new XMLHttpRequest(); 第二步：设置状态监听函数 ajax.onreadystatechange = function(){} 第三步

ASP.NET Core MVC+Layui使用EF Core连接MySQL执行简单的CRUD操作

阅读更多关于 ASP.NET Core MVC+Layui使用EF Core连接MySQL执行简单的CRUD操作

前言：　　本章主要通过一个完整的示例讲解ASP.NET Core MVC+EF Core对MySQL数据库进行简单的CRUD操作，希望能够为刚入门.NET Core的小伙伴们提供一个完整的参考实例。关于ASP.NET Core MVC+EF操作MsSQL Server详情请参考官方文档( https://docs.microsoft.com/zh-cn/aspnet/core/data/ef-mvc/?view=aspnetcore-3.1 )。示例实现功能预览：博客实例源码下载地址： https://github.com/YSGStudyHards/ASP.NET-Core-MVC-Layui-EF-Core-CRUD_Sample 一、创建ASP.NET Core Web应用程序：注意，本章节主要以APS.NET Core 3.1版本作为博客的样式实例！二、添加EF Core NuGet包：　　若要在项目中使用EF Core操作MySQL数据库，需要安装相应的数据库驱动包。本章教程主要使用 MySQL数据库，所以我们需要安装相关驱动包MySql.Data.EntityFrameworkCore。安装方式：点击工具=>NuGet包管理器=>程序包管理器控制台输入以下命令： Install-Package MySql.Data

application.properties配置文件

阅读更多关于 application.properties配置文件

（1）先在项目的com.lagou包下创建一个pojo包，并在该包下创建两个实体类Pet和Person ```java public class Pet { private String type; private String name; // 省略属性getXX()和setXX()方法 // 省略toString()方法 } ``` ```java @Component //用于将Person类作为Bean注入到Spring容器中 @ConfigurationProperties(prefix = "person") //将配置文件中以person开头的属性注入到该类中 public class Person { private int id; //id private String name; //名称 private List hobby; //爱好 private String[] family; //家庭成员 private Map map; private Pet pet; //宠物 // 省略属性getXX()和setXX()方法 // 省略toString()方法 } ``` @ConfigurationProperties(prefix = "person")注解的作用是将配置文件中以person开头的属性值通过setXX()方法注入到实体类对应属性中

JavaScript中的字符串

阅读更多关于 JavaScript中的字符串

我们知道字符串（String）类型是 JavaScript 中的基本数据类型之一，也是最常用的数据类型啦。下面我们来学习一下关于字符串的属性方法以及其的使用等。什么是字符串 JavaScript 字符串其实很好理解，就是被包围在单引号或双引号中的任意字符。字符串可以用于存储和处理文本。示例：例如像下面这样声明的变量都是字符串类型： var str1 = "123"; var str2 = '12356'; var str3 = "你好，侠课岛"; var str4 = 'hello summer'; var str5 = 'good_boy'; 一般情况下字符串就是一个或多个字符组成，除此之外，我们还可以使用 new 关键字将字符串定义为一个对象： var name = new String("summer"); console.log(name); // 输出：summer 不过一般情况下我们最好不要创建 String 对象，因为这可能会导致执行速度变慢。通过索引访问字符串在 JavaScript 语言中我们可以通过索引来访问字符串中的每个字符，字符串的索引也是从 0 开始，第一个字符索引值为 [0]，第二个字符索引值为[1]，以此类推。示例：例如下述代码中，我们定义了一个字符串类型的变量 username，然后输出变量中索引值为1的字符： var username

SQLAlchemy

阅读更多关于 SQLAlchemy

一、SQLAlchemy介绍 QLAlchemy是一个基于Python的ORM框架。该框架是建立在DB-API之上，使用关系对象映射进行数据库操作。简而言之就是，将类和对象转换成SQL，然后使用数据API执行SQL并获取执行结果。什么是DB-API？ DB-API是Python的数据库接口规范。在没有DB-API之前，各数据库之间的应用接口非常混乱，实现各不相同，项目需要更换数据库的时候，需要做大量的修改，非常不方便，DB-API就是为了解决这样的问题。 pip install sqlalchemy 组成部分：　　-- engine，框架的引擎　　-- connection pooling 数据库连接池　　-- Dialect 选择链接数据库的DB-API种类（实际选择哪个模块链接数据库）　　-- Schema/Types 架构和类型　　-- SQL Expression Language SQL表达式语言二、连接数据库 SQLAlchemy 本身无法操作数据库，其必须依赖遵循DB-API规范的三方模块， Dialect 用于和数据API进行交互，根据配置的不同调用不同数据库API，从而实现数据库的操作。下面是不同数据库的API：　　# MySQL-PYthon 　　mysql+mysqldb://<user>:<password>@<host>[:

MySQL模糊查询竟然有这么多玩儿法！我蹲在厕所看得津津有味

阅读更多关于 MySQL模糊查询竟然有这么多玩儿法！我蹲在厕所看得津津有味

SELECT * from table where username like '%陈哈哈%' and hobby like '%牛逼' 这是一条我们在MySQL中常用到的模糊查询方法，通过通配符%来进行匹配，其实，这只是冰山一角，在MySQL中，支持模糊匹配的方法有很多，且各有各的优点。好了，今天让我带大家一起掀起MySQL的小裙子，看一看模糊查询下面还藏着多少鲜为人知的好东西。目录一、MySQL通配符模糊查询(%,_) 1-1. 通配符的分类 1-2. 通配符的使用 1) % 通配符: 2) _ 通配符: 1-3. 技巧与建议: 二、MySQL内置函数检索(locate,position,instr) 2-1. LOCATE()函数 2-2. POSITION()方法 2-3. INSTR()方法三、MySQL基于regexp、rlike的正则匹配查询 3-1. regexp中的 OR : | 3-2. REGEXP中的正则匹配 : [] 3-3. 字符类匹配(posix) 3-4. [:<:]和[:>:] 四、总结一、MySQL通配符模糊查询(%,_) 1-1. 通配符的分类 "%" 百分号通配符: 表示任何字符出现任意次数 (可以是0次)。 "_" 下划线通配符:表示只能匹配单个字符,不能多也不能少,就是一个字符。当然，也可以like "陈____"，数量不限。

订阅 HOBBY