- 博客(15)
- 收藏
- 关注
RSS订阅原创 16.VUE之组件（基础、分类、命名）
今天学习了 Component有人会问：为什么学习组件，作用是什么？接下来看个场景图中是个很常见的聊天界面，有 些标准的控件，比如右上角的关闭按钮、输入框、发送按钮等。你可能要问了，这有什么难的，不就是几个 div input 吗？产品经理：现在需求升级了，这几个控件还有别的地方要用到。程序员：没问题，复制粘贴呗。产品经理：要求输入框要带数据验证，按钮的图标支持自定义程序员：这样吧...
2019-10-22 11:14:00
157
原创 17.ES6之模板引擎&&字符串模板x-template
vue之x-template在Vue中，组件注册时填写模板内容需要添加很多HTML元素，此时便需要用到字符串模板，常见写法如下除了上述写法外，也可以使用JS的字符串模板即type=“text/x-template”，写法如下所示解析：< script>”中type是x-template是一种比较有用的功能。如果在声明一个组件时，在template中定义模板，如果要换行的...
2019-10-22 11:13:40
291
原创 js拷贝
前言如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化①如果B也跟着变了，说明这是浅拷贝，功力不够②如果B没变，那就是深拷贝，自食其力，修成正果接下来会分别阐述栈堆，基本数据类型与引用数据类型，这些概念能帮助理解深拷贝与浅拷贝。浅拷贝案例有人可能会问：明明b复制了a，为啥修改数组a，数组b也跟着变了。这里就得引入基本数据类型与引用数据类型的概念了。...
2019-10-21 19:10:18
104
原创 css
块级元素有哪些？… 标题标签 水平分割线... 段落... 无序列表... 有序列表... 定义列表... 表格... 表单...布局标签行内元素的特征：行内元素有哪些？…… 链接 换行（空标签，不深究）… 加粗、倾斜、下划线、删除线等文本装饰标签… 下拉列表行内元素特性特殊：常用的行内块级inline-block标签：...
2019-10-21 19:09:17
114
原创 Vue第六天
Vue和React框架用遍历指令时的key值不建议用index（1）key值在没有删除插入操作时只要是唯一值也无所谓，即此时为index索引也可以（2）如果有删除插入的操作，后一位会继承删掉的index，这时的key写不如不写，本来key是为了让遍历性能优化的操作，这种可能重复或者改变的key值不仅不会优化还会影响性能（3）index作为:key值，有可能导致第一次执行循环体初始化失败，正确...
2019-10-15 19:14:21
113
原创 Vue第五天
迭代器迭代器模式是一种相对简单的模式，迭代器的使用可以极大地简化数据操作，目前的绝大部分语言都内置了迭代器forEach迭代器forEach方法接收一个函数作为参数，对数组中每个元素使用这个函数，只调用这个函数，数组本身没有任何变化，即不改变原始数组map迭代器map迭代器和forEach有些类似，区别：可以生成新数组every迭代器every方法接受一个返回值为布尔类型的函数，s...
2019-10-14 19:16:16
126
原创 Vue学习之第四天
今天学习了：主要介绍两种经常混淆的字符串截取方法:substring和substrsubstring作用：用于提取字符串中介于两个指定下标之间的字符语法：substring(start,end)语法解析：start开始和end结束的位置，从零开始的索引，包头不包尾substr定义：返回字符串的一个子串，传入参数是起始位置和长度substr验证1、只有一个参数，正整数（自动输出后面...
2019-10-12 15:56:20
123
原创 Vue钩子声明周期
今天学习了（1）什么是生命周期？从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！（2）生命周期钩子选项/生命周期钩子？就是生命周期事件的别名而已。（3）生命周期钩子 = 生命周期函数 = 生命周期事件（4）主要的生命周期函数分类：①创建期间的生命周期函数②运行期间的生命周期函数③销毁期间的生命周期函数（5）创建期间的生命周期函数：①be...
2019-10-12 13:25:31
96
原创 Vue 修饰符
v-on修饰符：①.stop：阻止事件的传递，即阻止事件向上冒泡。.prevent：阻止对象的默认行为.capture：使用事件捕获机制.self：当事件在该元素自身触发时执行相应的事件处理程序，在该元素的子元素上不触发。.once：绑定的事件只能触发一次。keyup.keyCode键值修饰符，用来监听键盘事件。console对象，提供5种方法，用来显示信息日志信息console....
2019-10-10 19:28:42
126
原创 初识、Vue框架
初识Vue框架Vue分为三种阶段 基础阶段、进阶阶段、实战阶段今天初学Vue框架 对Vue框架有了一些简单的认知 下面是一些 Vue常用的单词写法 以及 简单的释义Integrated集成Development开发Environment环境MVC—Model模型View视图 Controller控制器MVP—Model模型View视图Presenter逻辑MVVM—Model模型Vie...
2019-10-09 19:03:59
187
原创 rem 和px的区别
以下为一种是利用javascript来控制元素的font-size:(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', r...
2019-09-03 18:56:28
361
原创 CSS轮播
以下是代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>LunBo</title> <style> *{ padding: 0; ma...
2019-08-31 14:56:47
119
原创 CSS手风琴效果
以下是代码<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c...
2019-08-31 14:55:52
1190
原创 CSS选项卡
以下是内容<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0; margin: 0; } bod...
2019-08-31 14:54:45
334
原创 文字雨滴
文字雨滴<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>飘雪效果</title> <style type="text/css"> *{ margin: 0; padding: 0; } ht...
2019-08-29 18:05:35
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人