前端
SEU_YL
这个作者很懒,什么都没留下…
展开
-
Blockly自定义块的右键菜单
customContextMenu: function(options) {const option = {enabled: true,text: ‘取值’,callback: function() {console.log(‘取值’, this);}.bind(this),};while (options.length !== 0) {options.pop();}options.unshift(option);},原创 2021-07-16 09:33:44 · 282 阅读 · 0 评论 -
vue事件处理-事件修饰符、按键修饰符
事件修饰符原因我们知道在事件处理中往往我们需要阻止它继续冒泡或者阻止它的默认事件,这里就需要在事件处理函数中调用event.stopPropgation() 或者 event.preventDefault(),那vue为了让事件处理函数只处理数据逻辑而不去处理DOM事件的细节,所以vue为v-on提供了事件修饰符例:<a v-on:click.stop="doThis"></a>事件修饰符(通过事件后加指令后缀来表示的).stop // 阻止事件冒泡.preve原创 2020-08-20 11:18:59 · 323 阅读 · 0 评论 -
Javascript 作用域 闭包
作用域、闭包这块看了好几遍还是忘,为了以后可以翻一下,记录下来吧写这篇博客之前,拜读了下面这篇博客,受益良多,把自己的理解写出来了。深入理解JavaScript中的作用域、作用域链和闭包—传送门作用域一句话: Javascript的作用域就是可访问变量的集合。可能对于这句话你还不太理解,因为你可能一时间没办法把域这种东西和变量集合联系起来,那么你不妨再读一遍这句话。。。首先你要知道作用域的主语是谁?也即谁的作用域?当然,应该是变量的作用域,变量的作用域无非分为两种,全局作用...原创 2020-07-23 11:39:00 · 161 阅读 · 0 评论 -
Vue之自定义组件的v-model
vue默认的实现v-model的方法vue中默认v-model绑定的名为value的prop,emit方法名师input,所以在子组件定义一个value的prop,然后利用watch监听value调用$emit(‘input’,value)即可。当然在这里我没有去监听value,因为一般prop是只读的,你可以创建一个变量,将value的值赋给它,然后监听这个变量就行了。@Prop({ default: false }) public readonly value: boolean; public原创 2020-07-22 16:16:25 · 532 阅读 · 0 评论 -
常用Iview组件集合以及常用特性
常用Iview组件集合以及常用特性Button可以选择不同类型代表会以不同颜色呈现可以选择边框是否为虚线或者为文本模式的按钮可设置为幽灵按钮可设置loading状态可禁用size只可选small、default、large三种Icon可根据type来选择不同的图标样子size可设置大小,单位pxcolor可设置颜色Typography文字排版分别有<Title> <Txt> <Pragraph>三种组件,分别适用于标题、不同样式的文本、段落,这三原创 2020-07-20 17:35:03 · 1398 阅读 · 0 评论 -
Vue的条件渲染之用key管理可复用的元素
Vue的可复用元素机制Vue为了更高效地渲染元素,采用了复用元素机制,这样做是为了高效以及一些其他的好处。例(官网):<template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username"></template><template v-else> <label>E原创 2020-07-20 13:48:41 · 368 阅读 · 0 评论 -
Vue Router的嵌套路由
嵌套路由嵌套路由可能是日常应用中最常用到的,使用起来也非常简单。嵌套路由的思路就是在页面(page)或者组件(component)中渲染另外一个页面(page)或者组件(component),那么就简单了,其实跟之前需要干的事是一样的:1.将子组件或者子页面映射到子路由中去2.告诉页面或者组件在哪里去渲染子组件或子页面例子也很简单,就直接利用官网的例子吧。const User = { template: ` <div class="user"> <h2&g原创 2020-07-07 15:49:55 · 231 阅读 · 0 评论 -
第一个Vue项目(一个简单vue页面的实现,主要记录Vue设计思想)
最近在实习中学习vue框架,踩的坑无数,犯的错无数。昨天整理遇到过的问题时,发现很多小错都已经忘了或者无法记录下来了,所以还是决定写一写博客来记录一下吧。安装关于开发环境的安装,可以百度google,应该很多。我用的工具之类的列举一下。1.操作系统Windows102.命令行工具gitbash,可以到官网自行下载并安装。3.浏览器当然是Chrome了,如果会 [科学上网] 当然是非...原创 2020-01-15 14:28:20 · 11535 阅读 · 5 评论