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 207

原创 Vue之组件

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

2019-08-13 17:29:51 215

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

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

2019-08-13 17:11:51 323

原创 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 394

原创 Vue中的v-model

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

2019-08-12 10:44:20 418

原创 Vue其他常用指令

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

2019-08-12 10:33:37 148

原创 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 902

原创 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 820

原创 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 500

原创 Vue的基础使用

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

2019-08-11 21:22:09 123

原创 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 764

原创 ES6之解构赋值

ES6之解构赋值首先：非常有用，特别在做数据交互 ajaxlet [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 128

原创 ES6之let和count（笔记）

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

2019-08-02 11:16:39 1590

原创 HTML常用标签（2）

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

2019-08-01 01:20:42 162

原创 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 162

原创 HTML初识

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

2019-08-01 00:24:59 138

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

弹性布局父级元素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 207

XLGKXSH的博客