bind | 易学教程

Vue2.0-内部指令

阅读更多关于 Vue2.0-内部指令

live-server使用实时编译的server服务器 npm install live-server -g 在项目目录中打开 live-server 编写第一个HelloWorld代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <title>Helloworld</title> </head> <body> <h1>Hello World</h1> <hr> <div id="app"> {{message}} </div> <script type="text/javascript"> var app=new Vue({ el:'#app', data:{ message:'hello Vue!' } }) </script> </body> </html> v-if v-else v-show 指令 v-if:是vue 的一个内部指令，指令用在我们的html中。 v-if用来判断是否加载html的DOM，比如我们模拟一个用户登录状态，在用户登录后现实用户名称。 <!DOCTYPE html> <html lang="en"> <head> <meta

在 Spring Boot 2 中致敬 JSP

阅读更多关于在 Spring Boot 2 中致敬 JSP

新冠病毒🦠还在阻挡全世界重启，但我们学习脚步不不能停滞，接下来给大家展示一个现在开发中已经不太常用的一个小知识点，希望对大家有所启发。在平时大家可能用 Spring Boot 2 最多就是开发 RESTful API，可能很少有人在 Spring Boot 2 中用过JSP视图，那我就来一起体验下创建一个用 JSP 视图的 Spring Boot 2 应用有多么方便。一起来看看我们需要些什么项目结构咱们可以从 Spring Initializer 获取项目框架。项目依赖 <u>pom.xml</u> <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId>

vue基本知识点

阅读更多关于 vue基本知识点

Vue 尤雨溪渐进式的JAVAscript框架 MVVM框架 M：model层数据的增删改查 V：view层视图类似与HTML一样的模板 VM:viewModel model和view的一个映射层优点：数据驱动视图回流和重绘简单的来说页面的排版布局发生了改变就是回流简单来说对一个元素进行样式操作不会导致页面布局发生改变重绘回流一定会发生重绘重绘不一定发生回流 vue常用的指令 v-text {{}} v-html v-bind : v-on @ .stop .prev .enter .keyCode值 $event v-model form表单 .number Object.defineProperty Proxy v-for v-show v-if 区别：前者操作元素的display属性初次渲染的开销较大后者操作元素的创建和销毁开销较大使用场景： v-else-if v-else v-pre v-cloak v-once v-slot 插槽自定义指令全局注册 Vue.directive() 局部注册 VUE({ }) 过滤器 Vue.filter() 组件 Vue.component() watch 属性监听基于Vue的依赖，当依赖的属性发生了改变的时候，那么就会自动触发相对应的方法进行数据的处理

Android四大组件之服务的两种启动方式详解

阅读更多关于 Android四大组件之服务的两种启动方式详解

###Service简单概述 **Service(服务)：**是一个没有用户界面、可以在后台长期运行且可以执行操作的应用组件。服务可由其他应用组件启动（如：Activity、另一个service）。此外，组件可以绑定到服务，以与之进行交互，甚至是执行进程间通信 (IPC)。例如：服务可以处理网络事务、播放音乐，执行文件 I/O 或与内容提供程序交互，而这一切均可在后台进行。 ###进程的优先级了解进程的优先级可以帮助你理解服务~ 1. Foreground process(前台进程) 一句话总结：当前跟用户有交互的进程就是前台进程。 2. Visible process(可见进程) 相当于Activity的onPause方法执行。如：Activity弹出Dialog时。 3. Service process(服务进程) 相当于使用startService开启一个服务，虽然做的事情用户看不到，但是又是用户所关心的事情。如：后台播放音乐，下载数据等。 4. Background process(后台进程) 相当于Activity的onStop方法被执行。如：按Home键退出应用。 5. Empty process(空进程) 应用程序没有任何的组件在活动，该应用就是一个空进程。唯一存活的原因就是为了提高下次开启的时间。 #开启服务的两种方式服务：默认运行在主线程。 ##服务的创建流程

ActiveMQ+ZooKeeper搭建高可用集群

阅读更多关于 ActiveMQ+ZooKeeper搭建高可用集群

一、说明　　实际的应用中，一般为了应用的高可用性，都会搭建集群环境去处理。部署多台应用，这样，即使一台有问题，其他热备应用可以立马顶上，继续提供服务。　　ActiveMQ的集群部署，基于zookeeper的应用程序协调服务和levelDB的持久化方案。　　本文中，基于一个系统环境，搭建伪集群模式，通过不同端口的配置，达到集群安装的效果。　　基本环境：jdk-7u80-linux-x64.tar.gz、Centos 6.9、zookeeper-3.4.12.tar.gz、apache-activemq-5.9.1-bin.tar.gz、Xshell。　　应用部署：zookeeper启动3个应用实例，ActiveMQ部署3套应用实例，构成最小单元的集群部署　　其中zookeeper的集群搭建，参见之前文章： https://www.cnblogs.com/eric-fang/p/9283904.html 二、ActiveMQ的集群配置　　ActiveMQ的主从模型，是一种高可用的解决方案，在zookeeper中注册若干的ActiveMQ Broker，其中只有一台作为主机master对外提供服务，其他作为备份slave保持待机。当master出现问题导致宕机不能正常提供服务的时候，zookeeper通过内部选举，在众多slave中推举出一台作为master继续对外提供服务

ASP.NET Core快速入门_学习笔记汇总

阅读更多关于 ASP.NET Core快速入门_学习笔记汇总

第2章配置管理任务12：Bind读取配置到C#实例任务13：在Core Mvc中使用Options 任务14：配置的热更新任务15：配置框架设计浅析第3章依赖注入任务16：介绍- 任务17：从UML角度来理解依赖任务18：控制反转任务19：单元测试任务20：DI初始化的源码解读 & 任务21：依赖注入的使用第4章 ASP.NET Core HTTP 介绍任务22：课程介绍 & 任务23：Http请求的处理过程任务24：WebHost的配置任务25：IHostEnvironment和 IApplicationLifetime介绍任务26：dotnet watch run 和attach到进程调试任务27：Middleware管道介绍任务28：RequestDelegate管道实现思路任务29：自己动手构建RequestDelegate管道任务30：RoutingMiddleware介绍以及MVC引入第5章认证与授权任务31：课时介绍 & 任务32：Cookie-based认证介绍 &任务33：34课：AccountController复制过来没有移除[Authorize]标签任务34：Cookie-based认证实现任务35：JWT 认证授权介绍任务36：应用Jwtbearer Authentication 任务37：生成 JWT

Rabbitmq_04 Routing

阅读更多关于 Rabbitmq_04 Routing

　　前一篇博客中，交换区将接收到的消息转发给所有与之绑定的对列。本文介绍另一种模式，交换区根据消息的不同，将消息转发给特定的队列。发送者 # !/usr/bin/env python import pika import sys connection = pika.BlockingConnection(pika.ConnectionParameters(host= ' localhost ' )) channel = connection.channel() # 注意exchange_type='direct' channel.exchange_declare(exchange= ' direct_logs ' , exchange_type = ' direct ' ) severity = sys.argv[1] if len(sys.argv) > 1 else ' info ' message = ' ' .join(sys.argv[2:]) or ' Hello World! ' # 发送消息 # 注意发送消息时的routing_key，后面向接收队列分发消息时，会用到routing_key channel.basic_publish(exchange= ' direct_logs ' , routing_key = severity, body = message)

运维与自动化运维发展方向

阅读更多关于运维与自动化运维发展方向

1、运维自动化发展运维学习和发展的一个线路： 1.搭建服务（部署并运行起来） 2.用好服务（监控、管理、优化） 3.自动化（服务直接的关联和协同工作） 4.产品设计（如何设计一个运维系统） -----当下云计算的核心竞争力是运维！系统架构师（偏管理）：网络系统数据库开发云计算自动化运维管理服务管理项目管理测试业务 -----专注于某一领域 2、运维自动化发展运维工作内容分类：监控运维（7x24运维值班、故障处理）应用运维（业务熟悉、服务部署、业务部署、版本管理、灰度发布、应用监控）安全运维（整体的安全方案、规范、漏洞检测、安全防护等）系统运维（架构层面的分布式缓存、分布式文件系统、日志收集、环境规划（测试、开发、生产）、架构设计、性能优化）基础服务运维（包含运维开发）（内部dns、负载均衡、系统监控、资产管理、运维平台）基础设施运维（系统初始化、网络维护、负责设备上下架、巡检、报修、硬件监控） 3、运维自动化发展标准化：物理设备层面： 1.服务器标签化、设备负责人、设备采购详情、设备摆放标准 2.网络划分、远程控制卡、网卡端口 3.服务器机型、硬盘、内存统一。根基业务分类 4.资产命名规范、编号规范、类型规范 5.监控标准操作系统层面： 1.操作系统版本 2.系统初始化（dns、ntp、内核参数调优、rsyslog、主机名规范） 3

Expression表达式目录树

阅读更多关于 Expression表达式目录树

一、初识Expression 源码 1、在上一篇我们讲到了委托（忘记了可以在看看，点赞在看养成习惯），今天要讲的Expression也和委托有一点点关系吧（没有直接关系，只是想要大家看看我其他的文章），Expression是.NET准备为Linq to Sql准备的，它的命名空间是System.Linq.Expressions 2、不知道大家有没有用户ORM(对象映射实体)的数据访问层框架，使用过的小伙伴我相信对下面的伪代码不会陌生，我们在Where中传入的就是Expression<Func<TSource, bool>> predicate 3、我们进入Expression一看究竟，我们可以看到Expression<Func<TSource, bool>>里面有一些方法（后面会慢慢道来），最终继承LambdaExpression 4、我们继续进入LambdaExpression，我们看到了一些属性（这些就是我们lambda的组成的方法和属性），但是最终还是看到继承了Expression 　　5、继续一鼓作气进入Expression，到这里我们看到了最终的基类它里面也有很多方法，要说的话这两天都说不完，我们就简单的介绍一些常用的二、循序渐进 1、大家可能看了上面还有一点点蒙，不急我们继续，我们看下面的实际操作，我们可以看到我们创建一个Expression和一个委托

Webpack js 懒加载

阅读更多关于 Webpack js 懒加载

现在的前端单页应用，都是通过路由导向到具体的页面。随着应用越来越大，页面也越来越多，首屏加载越来越慢，因为需要下载文件越来越大。这时候就需要通过懒加载分离路由页面，按需加载。那么webpack是如果对页面进行懒加载处理的呢？ webpack支持两种动态加载的配置： 1. ECMAScript 的 import() ( 注意是带()的，带() 表示异步，不带() 表示立即加载 ) 2. webpack 自带的 require.ensure 下面我们使用import来模拟对文件进行懒加载 // index.js // 需要安装 @babel/plugin-syntax-dynamic-import 插件 import('./ejs').then(res => { console.log( 'ejs: ' , res) }) import( './cjs').then(res => { console.log( 'cjs: ' , res) }) // ejs.js const a = 12 const b = { a: 1 , b: 2 } function fn1 (a) { console.log( 'fn1 in ejs: ' , a) } export default fn1 export { a, b } // cjs.js const a = 1 const b = 2

订阅 bind