devnote.pro
Open in
urlscan Pro
47.107.67.240
Public Scan
URL:
http://devnote.pro/
Submission: On January 28 via manual from HU — Scanned from DE
Submission: On January 28 via manual from HU — Scanned from DE
Form analysis 1 forms found in the DOM
<form class="search-form">
<input type="search" class="search-input" placeholder="搜索" value="">
<a class="search-button iconfont icon-search"></a>
</form>Text Content
开发者笔记
+ 新建笔记
* 最近
* 笔记本 +
* 收藏集 +
* 最新推荐
最新推荐
登录 注册
敲碎时间的人
RXJS——SUBJECT理解
什么是subject首先我们来理解什么是subject，按照官方的定义：A Subject is a special type of Observable
that allows values to be multicasted to many Observers.Subjects are like
EventEmitters.从定义我们看出subject就是一种允许发送值到多个观察者的特殊类型的
19小时前更新 7分钟阅读 javascript
敲碎时间的人
RXJS——错误处理
错误处理是RxJs中重要组成部分。我们在响应式编程中几乎都要使用到。然而RxJs中的错误处理不像在其他库中的错误处理那么容易理解。小窍门就是关注Observable的约定，这样就容易理解RxJs中错误处理。 今天我们介绍一些常见的错误处理策略，涵盖一些常用场景，当然还是从Observable的基础知识——Observable的约定。Observable约定首先我们需要理解的是给定的流只能
19小时前更新 21分钟阅读 catcherror
敲碎时间的人
RXJS——MAP，FILTER第二种实现
上一节我们实现了map和filter函数，我们将这些函数都挂载在MyObservable对象上，这里存在一个问题，类似map和filter这样的操作型函数很多，所以不可能将他们都挂载在MyObservable对象上，因此，这里出现了第二种实现。 这些操作函数能串联起来的本质就是能够形成嵌套调用，因此我想到了使用pipe，pipe的本质是接收一个
RxJS 操作符的运行结果作为参数，并返回
20小时前更新 12分钟阅读 javascript
敲碎时间的人
RXJS——操作型
我们在使用Observable的时候，常常会涉及到一些操作，比如map()，filter()等，所以为了理解原理，今天我们在前几节的基础上，用两种不同的方式实现以上两个函数，希望能给以后复杂的操作提供借鉴。代码实现废话不说，先来实现mapmap(fn)
{ return new MyObservable(observer => { this.subscribe({
20小时前更新 5分钟阅读 javascript
敲碎时间的人
使用JPA和QUERYDSL来实现嵌套属性的查询
1、引入相关的jpa和querydsl相关的包<dependency> <groupId>com.querydsl</groupId>
<artifactId>querydsl-jpa</artifactId> <version>${querydsl.version}</version
1天前更新 41分钟阅读 jpa
敲碎时间的人
JPA实体映射——一对多关系映射(上)
依照上一节的案例，我们来拆解一对多的关系怎么使用，首先还是把业务关系图弄出来。业务案例图业务分析从图中我们知道，研究所和部门是一对多关系，今天我们来展示，一对多设计的最佳实践。我们知道在JPA的实体设计中，一对多的关系可以设计成单向关联，也可以设计成双向关联。今天我们一步一步来实践各种设计，从而总结出最佳实践。Unidirectional
@OneToMany 研究所实体port jav
1天前更新 27分钟阅读 java
敲碎时间的人
JPA实体映射——一对多关系映射（下）
接上一节一对多关系的映射学习，今天我们学习一种双向关联的最佳实践,废话不说，先上业务实例图。业务实例图Bidirectional
@OneToMany下面用代码说明双向关联的一对多关系研究所实体mport javax.persistence.*; import
java.io.Serializable; import java.util.HashSet; import java.util.Set;
1天前更新 32分钟阅读 java
敲碎时间的人
JPA HIBERNATE 快速入门
为了学习JPA的实体状态的转化，我们先搭建一个通过JPA
Hibernate存储实体到数据库的Demo，后续的学习都在此demo基础上展开。添加Hibernate依赖 <dependency>
<groupId>org.hibernate</groupId> <artifactId>hibernate-entitymanager&l
1天前更新 16分钟阅读 hibernate
敲碎时间的人
JPA实体映射——多对一关系映射
前几节我们介绍了一对多的关系和一对一关系，今天我们学习多对一关系以及这种映射方式的最佳实践，先上业务实例图。在我们的业务关系图中,部门和研究所实体是多对一的关系，同时我们还是采用双向关联来说明问题Bidirectional
@ManyToOne部门实体import javax.persistence.*; import java.io.Serializable; import
java.util.
1天前更新 21分钟阅读 java
GreatNN
MONGODB速查手册
列出所有的数据库show dbs显示当前数据db创建或者切换数据库use
mydb删除数据库db.dropDatabase()创建集合Collectiondb.createCollection('users')列出数据库所有集合show
collections插入一行数据/文档db.posts.insert({ title: '标题1', body: '内容', category: '
3天前更新 8分钟阅读 mongo
GreatNN
JPA JSON字符串与LIST以及对象的转换
有时为了方便，我们会吧对象或者List以JSON字符串的形式存放在数据库中。使用JPA就可以通过@Converte的方式实现。JSON字符与对象的转换，我们比较常用的时jackson，maven依赖如下：<dependencies>
<!--加入jackson库--> <dependency> <groupId>com.
3天前发布 12分钟阅读 jackson
Omar Lee
一步一步解决异步跨域请求CORS（跨域资源共享）报错
Access-Control-Allow-Origin错误Failed to load http://localhost:8081/request: No 'Access-Control-Allow-Origin' header is present on the requested&nb
4天前更新 6分钟阅读 cors
敲碎时间的人
RXJS——创建型操作
我们在使用RxJs中，知道RxJs的操作分为两类，一类是创建型，比如of()，fromEvent()，from()等，还有一类是操作型，比如map()，filter()。今天我们来学习第一类，尝试着自己实现一次。of()这个操作接收一些参数，返回一个Observable，一旦订阅之后，将这些值将发出执行。代码实现export
function of(...args) { return ne
4天前更新 11分钟阅读 javascript
雨伯
PYTHON字典列表按字典的键值排序
列表 list_to_be_sorted = [{'name':'Jack', 'age':39}, {'name':'Bob', 'age':10}]
对列表按name的值排序得到：list_to_be_sorted = [{'name':'Bob', 'age':39}, {'name':'Jack',&
4天前更新 2分钟阅读 python
敲碎时间的人
JPA实体映射——一对一关系映射
前几节我们介绍了一对多的关系，今天我们学习一对一关系以及这种映射方式的最佳实践，先上业务实例图。从图中可以看出，研究所和社交账号有一对一的关系，部门和社交账号也有一对一的关系，我们选用研究所和社交账号的关系来说明问题。Bidirectional
@OneToOne研究所实体mport javax.persistence.*; import java.io.Serializable; import
4天前更新 21分钟阅读 java
敲碎时间的人
JPA实体状态学习-（持久态:PERSISTENT）
今天我们继续学习JPA的实体状态转化，老规矩贴上实体转化的转化图： 上一节我们学习了:entityManager调用persist()方法后，实体的状态从transient到persistent，这个时候对persistent状态的实体改变也会同步持久化到数据库，执行tx.commit()之后实体进入detached状态，此时对实体进行改变后不会同步到数据库。今天我们来看看transie
6天前更新 40分钟阅读 entity
敲碎时间的人
CANNOT RESOLVE COM.ORACLE:OJDBC7_G:12.1.0.1
异常信息描述异常信息分析从日志可以看出是下载Oracle的数据库驱动问题。问题处理将maven的配置代码修改成dependency>
<groupId>com.oracle.database.jdbc</groupId> <artifactId>ojdbc8</artifactId>
<version>12.
6天前更新 1分钟阅读 java
敲碎时间的人
CANNOT RESOLVE COM.MICROSOFT.SQLSERVER:SQLJDBC4:4.0
问题描述问题分析少了SQLServer数据库驱动问题解决<dependency>
<groupId>com.microsoft.sqlserver</groupId> <artifactId>mssql-jdbc</artifactId>
<version>6.1.0.jre8</version&
6天前更新 1分钟阅读 java
敲碎时间的人
初步理解RXJS
学习是一个由浅入深的过程，但是如果能够使用二八原则，那么我们对知识的理解定会事半功倍，甚至事半多倍。RxJs定义RxJS是ReactiveX在JavaScript上的一个派生。ReactiveX是一个应用的比较广泛的响应式编程框架，这个框架很好的应用了Observer
Pattern（观察者模式），让异步编程变得简单且清晰。理解Observable个人对Observable的理解是：它是一个可观察
6天前更新 7分钟阅读 javascript
敲碎时间的人
ANGULAR装饰器——两种实现方式
装饰器主要作用我们知道装饰器的两个主要作用1、在运行时更改对象的功能而不影响对象的现有功能2、将通用行为包装成简单，可复用的代码片段，减少模板代码的数量装饰器的定义我们首先看看定义：Decorators
are functions called on classes, class elements, or other JavaScript syntax
forms during definitio
8天前更新 14分钟阅读 decotator
雨伯
PYTHON 3按指定的元素分割列表
Python 3有多种方法可以用来分割列表。示例有以下列表li = ['a','b','c','.','aa','bb','cc','.','aaa','bbb','ccc']现需要按“.”分割列表。使用itertools.groupby>>>li = ['a','b','c','.','aa','bb','cc','.','aa
10天前更新 3分钟阅读 python
敲碎时间的人
ANGULAR装饰器——DECORATORS
最近有空学习了一下angular的基础知识，对于angular的装饰器有了一些理解。其实装饰器并非angular特有的，它是Typescript的语言特性。首先我们看看什么是装饰器 我们先看看Typescript官方的说明：装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，
访问符，属性或参数上。 装饰器使用 @expression这种形式，expression求值后必
10天前更新 16分钟阅读 angular
敲碎时间的人
JPA实体映射——一对多关系映射(中)
紧接上一节的学习，我们还是首先把业务关系图整理出来。业务案例图上一节我们知道，采用单向关联如果不使用@JoinColumn时，在新增一个研究所实体的时候，会生成三张表，并且会执行多条插入语句，在使用@JoinColumn时，会生成两张表，同时在departments上生成一个department_id字段，而JPA在插入数据时，采用的是先插入部门表数据，然后更新外键字段，这种方式，插入的效率不是很
10天前更新 23分钟阅读 java
敲碎时间的人
JPA实体映射——ENTITY MAPPING
学习JPA，实体之间的映射关系是最重要的一环，为了学习和讨论这部分知识，我们将这部分知识分为若干章节进行学习，我们也会用实际的例子进行分析,并且指出存在的问题，然后给出相应的优化方案。 第一步，我们列出具体的案例我们分别使用了三个实体：Institute（研究所），Department（部门），SocialProfile（社交账号）。如上图所示，研究所和部门是一对多的关系，研究所和社交账
10天前更新 24分钟阅读 java
敲碎时间的一条鱼
FORMCONTROLNAME MUST BE USED WITH A PARENT FORMGROUP DIRECTIVE. YOU'LL WANT TO
ADD A FORMGROUP
异常情况描述Angular模板出现异常情况，如下所示：异常分析大概的意思就是formControlName没有在formGroup里面，所以猜测应该是模板位置不正确。代码查看<form
class="signin-container" [formGroup]="signinForm" #formDir="ngForm"
(ngSubmit)="onSubmit()"> <
11天前发布 18分钟阅读 javascript
敲碎时间的一条鱼
CKEDITOR5——视图添加
上一节我们介绍了在CK5中UI组件的一些基本使用，今天我们继续UI部分的学习，如何添加一个UI视图到CK5？CK5视图结构首先，我们贴上代码：EditorUIView
├── "top" collection │ └── ToolbarView │ └── "items" collection │ ├──
DropdownView
13天前发布 7分钟阅读 ckeditor5
敲碎时间的人
GIT COMMIT 中文出现乱码
有的时候我们使用git commit
提交的时候，日志信息有中文的时候会出现乱码，具体表现就是如下图：问题猜想，这个情况应该是编码设置的原因：所以尝试对编码进行重新设置：执行如下设置代码：git
config --global i18n.commitencoding utf-8然后执行如下代码：git config --global
i18n.logoutputencoding utf-8然后我们
16天前发布 1分钟阅读 commit
敲碎时间的一条鱼
CKEDITOR5 OBSERVABLE——绑定多个对象或属性
上一节我们学习了如何绑定属性，今天我们继续学习绑定多个属性或者多个Observable对象。 绑定多个属性如何绑定多个属性，下面我们用代码来说明：const
button = new Button(); const command = editor.commands.get( 'bold' );
button.bind( 'isOn', 'isEnabled' ).to( command
17天前更新 7分钟阅读 ckeditor5
敲碎时间的一条鱼
CKEDITOR5 OBSERVABLE——装饰方法
上一节我们学习了在CK5中，如何绑定多个属性以及绑定多个Observable对象，今天我们学习如何装饰方法。 首先，我们提出一个问题，为什么会有装饰方法呢？以及什么叫做装饰?所谓装饰，就是在不改变原来方法功能的前提下，增加方法的功能，众所周知在java的IO流中，就有很多地方用到了装饰。 而在CK5中，装饰是什么意思呢？请看下面这段话：Decorating
object met
17天前更新 12分钟阅读 ckeditor5
敲碎时间的一条鱼
CKEDITOR5 UI——UI组件
CK5提供了一个标准UI库，这个库是由@ckeditor/ckeditor5-ui实现的。我们首先需要理解的是CK5的UI组件都是用模板来构建的，因此，我们首先明白什么是模板？UI组件在CK中又称为视图，视图是模板通过渲染后得到的。视图首先，我们定义一个视图：import
{View} from 'ckeditor5/src/ui'; export default class InputView
17天前发布 9分钟阅读 ck5
粤西之人
FLOAT——浮动刨根问底
浮动介绍什么叫浮动呢？浮动是元素的一个属性。当Dom元素设置了float属性后，元素会向左或者向右浮动，直到它的外边缘碰到包含框或者另一个浮动框的边框为止。设置了浮动属性的元素会脱离文档流——不占据任何文档空间，所以普通文档流中的元素表现得像浮动元素不存在一样。下面我们用代码来对浮动的定义以及特点进行说明：首先，我新建一个基本的文档，文档的内容是一个box盒子里面分别包含left区，content
17天前更新 6分钟阅读 float
粤西之人
DOCKER安装
Docker分别有两种版本，分别是社区版和企业版。每个版本的发布有三种类型：稳定版——提供最新版本的一般可用功能测试版——提供在正式发布之前准备好进行测试的预发布版本夜间版——为您提供下一个主要版本正在进行的最新构建 Install
Docker CE on Mac using Docker for Desktop Install on Windows OS using Doc
23天前发布 1分钟阅读 docker
敲碎时间的一条鱼
CSS三栏布局——FLEX
flex布局现在越来越流行，很多框架都采用flex布局。今天我们采用flex来实现三栏布局。首先父元素设置flex:display。左右分别设置flex: 0
0 200px。代码如下所示：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
<title>
23天前发布 4分钟阅读 css
敲碎时间的一条鱼
CKEDITOR5 OBSERVABLE——属性绑定
前面我们知道了，在CK5中怎么样将一个对象设置成Observable以及Observable在UI中如何使用？属性绑定今天我们来看看如何进行可观测对象的属性绑定和重命名。首先，我们假定有两个Observable对象，所谓绑定就是将一个对象的可观测状态绑定到另一个可观测对象，如下所示：const
button = new Button(); const command = editor.comman
23天前更新 8分钟阅读 ckeditor5
粤西之人
DOCKER初步介绍
什么是docker？
docker是一个由许多服务组成的程序，它提供了在几乎任何平台上开发，打包，交付，运行应用程序的一致方式。学习docker就是学习这些若干服务的知识，我们后续会详细讨论。
对于很多开发者而言，尝尝遇到这样一个困惑，这个程序或者代码在小王的本机上运行没有问题，但是在小刘的
24天前更新 8分钟阅读 docker
粤西之人
DOCKER架构
学习是一辈子的事情，架构的学习，如果有一幅简明扼要的图，那么我们学习起来会事半功倍。从上面的图可以看出，docker主要分为三个部分：Docker
Client， Docker Host, Docker Registry Docker Host首先我们看看Docker Host,
它包括三个部分，分别是Docker守护进程——Docker daemon，Docker镜像——D
24天前发布 5分钟阅读 docker
敲碎时间的人
理解CKEDITOR5的SCHEMA
我们知道，CKEditor5是一个用MVC架构设计的富文本编辑器。如上图所示，三层分别是:Model, Controller,
View首先，第一个问题是schema属于那一层？经过官方文档的初步学习，我们可以看到：editor.model.schema; // -> The
model's schema.因此，我们可以得出结论：schema属于模型层：其次我们
25天前更新 10分钟阅读 ckeditor5
yubiao
VSCODE启动DART DEVTOOLS报错，FAILED TO START DEVTOOLS: DART DEVTOOLS EXITED WITH CODE
255
再vscode启动Flutter，Flutter版本是2.5.3，DevTools版本是2.9.2，报启动Dart DevTools失败：Failed to
start DevTools: Dart DevTools exited with code 255Source:
Dart(Extension)查了相关资料，原因是devtools 2.9.2版本有问题。有些伙伴是降级到2.8.2解决的。v
25天前发布 1分钟阅读 android
CLC
领域驱动设计——如何发布领域事件
领域事件（Domain Event）是域驱动设计的构建块之一，它通常是一个以过去时命名的不可变数据容器类。如：public class OrderPlaced
{ private Order order; public OrderPlaced(Order order){ this.order = order; }
public Order getOrder()
26天前更新 12分钟阅读 ddd
敲碎时间的一条鱼
CSS三栏布局——浮动
不使用定位，只使用浮动实现左右固定，中间宽度自适应布局实现关键：自适应部分一定要放在第一个位置，使用浮动，且宽度设置为100%，如果不设置为100%，浮动元素内容不够撑开整个宽度。左右固定部位，使用margin-left
:负数，使其左右靠齐。中间自适应部分嵌套一个div，设置margin-left 和 margin-right
使其空出左右固定的宽度。代码如下：<!DOCTYPE HTML
28天前更新 11分钟阅读 css
查看更多
数据加载中
Copyright © 2015-2022 devnote.pro. All Rights Reserved. 开发者笔记 版权所有
粤ICP备2021163452号-1
最新推荐 前端 后端 Android iOS Linux 数据库