- 博客(9)
- 收藏
- 关注
RSS订阅原创 VueX学习笔记
VueX介绍VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。安装以下步骤的前提是你已经完成了Vue项目构建，并且已转至该项目的文件目录下。npm安装VueXnpm i vuex -
2021-11-18 11:28:19
717
原创 vue-router学习分享
文章目录1、vue-router是什么2、vue-router实现原理2.1、Hash模式：2.2、History模式：3、使用路由模块来实现页面跳转的方法4、vue-router使用方法5、重定向和别名5.1、重定向5.2、别名6、vue-router参数传递6.1、用name传递参数6.2、通过``标签中的to传参6.3、利用url传递参数----在配置文件里以冒号的形式设置参数。7、命名视图7.1、vue-router配置子路由(二级路由)7.2、单页面多路由区域操作1、vue-router是什么
2021-08-16 13:54:02
320
原创 js实现轮播图(点击小图片切换大图片+自动切换)
js实现轮播图(点击小图片切换大图片+自动切换)实现效果如下：点击小图切换大图和轮播标题，点击左右按钮大小图和轮播标题切换，鼠标进入清除定时器，鼠标移出恢复轮播html代码如下：<div class="switch fl" id="jsSwitch"> <div class="switch-bottom"> <div class="switch-l" > <img class="swi
2020-07-03 15:01:14
7315
2
原创 symbol
SymbolES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第7种数据类型。Symbol值通过Symbol函数生成。也就是说，对象的属性名现在可以有两种形式：一种是原来就有的字符串，另一种就是新增的Symbol类型。只要属性名属于Symbol类型，就是独一无二的，可以保证不会与其他属性名产生冲突。let s = Symbol();typeof ...
2019-12-11 15:55:23
225
原创 JavaScript加载和执行
JavaScript在浏览器中的性能，可以认为是开发者所面临的最严重的的可行性问题。这个问题因JavaScript的阻塞特征变得复杂，也就是说当浏览器在执行JavaScript代码时，就不能同时做其他任何事情。事实上，多数浏览器使用单一进程来处理用户界面刷新和JavaScript脚本执行，所以同一时刻只能做一件事。JavaScript执行过程耗时越久，浏览器等待响应的时间就越长。简单说，这以为...
2019-11-19 20:24:06
225
原创 尾调用+尾调用优化
什么是尾调用尾调用（Tail Call）是函数式编程的一个重要概念，就是指某个函数的最后一步是调用另一个函数。例如：function f(x) { return g(x);}上面的代码中，函数f的最后一步是调用函数g，这就是尾调用。注意：1.尾调用是指函数的最后一步是调用另一个函数，如果调用另一个函数之后还有其他操作，即使语义完全一样也不属于尾调用。2.尾调用不一定出现在函数尾部，...
2019-10-25 17:55:52
349
原创 渐进增强和优雅降级
渐进增强：Progressive Enhancement针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高版本浏览器进行效果、交互等改进和追加功能，达到更好的用户体验。优雅降级：Graceful Degradation一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别渐进增强是向上兼容优雅降级是向下兼容...
2019-10-24 20:22:10
163
原创 清除浮动
浮动浮动脱离标准流，浮动的元素总是找离它最近的父级元素对齐，但不会超出内边距的范围。浮动的目的就是为了让多个块级元素同一行显示。清除浮动本质：为了解决父级元素因为子级浮动引起内部高度为0的问题。解决“高度塌陷”清除浮动的方法1. 额外标签法在浮动元素末尾添加一个空标签<div style="clear: both;"></div>2. 父级添加ov...
2019-10-23 20:28:34
288
原创 css隐藏元素方法（display:none,visibility:hidden,opacity:0的区别）
display:none;使用该属性之后，html元素（对象）的height、width等各个属性都将“丢掉”，隐藏掉元素的同时其他的内容会填充过来。网页会发生回流。visibility:hidden;使用该属性之后，html元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的控件位置任然存在，也就是说它任然有height、width等属性值。该区域在隐藏之前绑定的事件也不会再被...
2019-10-22 21:17:22
378
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人