bind

学习期间参考的读物是Vue.js权威指南。若有理解不正确的地方，欢迎大家指正，我会积极理解改正。希望和大家共同进步。 1、v-cloak 1.1 用途：用于解决插值表达式闪烁问题。 1.2 造成闪烁的原因：当网速特别慢的时候，外部引用的包没有完全加载完，页面上会渲染出{{xx}}这样的画面，全部加载完成后{{}}里的内容才会被正常的渲染出来。 1.3 代码展示： /* 利用属性选择器，选择有v-cloak属性的元素， 在未完全加载完时，不显示该元素的内容 */ [v-cloak] { display : none ; } < div id = " app1 " > < div v-cloak > {{ msg }} </ div > </ div > var vm = new Vue ( { el : '#app1' , data : { msg : '我是前端小白' } , } ) 2、v-text 2.1 用途：更新元素内部的内容。 2.2 代码展示： <!-- v-text会自动覆盖这个元素里面本来有的内容，渲染到页面上内容是msg里的内容。 --> < div id = " app2 " v-text = " msg " > 我本来是这个内容 </ div > var vm = new Vue ( { el : '#app2' , data : { msg :

一、前言 没有任何人敢保证自己写的程序没有任何BUG，尤其是在商业项目中，程序量越大，复杂度越高，出错的概率越大，尤其是现场环境千差万别，和当初本地电脑测试环境很可能不一样，有很多特殊情况没有考虑到，如果需要保证程序7*24小时运行，则需要想一些办法能够让程序死了能够活过来，在嵌入式linux上，大部分会采用看门狗的形式来处理，程序打开看门狗驱动后，定时喂狗，一旦超过规定的时间，则硬件软复位等。这种方式相对来说比较可靠，如果需要在普通PC机上运行怎办呢？本篇文章提供一个软件实现守护进程的办法，原理就是udp通信，单独写个守护进程程序，专门负责检测主程序是否存在，不存在则启动。主程序只需要启动live类监听端口，收到hello就回复ok就行。 为了使得兼容任意程序，特意提炼出来共性，增加了多种设置。 主要功能： 可设置检测的程序名称。 可设置udp通信端口。 可设置超时次数。 自动记录已重启次数。 自动记录最后一次重启时间。 是否需要重新刷新桌面。 可重置当前重启次数和最后重启时间。 自动隐藏的托盘运行或者后台运行。 提供界面设置程序名称已经开启和暂停服务。 二、代码思路 AppLive::AppLive(QObject *parent) : QObject(parent) { udpServer = new QUdpSocket(this); QString name = qApp

上一篇写 数据绑定 的文章，写到最后留了一个坑。当子组件绑定父组件的一个字段，并且子组件修改它的时候父组件不能实时进行同步更新UI的问题，最近终于在 Blazui 作者的指导下搞定了。 UserInfo类要实现INotifyPropertyChanged接口 public class UserInfo: INotifyPropertyChanged { private string _userName; public string UserName { get { return _userName; } set { _userName = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(UserName))); } } public string Sex { get; set; } public DateTime BrithDay { get; set; } public event PropertyChangedEventHandler PropertyChanged; } 没想到微软blazor还是借用了WPF搞MVVM的模式，模型需要实现INotifyPropertyChanged类，在属性发生修改的时候可以发出通知。 父组件订阅PropertyChanged事件： @page

最近要做一个功能，服务上线下线的操作，于是百度了一下，网上基本是下面这种代码形式。 import java.util.ArrayList; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.cloud.client.ServiceInstance; import org.springframework.cloud.client.discovery.DiscoveryClient; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.bind.annotation.RestController; @RestController public class TestController { @Autowired private DiscoveryClient discoveryClient; @RequestMapping( "getServicesList"

TCP协议粘包问题详解 前言 　　 在本章节中，我们将探讨TCP协议基于流式传输的最大一个问题，即粘包问题。本章主要介绍TCP粘包的原理与其三种解决粘包的方案。并且还会介绍为什么UDP协议不会产生粘包。 基于TCP协议的socket实现远程命令输入 　　 我们准备做一个可以在Client端远程执行Server端 shell 命令并拿到其执行结果的程序，而涉及到网络通信就必然会出现 socket 模块，关于如何抉择传输层协议的选择？ 我们选择使用TCP协议，因为它是可靠传输协议且数据量支持比UDP协议要大 。好了废话不多说直接上代码了。 　　 Server端代码如下： # !/usr/bin/env python3 # -*- coding:utf-8 -*- # ==== 基于TCP协议的socket实现远程命令输入之Server ==== import subprocess from socket import * server = socket(AF_INET, SOCK_STREAM) server.bind(( " 172.17.0.16 " ,6666)) # 填入私网IP server.listen(5 ) while 1: # 链接循环 conn,client_addr = server.accept() while 1: # 通信循环 try : #

1、安装步骤 推荐进入到linux路径/usr/local/ cd /usr/local/ wget http://download.redis.io/releases/redis-4.0.10.tar.gz tar xzf redis-4.0.10.tar.gz cd redis-4.0.10/ make 至此，redis安装完毕 2、配置优化redis，修改redis.conf配置文件 (1)、bind 127.0.0.1 将这里前面加上#表示redis开启远程连接 不加#选择默认表示只能连接ip为127.0.0.1的本地回环地址，无法连接真实的ip. (2)、daemonize yes （这里讲原来的no改为yes,目的是为了设置后台运行） (3)、requirepass foobared 找到这一行，在下面设置密码如 requirepass 123456 表示你的密码是123456 3、启动redis /usr/local/redis-4.0.9/src/redis-server /usr/local/redis-4.0.9/redis.conf 表示 指定配置文件 直接执行 4、查看redis启动成功 5、本地客户端连接测试 6、客户端远程通过ip连接redis src/redis-cli -h 192.168.1.81 -p 6379

环境：ubuntu16.04 mongodb远程连接配置如下： 1.修改配置文件mongodb.conf 命令： vim /etc/mongodb.conf 把 bind_ip=127.0.0.1 这一行注释掉或者是修改成 bind_ip=0.0.0.0 2.重启mongodb服务 命令： /etc/init.d/mongodb restart 2.1防火墙开放27017端口 命令： iptables -A INPUT -p tcp -m state --state NEW -m tcp --dport 27017 -j ACCEPT 3.远程连接 要连接的IP：134.567.345.23 命令： mongo 134.567.345.23:27017 这样就可以连接到134.567.345.23的mongodb/test的数据库 ××补充：连接到自定义的用户×× 1.增加 > use admin switched to db admin > db.addUser('username','password') 2.远程连接 命令： mongo 134.567.345.23:27017/admin -uusername -p 输入password即可 如若有错，请网友留言指出，我会立马修正！谢谢！ 来源： oschina 链接： https://my.oschina.net/u

[今天在CU的python版里看到一篇"批量下载国家地理壁纸Python脚本"。感觉不错，借此，用wxpython写了一个GUI的界面。] 部分代码 import wx from getimg import getimg class GetImgFrame(wx.Frame): def __init__(self): wx.Frame.__init__(self, None, -1, 'GetImages',size=(500,150)) panel = wx.Panel(self, -1) wx.StaticText(panel, -1, "Please enter a downloadable conditional",pos=(10,5)) self.basicLabel = wx.StaticText(panel, -1, "Year:",pos=(30,40)) self.yearText = wx.TextCtrl(panel, -1, "2009",pos=(60,40)) self.yearText.SetInsertionPoint(0) self.basicLabel = wx.StaticText(panel, -1, "Month:",pos=(180,40)) self.monthText = wx.TextCtrl(panel, -1, "7",pos=

openid可以标识一个用户，session_key会变，所以来获取一下openid。 openid不能在微信小程序中直接获取，需要后台发送请求到微信的接口，然后微信返回一个json格式的字符串到后台，后台处理之后，再返回到微信小程序。 发布的小程序需要https的域名，而测试的时候可以使用http。 小程序在app.js中，修改login()中的内容： // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId if (res.code) { wx.request({ url: 'http://localhost:84/user/login' , method: 'POST' , data: { code: res.code }, header: { 'content-type': 'application/x-www-form-urlencoded' }, success(res) { console.log( "openid:"+ res.data.openid); if (res.data.openid != "" || res.data.openid!= null ){ // 登录成功 wx.setStorageSync("openid", res.data

没有特别的幸运，那么就特别的努力！！！ 2020 前端面试题上 vue篇 vue篇 vue 双向绑定原理 v-model 的原理 scoped样式穿透 组件之间的传值通信 axios拦截器怎么配 自定义指令 vuex computed 和 watch区别 filter与computed 计算属性——判断是否有图片 v-if & v-show & v-for v-bind & v-mode vue生命周期 $set , $get() trim 过滤首位空格 谈谈你对 keep-alive 的了解 组件中 data 为什么是一个函数？ vue 父组件调用子组件方法 vue-router 路由模式有几种？ 动态路由 delete与vue.delete区别? Vue2.0 v-for 中 :key 到底有什么用？ vue相对于jq好处，优点 axios怎么做到同步 ajax与axios的区别？ sass与less区别 你都做过哪些Vue的性能优化？ 结语 vue篇 Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 vue 双向绑定原理 Vue是采用数据劫持结合发布