大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

事件(汉语词语)

事件,定义为:比较重大,对一定的人群会产生一定影响的事情。在物理学中,事件是由它的时间和空间所指定的时空中的一点。 事件(event)是由信息子排布引发的。

数据库学习笔记——21 使用触发器

例如: CREATE TRIGGER del_vendor AFTER DELETE ON vendors FOR EACH ROW INSERT INTO sqllogs VALUES(NULL,old.vend_name,CURRENT_USER,CONCAT(CURRENT_DATE,' ',CURRENT_TIME)); 例子中sqllogs表的建表语句: CREATE TABLE sqllogs( thread_id INT NOT NULL auto_increment, thread_name CHAR(50), oper_user CHAR(50) NOT NULL, oper_date datetime NOT NULL, PRIMARY KEY (thread_id) )ENGINE=INNODB; SELECT * FROM customers; SET new.vend_zip='250001';

可以缩放的侧边栏

mainWrp { padding: 10px; background-color: lightcyan; z-index: 2; transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1) } .shrik { transform: scale3d(.8) translateX(70%) } nav { position: fixed;

vue中for循环的class绑定事件

vue中for循环的class绑定事件 {{item.MALL_CATEGORY_NAME}} data() { return { categoryIndex : 0, } }, methods: { clickCategory(index){ this.categoryIndex = index; } }

学会在组件中使用v-mode

学会在组件中使用v-mode 往往组件拆分需要负责数据的传递,通常会通过自定义事件来数据交互,但是如果使用v-module来做数据的交互,这样也许会简单很多。 子组件UserInfo.vue export default { props: { value: { type: String

关于element el-button使用$attrs的一个注意要点

关于element el-button使用$attrs的一个注意要点 之前需要对el-button做二次封装,所以就用到vue的$attrs和$listeners属性,这两个属性在这不细说,可以在 这里 查看详情。 二次封装代码(limit-button) import { mapGetters } from 'vuex'; export default { props: { // 按钮唯一标识 buttonId: { type: String, required: true, }, }, computed: { .mapGetters(['getUserBtns']), validButton: function() { return env.debug ?

项目中element-ui popover外部点击隐藏失效

} } popover 在 mounted 钩子内初始化了trigger='click'的事件绑定,on(document, 'click', this.handleDocumentClick)这里绑定了 document 很可能就是阻止事件冒泡后不能触发外部点击隐藏的判断逻辑。 // node_modules/element-ui/packages/popover/src/main.vue handleDocumentClick(e) { let reference = this.reference || this.$refs.reference;Vue.prototype.$isServer on(document, 'mousedown', e = (startClick = e));

心理测评 vue.js初体验

心理测评 vue.js初体验 源码: https://github.com/ZH4L/vue-psy vue文档:https://cn.vuejs.org/v2/guide/ vue-router文档:https://router.vuejs.org/zh-cn/essentials/getting-started.html vuex文档:https://vuex.vuejs.org/zh-cn/getting-started.html axios文档psyId=2的路径参数 链接跳转 使用 跳转 跳转内部链接,默认会被渲染成a标签 外部链接直接使用a标签跳转即可 组件 就是一个个小的模块,一个组件就是一个.

ANR 产生原因以及原因分析

看代码 仔细查看ANR的成因(iowait?) 举例: 先看个LOG: 04-01 13:12:11.572 I/InputDispatcher( 220): Application is not responding:Window{2b263310com.android.email/com.android.email.activity.SplitScreenActivitypaused=false}.

.NET运行时中的监测和可观测性

NET运行时中的监测和可观测性 今年5月份的时候研究分布式追踪的问题知道了的拦截方式比较零散, 刚好8月份的时候看到这篇文章,这边文章总结的比较完整。好久都没有翻译,趁今天有空翻译给大家。原文地址,校验:张蘅水 .NET Performance Linux,还有其他一些方法: 在Linux上使用.NET Core获取LTTng事件的堆栈 Linux性能问题 上面的第二个链接讨论了在.

Vue源码学习(二)——从宏观看Vue

Vue源码学习(二)——从宏观看Vue 上一篇文章我们写到从入口文件一步步找到Vue的构造函数,现在我们要去看看Vue实例化经历的过程 Vue的构造函数 我们知道Vue的构造函数在src/core/instance/index.js中,不明白的可以去看上一篇文章 Vue源码学习笔记一。那我们关注一下Vue的构造函数的内容: // src/core/instance/index.js import { initMixin } from './instance/index' import { initGlobalAPI } from '.

netty源码分析之服务端启动

*/ public NioServerSocketChannel(ServerSocketChannel channel) { super(null, channel, SelectionKey.OP_ACCEPT);register(channel),把jdk底层的channel注册到eventLoop上的selector上; 4、doBind0(regFuture, channel, localAddress, promise),完成服务端端口的监听,并把accept事件注册到selector上; 以上就是对netty服务端启动流程进行的一个简单分析,有很多细节没有关注与深入,其中如有不足与不正确的地方还望指出与海涵。

【Kotlin 反应式编程】第1讲 你好,Reactive Programming

filter { it.length = 5 } .subscribeBy( // named arguments for lambda Subscribers onNext = { println(it) }, onError = { it.printStackTrace() }, onComplete = { println("Done!subscribeBy( onNext = { println("flagD:$it") }, onError = { it.printStackTrace() }, onComplete = { println("Done!") } ) 一个Observable可能被多个subscriber订阅,而不同的订阅所需要的最终数据不同,但事件的操作逻辑是相同的,就可以利用map来满足不同的数据需求。

前端开发神器Hype3初体验-可视化、响应式、动效

png 这里就是可以设置元素的ID和类名称,设置过之后,我们就可以通过引用外部自己写的css文件来控制元素样式了,不过需要注意的是由于Hype3在把元素生成HTML时就会附上一些属性,比如颜色,宽高等,这个时候我们在css里如果写相同的属性是覆盖不了的,因为Hype3生成的都是行内样式,而我们写的是外部样式,优先级没有行内样式高,所以需要加上!

js设计模式篇一(概念&&职责链模式&&观察者模式)

面向对象(OOP) js是一个弱面向对象语言 1.2 面向对象三要素(继承,封装,多态) 继承:子类继承父类 封装:数据权限和保密 多态:同一接口不同实现 1.21 继承 代码演示 class Acmen { constructor(name, age) { this.name = name; this.age = age; this.sex = sex;this.callback = callback : defaultFunciton; let length = 0; }) } attach(observer){ this.observers.push(observer) } } //观察者 class Observer{ constructor(name,subject){ this.name = name;

用javascript实现一个事件队列

用javascript实现一个事件队列 详见github,使用方法参考index.html function EventQueue(delayTime) { this._delayTime = delayTime || 20; } EventQueue.prototype = { add: function (excute, params) { this._queue.push({ excute: excute, params: params }); this.start(); }, start: function () { if (this._delayTime = 0) { this.process(); setTimeout(function () { self.process(); if (item) { var self = this; item.excute(item.params, function () { self.process();

移动端原生H5开发心得和干货(持续更新2018-08-10)

} 6. 修改表单元素的默认样式 input, button, select, textarea { border: none;hide-text-n { overflow: hidden; flex-direction: column } .dialog-content { background-color: #fff } fixed + flexbox布局,一般用于对话框 20. 左边固定宽度,右边自适应 html css .left { width: 50rem;on('click', '.div,在Iphone上都无法触发该事件,但是Android、PC却可以,上网找了一下资料,解决办法有两种: 给.btn加个css属性cursor: pointer;

vue.js响应式原理解析与实现

//前端全栈学习交流群:866109386 Object.defineProperty(obj, 'name', { //面向想从事前端开发1到5年及以上工作经验的开发人员 get() { // 帮助突破技术瓶颈,提升思维,欢迎大家进群交流。 console.log('劫持了你的取值操作啦'); this.updateCb = updateCb; // 监听data对象的obj.name属性,当data.obj.name发现变化的时候,触发cb函数 new Watcher(data, 'obj.name', (oldValue, newValue) = { console.log(oldValue, newValue);

优雅的类写法

优雅的类写法 前言 虽然现在已经是ES6的时代,但是,还是有必要了解下ES5是怎么写一个类的。 本文详述JavaScript面向对象编程中的类写法,并分步骤讲述如何写出优雅的类。 一、例子 例子为一个轻提示组件Toast。 需要实现的功能: on方法,显示提示 off方法,隐藏提示 init方法,初始化提示语 function Toast(option){ this.prompt = ''; this.changeStyle(this.elem, 'display', 'none');

Web移动端兼容问题

/* flex-wrap: nowrap */ ios: 父元素display: flex子元素绝对定位后,父元素的align-items:center会失效 -webkit-appearance: none;5s。animation: pop-right 3s ./bg.jpg') 0 no-repeat/cover 不支持这种写法,cover跟在no-repeat后面 js 解决移动端键盘弹起遮住输入框的问题 window.addEventListener("resize", function () { if (document.activeElement.tagName == "INPUT" || document.activeElement.tagName == "TEXTAREA") { document.activeElement.scrollIntoView();

领域驱动设计: 服务边界划分

png 寻找聚合 在DDD中,聚合是一组相关的领域对象,其目的是要确保业务规则在边界内的不变性,聚合根具有全局标识,所有对聚合根内对象的修改,都只能通过聚合根进行,聚合帮助我们简化了复杂的对象网络,逐步做到“高内聚,低耦合”。 在识别聚合的时候,我们可以通过对命令和事件的划分找到聚合边界,识别出分布在时间轴上面不同位置的相关命令和事件,e.