1. 场景描述 在博客, 文档, 论坛这些性质的网站经常存在着需要显示代码的需求; 对于这种要求要求, 我们可以直接使用textarea 标签显示: 但是这种显示方案非常不美观, 不但没有高亮代码, 而且也没有显示行号, 这对于代码的阅读是非常不友好的; 而一般的网站, 对于代码的显示都会做高亮处理 ...
分类:
其他好文 时间:
2020-06-02 22:58:54
阅读次数:
100
v-model是双向绑定的,限制在<input>、<select>、<textarea>、components中使用 <input type="text" v-model="username" value="" /> <!-- 等价于 --> <input type="text" @input="u ...
分类:
其他好文 时间:
2020-06-01 23:28:21
阅读次数:
72
DOM模型中的节点——文档可以说是由节点构成的集合。在DOM模型中有以下3种节点: 元素节点:各种标签就是这些元素节点的名称 文本节点:文本节点总是被包含在元素节点的内部 属性节点:一般用来修饰元素节点就称之为属性节点 页面加载完成后执行window.onload=function(){需要页面加载 ...
分类:
Web程序 时间:
2020-06-01 20:25:06
阅读次数:
84
<textarea style="resize:none;"></textarea> 在默认情况下,我们可以发现textarea右下角可以进行拖动,这样容易破坏已经设计好的页面样式,想要设置不可拖动,添加如上代码即可 ...
分类:
Web程序 时间:
2020-06-01 12:22:22
阅读次数:
93
Web开发:PHP/Node Web框架:ThinkPHP/CodeIgniter 前端框架:AngularJS/Vue/EmberJS/Cocos2dJS/Ionic 前端样式库:WeUI/Bootstrap/AmazeUI 前端工具库:jQuery/Zepto 前端插件:Swiper/Iscro ...
分类:
其他好文 时间:
2020-06-01 11:45:14
阅读次数:
128
css的display属性是前端开发中非常常见的属性,本文简单介绍下其中比较常用的属性值,即block、inline和inline-block。 HTML组件中呈现一片空白区域的组件都可当盒模型(box modal),而CSS则提供了display属性来控制盒模型的外观。 1. block类型(块) ...
分类:
Web程序 时间:
2020-05-31 11:16:48
阅读次数:
70
for(var index=1;index<7;index++){ $scope["model_"+index] = index } //效果 = $scope.model_1 = 1 $scope.model_2 = 2 $scope.model_3 = 3 $scope.model_4 = 4 ...
分类:
Web程序 时间:
2020-05-30 15:40:08
阅读次数:
97
AngularJS API / ng / 服务(service) / $q $q 是一个帮助处理异步执行函数的服务。 Deferred Api 一个被$q.defer()调用的deferred的新实例。 deferred对象的目的是暴露相关承诺实例,以及APIs被执行的成功或不成功情况,以及任务的状 ...
分类:
Web程序 时间:
2020-05-27 12:20:35
阅读次数:
98
v-model的实现原理: 基础用法: v-model 本质上不过是语法糖,可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一 ...
分类:
其他好文 时间:
2020-05-25 15:17:17
阅读次数:
108
这节我们为大家介绍 Vue.js 表单上的应用。你可以用 v-model 指令在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。一、表单控件元素1、输入框 input 元素: 消息是: {{ message }} textarea 元素: {{ messa... ...
分类:
Web程序 时间:
2020-05-20 14:21:35
阅读次数:
69