纸鸢111-CSDN博客

原创 vue中keep-alive最完美的组件局部缓存

vue组件缓存在根组件中app.vue。具体看引用后台管理系统可能不一样 <keep-alive> <router-view v-if="$route.meta.keepAlive" :include="include" /> </keep-alive> <router-view v-if="!$route.meta.keepAlive" /> name: 'AppMain', data: () =&g

2021-04-29 11:35:39 558 1

原创 Vue中的父子组件之间的传值

vue中我们常常用到组件：父子组件之间的传值如何传值的呢1、父组件向子组件传值你可以给子组件传入一个值，用v-bind绑定 <menu-item :title='ptitle' content='hello'></menu-item>1子组件要显式的用props选项声明它预期的数据Vue.component('menu-item', { props: ['title', 'content'], data: function() {

2020-07-23 19:46:15 329

原创 Vue的生命周期是什么

我们知道vue是一个构建数据驱动的web界面的渐进式框架。那vue的生命周期是什么呢？vue生命周期是指vue实例对象从创建之初到销毁的过程，vue所有功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和DOM渲染两大重要功能。先放一张官方文档的图在这个图中我们可以清楚地看到 Vue 的整个生命周期和它所提供的钩子函数。钩子函数beforeCreate(创建前):此阶段为实例初始化之后，此时的数据观察和事件机制都未形成，不能获得DOM节点。created

2020-07-23 19:43:20 254

原创 Vue.js中的热更新

使用vue的热加载可以实现局部内容的刷新，更改数据后，不会刷新整个页面在webpack.config.js中设置：对config.devServer中添加属性hot:true对config.plugins添加new webpack.HotModuleReplacementPlugin(),new webpack.NoEmitOnErrorsPlugin()具体设置如下：const path = require('path')const { VueLoaderPlugin } = requir

2020-07-23 19:38:48 3312

原创 Vue之时间过滤器，CV即可

使用方式 <div id="app"> <div>{{date | format('yyyy-MM-dd hh:mm:ss')}}</div> </div><script> var vm = new Vue({ el: '#app', data: { date: new Date() } });</script>代码 Vue.filter('

2020-07-23 19:34:33 105

原创怎样开发属于自己的包

1.规范的包结构一个规范的包，它的组成结构，必须符合以下 3 点要求：包必须以单独的目录而存在包的顶级目录下要必须包含 package.json 这个包管理配置文件package.json 中必须包含 name，version，main 这三个属性，分别代表包的名字、版本号、包的入口2.需要实现的功能3 初始化包的基础结构新建 itheima-tools 文件夹，作为包的根目录在 itheima-tools 文件夹中，新建如下三个文件：package.json (包管理配置文

2020-07-08 19:40:40 214

原创 Nodes.js终端命令

终端中的快捷键在 Windows 的 powershell 或 cmd 终端中，我们可以通过如下快捷键，来提高终端的操作效率：使用 ↑ 键，可以快速定位到上一次执行的命令使用 tab 键，能够快速补全路径使用 esc 键，能够快速清空当前已输入的命令输入 cls 命令，可以清空终端...

2020-07-05 19:11:07 228

原创 CV工程师必备头像裁剪通俗易懂，复制粘贴即可

基本使用步骤在中导入 cropper.css 样式表：在的结束标签之前，按顺序导入如下的 js 脚本：在卡片的 layui-card-body 主体区域中，定义如下的 HTML 结构：100 x 10050 x 50  <div class="row2"> <button type="button" class="layui-btn">上传<..

2020-07-04 16:48:19 344

原创为什么要使用事件委托，使用事件委托的好处

事件委托在我们程序员应聘阶段好多人都会被面试官问及到，那到底什么是事件委托呢？其实啊，事件委托是本应给子元素注册的事件，注册在父元素身上。然后使用 e.tage方法由父元素统一分配给每个触发了事件的子元素身上。此过程就称之为事件委托。举例子来说就好比如收发快递的菜鸟驿站，快递员将一个区域的快递放到菜鸟驿站然后由菜鸟驿站统一分发给每个人啦。...

2020-07-02 19:34:03 1000 1

原创开发中必不可少的版本控制及其多人开发的git工作流程和基本命令

基本的 Git 工作流程如下：① 在工作区中修改文件② 将你想要下次提交的更改进行暂存③ 提交更新，找到暂存区的文件，将快照永久性存储到 Git 仓库本地初始化 git init ☆☆☆检查文件的状态 git status ☆☆☆跟踪文件 git add 文件名 ☆☆☆提交更新 git commit -m ‘日志信息’ 日志信息一定要写☆☆☆向暂存区中一次性添加多个文件 git add .取消已暂存的文件 git reset HEAD 要移出的名称 ☆☆跳过使用暂存区域 git

2020-07-01 11:36:05 236 1

原创函数防抖与节流区别及应用场景介绍

1.函数防抖：用户多次触发事件，以最后一次触发为准2.函数节流 : 限制事件的执行周期 (500ms内只会执行一次) 3.函数防抖与函数节流异同点与应用场景 (1) 相同点：都是为了优化js代码执行频率，提高代码性能 (2) 不同点：函数防抖：由用户需求决定 a. 鼠标移入移出：用户快速移动鼠标，应该等用户结束移动后，以最后一次为主 b. 输入框事件 :

2020-06-27 08:29:09 629

原创一分钟带你了解JavaScript

JavaScript简介1.1什么是Javascript？javascript是一种编程语言1.2.学习Javascript的意义一个前端网页主要由三门语言组成，他们之间是缺一不可的关系HTML：确定网页的结构CSS: 确定网页的样式JavaScript: 确定网页的行为(交互)众所周知，在前端开发中一个网页的源代码主要由三部分组成（HTML,CSS,Javascript）,其中HTML确定网页的结构，CSS确定网页的样式,而JavaScript则主要负责网页的行为（动态效果，交互事件等

2020-06-17 19:07:49 136

原创引用类型与值类型区别

引用类型：复杂数据类型，两种：array和object值类型：基本数据类型，五种：string number boolean undefined null为什么要有引用类型与值类型?假设将数据比喻为现实生活中的钱，当我们买东西的时候如果是比较少量的钱，一般我们使用钱包里面的现钱，这样更加快捷方便。如果我们买东西需要使用很多的钱，比如买一辆五百万的法拉利，那么使用现金就不方便，一般我们会把大量现金存到银行，然后使用刷卡来支付在计算机的内存中，数据的存储也是如此。1.内存主要有两部分:栈（钱包）.

2020-06-11 20:08:23 659 2

原创 css3中自适应边框图片运用

css3中自适应边框图片运用：组合写法：border-image: url("images/border.jpg") 167/20px round;拆分写法：border-image-source: url("images/border.jpg");border-image-slice: 167 167 167 167;border-image-width: 20px;border-image-repeat: round;解释：边框图片资源地址裁剪尺寸（上右下左）单位默认p

2020-06-09 19:48:53 945 1

原创移动端触屏事件方法及描述

1.1.1 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件如下：1.1.2 触摸事件对象（TouchEvent）TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化

2020-06-06 20:53:43 378 1

weixin_47198024的博客