bind

关于Vue

自古美人都是妖i 提交于 2021-01-13 17:53:00
一:关于vue 1:vue是由饿了么ued团队开发并维护的一个渐进式js框架 2:vue是以数据作为驱动,既有angular中的数据双向绑定,也有react当中的框架,是mvm框架,也仅仅是view层,与它类似的框架有knockout.js ,avalon.js 3:vue中实现数据双向绑定的原理;getter和setter(但我们一般是用{{ }}和v-module来实现数据的双向绑定,跟angular中的数据双向绑定机制几乎是一样的) 4:如何使用vue去构建项目  1)使用vue-cli脚手架工具进行整个项目的构建   2)使用vue-router来实现vue中的切换   3)使用vuex进行状态集的管理,axios或者是fetch或者是vue-resource来进行数据的交互   4)使用template模板引擎进行组件化的开发 5:常用指令;   v-if:条件渲染指令   v-for:循环遍历指令   v-bind:绑定指令,绑定属性的   v-html:替换dom内容指令   v-text:替换文本内容指令   v-on:监听事件指令;v-on:click="fn"   slot:分发属性,占位符,创建很多相似组件,用来提高组件的复用性,替换组件内部元素   component:购物车标签,切换标签,is属性,说明那个组件被渲染 6:vue中的表达式和计算属性

netty server解决

半腔热情 提交于 2021-01-12 01:04:04
1、什么是粘包/拆包 ​ 一般所谓的TCP粘包是在一次接收数据不能完全地体现一个完整的消息数据。TCP通讯为何存在粘包呢?主要原因是TCP是以流的方式来处理数据,再加上网络上MTU的往往小于在应用处理的消息数据,所以就会引发一次接收的数据无法满足消息的需要,导致粘包的存在。处理粘包的唯一方法就是制定应用层的数据通讯协议,通过协议来规范现有接收的数据是否满足消息数据的需要。 2、解决办法 2.1、 消息定长 ,报文大小固定长度,不够空格补全,发送和接收方遵循相同的约定,这样即使粘包了通过接收方编程实现获取定长报文也能区分。 2.2、 包尾添加特殊分隔符 ,例如每条报文结束都添加回车换行符(例如FTP协议)或者指定特殊字符作为报文分隔符,接收方通过特殊分隔符切分报文区分。 2.3、 将消息分为消息头和消息体 ,消息头中包含表示信息的总长度(或者消息体长度)的字段 3、netty server端设置特殊分隔符 注意:分隔符一定要在数据处理的handler之前指定 @Component public class NettyServer { @Value("${netty.server.port}") private int port; /** * 启动 netty server * @throws InterruptedException */ public void start() {

Vue技巧

余生长醉 提交于 2021-01-11 08:34:10
转载: https://segmentfault.com/a/1190000014085613?utm_source=channel-hottest 对自己有用,做个笔记,有兴趣可以去以上地址去看. 第一招:化繁为简的Watchers 场景还原: created(){    this .fetchPostList(); }, watch: { searchInputValue(){      this .fetchPostList(); } } 组件创建时需要获取一次列表,同时数据更新需要重新重新渲染列表,immediate:true表示创建组件时立马执行一次. 并且直接使用函数的字面量名称. watch: {   searchInputValue:{     handler: 'fetchPostList' ,     immediate: true  } } 第二招:一劳永逸的组件注册 场景还原: import BaseButton from './baseButton' import BaseIcon from './baseIcon' import BaseInput from './baseInput' export default { components: { BaseButton, BaseIcon, BaseInput } } <BaseInput v-model

SpringBoot整合RabbitMQ

痞子三分冷 提交于 2021-01-10 05:35:11
首先建立工程 然后 建立一个配置类,用来配置Rabbit相关,主要是交换机和队列以及绑定关系。 package com.example.demo.conf; import org.springframework.amqp.core.* ; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; /** * @program: boot-rabbitmq * @description: * @author : 001977 * @create: 2018-07-02 17:45 */ @Configuration public class RabbitConfiguration { /** * If not conf the exchange * Channel shutdown: channel error; protocol method: #method<channel.close>(reply-code=404, reply-text=NOT_FOUND - no exchange 'hello.direct' in vhost '/', class-id=60, method-id=40) * */

Springboot整合RabbitMQ

核能气质少年 提交于 2021-01-10 04:59:52
1、简介 RabbitMQ 即一个消息队列,主要是用来实现应用程序的异步和解耦,同时也能起到消息缓冲,消息分发的作用。 2、创建一个springboot的项目 3、添加RabbitMQ依赖 < dependency > < groupId > org.springframework.boot </ groupId > < artifactId > spring-boot-starter-amqp </ artifactId > </ dependency > 4、在application.yml中配置RabbitMQ spring rabbitmq : host : 127.0.0.1 port : 5672 username : hxj password : 123hanxujie publisher-confirms : true virtual-host : / 5、创建一个rabbitMQ配置类(这个一定要看明白) /** * FileName: Application * Author: 韩旭杰 * Date: 2019/2/13 10:42 * Description: 该类初始化创建队列、转发器,并把队列绑定到转发器 */ package com.example.springboot.rabbitmq; import org.slf4j.Logger; import

架构师成长之路6.3 DNS服务器搭建(部署单台DNS)

风格不统一 提交于 2021-01-10 04:49:11
点击返回架构师成长之路 架构师成长之路6.3 DNS服务器搭建(部署单台DNS) 1.安装bind yum -y install bind-utils bind bind-devel bind-chroot bind-libs 2.编辑/etc/named.conf 全局配置:options {}; 日志子系统配置:logging {}; 区域定义:本机能够为哪些zone进行解析,就要定义哪些zone。 zone "ZONE_NAME" IN {}; 注意:任何服务程序如果期望其能够通过网络被其它主机访 问,至少应该监听在一个能与外部主机通信的IP地址上。 options { version "1.1.1"; listen-on port 53 {any;}; #表示使用53端口 directory "/var/named/chroot/etc/";#用来指定zone(A记录/MX记录等)文件配置路径,注意chroot加强安全性 pid-file "/var/named/chroot/var/run/named/named.pid"; #当服务起来的时候,pid的位置 allow-query { any; };#允许解析访问的权限,可以是ip地址或ip段 Dump-file "/var/named/chroot/var/log/binddump.db"; Statistics

Rabbitmq_03 Publish/Subscribe

醉酒当歌 提交于 2021-01-10 00:03:49
  发布订阅模式,一条消息可被多个接收者接收。注意在上一篇的tasks模式中,虽然有多个接收者,但每条消息还是只被一个接收者接收的。 发送者 # !/usr/bin/env python import pika import sys connection = pika.BlockingConnection(pika.ConnectionParameters(host= ' localhost ' )) channel = connection.channel() # 指定了exchange的type channel.exchange_declare(exchange= ' logs ' , exchange_type = ' fanout ' ) message = ' ' .join(sys.argv[1:]) or " info: Hello World! " channel.basic_publish(exchange = ' logs ' , routing_key = '' , body = message) print ( " [x] Sent %r " % message) connection.close() 接收者 # !/usr/bin/env python import pika connection = pika.BlockingConnection

干货-ANR问题处理套路

冷暖自知 提交于 2021-01-09 11:03:53
anr问题的处理技巧 hi, 大家好,我是爱吃香蕉的猴子,今天记录一下ANR问题的处理套路吧,这也是自己分析ANR问题一般的思路; 根据测试的描述,区分是Monkey测试偶现的 ,还是可以手动复现,一般情况前者多一些,我也是根据前者写这个记录; 首先,要会区分ANR类型 ,是什么类型的ANR ?? 用户输入事件处理超时: KeyDispatchTimeout-主要类型按键或触摸事件,input事件在 5S 内没有处理完成发生ANR 关键字:Reason: Input dispatching timed out xxxx Broadcast超时: BroadcastReceiver onReceiver处理事务时前台广播在10S内,后台广播在60s内没有处理完成发生ANR 关键字:Timeout of broadcast XXX/Receiver during timeout:XXX/Broadcast of XXX Service超时:ServiceTimeout-bind,create,start,unbind等在主线程处理耗时,前台Service在20s内,后台Service在200s内没有处理完成发生ANR 关键字:Timeout executing service:/executing service XXX ContentProvider超时:

Docker安装MySql-挂载外部数据和配置

久未见 提交于 2021-01-08 23:00:11
环境 CentOS:7 Docker:1.31.1 MySql:5.7 拷贝mysql配置文件 1.首先创建mysql容器 sudo docker run --name mysql5. 7 -p 3306 : 3306 -e MYSQL\_ROOT\_PASSWORD= 123456 -d mysql: 5.7 2.创建成功,查看一下运行状态 [root@localhost ~]# docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES c84a366e3abf mysql: 5.7 " docker-entrypoint... " 4 minutes ago Up 15 seconds 33060 /tcp, 0.0 . 0.0 : 4306 -> 3306 /tcp mysql5. 7 3.可以看到我们的容器正在运行中,现在进入容器,查看一下配置文件 [root@localhost ~]# docker exec -it mysql5. 7 /bin/ bash root@c84a366e3abf: /# cat /etc/mysql/ my.cnf # Copyright (c) 2016 , Oracle and/ or its affiliates. All rights reserved. # #

vue.js入门学习

三世轮回 提交于 2021-01-08 01:46:32
可以用淘宝npm镜像 然后安装 然后初始化项目: Watch就是一个监听 v-if是如果为false就根本不在页面存在这个元素 v-show是通过display:none来控制这个元素的显示和隐藏 red表示class名称,isRed表示是否是bool值来判断是否显示red这个class样式 :class是v-bind:class的简写 App是一个组件,’./App’是省略了.vue文件 Index.html文件引用了这个app组件 Line 2 write usage same as line 3 Module.export 等同于export语法 来源: oschina 链接: https://my.oschina.net/u/4384545/blog/4251101