MZ小白-CSDN博客

原创电子站牌项目知识点汇总

电子站牌项目知识点汇总 1.时间修改格式以及渲染 //时间 function mytime() { var date = new Date(); var rt = formatDate(date, 'yyyy年MM月dd日 hh:mm:ss') document.getElementById("time1").innerHTML = rt; } /** 格式化时间显示方式...

2019-08-01 15:53:49 219

原创 Vue之组件

Vue之组件 W3C为什么有组件概念？现在的前端领域，对于代码的质量和数量有着非常高的要求，特别容易出问题。通过组件的方式来完成代码的管理和编写组件：是一个可以被反复使用，带有指定功能的视图组件化编程一切都是组件component，把可以被反复使用的任何的视图，都可以封装成组件组件化的好处（封装）：（1）提高了代码的复用率（2）提高开发速度（3）降低测试难度（4）降低整个应用的耦...

2019-08-13 17:29:51 230

原创 Vue之自定义过滤器的创建和使用

Vue之自定义过滤器的创建和使用作用：实现数据的筛选，过滤，格式化。 1.过滤器创建（过滤器的本质是有一个参数，有返回值的方法） <body> <div id="container"> <h1>{{msg}}</h1> <h1>{{price}}</h1> <h...

2019-08-13 17:11:51 338

原创 Vue之自定义指令的创建和使用

Vue之自定义指令的创建和使用 Vue自带的指令很多，如v-for/v-if/v-else/v-else-if/v-model/v-bind… 但是这些指令都是比较偏向于工具化，有些时候在实现具体业务逻辑的时候，发现不够用，那如何来自定义指令？ 1.自定义指令 <body> <div id="container"> <p>{{msg}}&...

2019-08-13 17:03:02 409

原创 Vue中的v-model

Vue中的v-model 双向数据绑定：方向1：data----->view 之前所接触的循环，判断，显示隐藏等指令，主要的功能是将数据绑定到视图方式：（1）双花括号（2）常见的指令方向2：view----->data 将表单控件中用户操作的结果绑定到数据方式：v-model v-model指令本身就是一个双向数据绑定的指令，即可以将数据绑定到视图，又可以将视图中的结果绑...

2019-08-12 10:44:20 428

原创 Vue其他常用指令

Vue其他常用指令 v-bind：将变量中的值通过v-bind绑定到元素指定的属性 eg：v-bind：style v-bind:class v-bind也支持简写（v-on：相当于：） v-show：v-show=“表达式” ，根据表达式执行的结果的真假，来切换display显示还是隐藏 v-text：v-text=“变量”，根据变量更新对应的文本内容 v-html：v-html=“变量...

2019-08-12 10:33:37 156

原创 Vue的常用指令之事件绑定（v-on）

Vue的常用指令之事件绑定（v-on） v-on：通过v-on去给指定的事件绑定一个处理函数语法：<any v-on:eventName="处理函数的名字"></any> eg：<button v-on:click="handleClick">clickMe</button> 当触发click事件就回调用handleClick方法注意：方法在定义...

2019-08-12 10:26:27 920

原创 Vue的常用指令之选择指令（v-if）

Vue的常用指令之选择指令（v-if） v-if指令：根据表达式执行的结果的真假，来选择是否要挂载到DOM上第一种语法：<any v-if="表达式"></any> 第二种语法： <any v-if="表达式"></any> <any v-else-if="表达式"></any> <any v-else="表达式"&g...

2019-08-12 10:15:34 852

原创 Vue的常用指令之循环指令（v-for）

Vue的常用指令之循环指令（v-for） v-for:根据in关键词后的集合，去循环创建多个标签语法1：<any v-for="tamp in 集合"></any> 语法2：<any v-for="（value,key）in 集合"></any> 例子： <body> <div id="container"> ...

2019-08-12 10:10:57 524

原创 Vue的基础使用

Vue的基础使用 1**.第一个例子** <body> <div id="container"> <h1>{{msg}}</h1> </div> <script> new Vue({ el: "#container", d...

2019-08-11 21:22:09 136

原创 Vue的概述

Vue的概述什么是Vue？ Vue的开发者是尤雨溪，是受到angular的启发，是一个实现UI层的渐进式的js框架。 Vue用到哪里？ Vue.js可以用在很多地方，从简单的表单验证到复杂的大型企业应用程序，vue都可以胜任，核心库是实现UI层的。为什么用Vue？（1）有非常好的中文文档（2）学习曲线比较缓和（易上手）（3）速度快（4）体积小（5）基于组件化的开发方式（web com...

2019-08-11 21:12:34 774

原创 ES6之解构赋值

ES6之解构赋值首先：非常有用，特别在做数据交互 ajax let [a,b,c] =[12,5, 6]; 注意：左右两边，结构格式要保持一致第一种赋值： <script> /* let a =12; let b =5; let c = 6; */ let [a,b,c] =[12,5, 6]; //console.log(arr[0]...

2019-08-02 11:31:58 146

ES6之let和count 关于定义（声明）变量作用域：1.全局 2.函数作用域（局部） ES6)新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量，一旦声明，常量的值就不能改变。 1.let （1）.没有预解析，不存在变量的提升。在代码块内，只要let定义变量，在之前使用，都是...

2019-08-02 11:16:39 1616

原创 HTML常用标签（2）

HTML常用标签（2） 3.图像标签img 单词缩写：image 图像语法：<img src="图像URL"/> <img/>标记属性属性属性值描述 src URL 图像的途径 alt 文本图像不能显示时的替换文本 title 文本鼠标悬停时显示的内容 width 像素（XHTML不支持%页面百分比）设置图形的宽度 height...

2019-08-01 01:20:42 171

原创 HTML常用标签（1）

HTML常用标签（1） 1.排版标签排版标签主要和css搭配使用，显示网页结构的标签（1）标题标签单词缩写：head 头部 title：文档标题 HTML提供了6个等级的标题（<h1>,<h2>,<h3>,<h4>,<h5>,<h6>） (2)段落标签单词缩写：paragraph 语法：<p>文本内容&l...

2019-08-01 00:51:27 176

原创 HTML初识

HTML初识 1.HTML的定义 HTML（英文：Hyper Text Markup Language的缩写），中文译为“超文本标签语言”。用来描述网页的一种语言。超文本：（1）可以加入图片，声音，动画，多媒体等内容。（2）还可以从一个文件跳转到另一个文件，与世界各地的主机的文件连接。 2.HTML骨架格式 <html> <head> <title>&l...

2019-08-01 00:24:59 152

原创弹性布局-------前端小白总结

弹性布局父级元素 display:flex(用了弹性布局，无需用float) 父级其他属性： justify-content: 子元素水平排列方式（center 居中； space-between 两端对齐； space-around 拉手分布； flex-start 居左； flex-end 居右） alige-items 单行子元素垂直排列（center 居中； flex-s...

2019-07-31 14:17:17 217

XLGKXSH的博客