- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue中使用video.js播放器
/ preload: 'auto', // 预加载 ‘auto‘ 自动 ’metadata‘ 元数据信息 ，比如视频长度，尺寸等 ‘none‘ 不预加载任何数据，直到用户开始播放才开始下载。// loop: false, // /false 视频播放结束后，是否循环播放。// 将 video.js/dist/lang/zh-CN.js 文件下的代码复制到项目中即可。// muted: false, // /false 是否静音。'Pause': '暂停','Play': '播放',
2022-11-09 22:07:07
1135
原创 前端js库，lodash的基本函数的使用
identity]) “过滤” 创建一个数组， value（值） 是 iteratee（迭代函数）遍历 collection（集合）中的每个元素后返回的结果。.identity]) “数组对象去重” 这个方法类似_.uniq ，除了它接受一个 iteratee （迭代函数），调用每一个数组（array）的每个元素以产生唯一性计算的标准。Lodash就是这样的一个工具库，方便我们在日常的开发中对数据的操作，特别是数组和对象的各种读写等操作，比如去重，拷贝，合并，过滤，求交集，求和等等，提高开发效率。
2022-11-09 15:44:43
1123
原创 vue2使用 identify插件实现图片验证码
也可以局部引入，本文采用局部引入。identify是一款使用使用。来生成图形验证码的vue插件。
2022-11-09 15:31:54
1314
原创 vue项目中使用mixin，2和3.0都适用。
想要使用一个事物或者工具，我们首要先了解它是什么，这样我们才好对症下药。其实Mixin不是Vue专属的，可以说它是一种思想，也可以说它就是混入的意思，在很多开发框架中都实现了Mixin(混入)，我们这里主要讲解的是Vue中的Mixin。老规矩，先看官方文档。混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
2022-11-09 15:17:32
598
转载 vue和react diff算法比较
3.① Vue的列表比对，采用从两端到中间的方式，旧集合和新集合两端各存在两个指针，两两进行比较，如果匹配上了就按照新集合去调整旧集合，每次对比结束后，指针向队列中间移动；③当一个集合把最后一个节点移动到最前面，react会把前面的节点依次向后移动，而Vue只会把最后一个节点放在最前面，这样的操作来看，Vue的diff性能是高于react的。2.Vue对比节点，当节点元素类型相同，但是className不同时，认为是不同类型的元素，删除重新创建，而react则认为是同类型节点，进行修改操作。
2022-09-25 20:00:52
4323
转载 Vue中使用插件element-china-area-data -S
一、安装 element-china-area-data。四.Data return里的内容。三、里面的部分。regionData是省市区三。二、在vue文件中引入。动数据（不带“全部”选项)五.选择时触发的事件方法。
2022-09-23 20:21:51
830
原创 正则表达式大全
链接：https://juejin.cn/post/7119242343798013959。商业转载请联系作者获得授权，非商业转载请注明出处。强密码2（必须包含字母、数字、特殊字符：**@#$%^&
2022-09-08 15:01:53
278
转载 vue中nextTick机制
首先我们看下官网给出的介绍:用法：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后DOM。// 修改数据// 当我们在这里调用DOM的数据时，它其实还没有更新// DOM 更新了})// 2.1.0新增 Promise用法// 此时DOM已经更新})复制代码2.1.0 起新增：如果没有提供回调且在支持 Promise 的环境中，则返回一个 Promise。
2022-09-08 09:13:24
1356
原创 vue详解diff算法
要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？比较，有四种比较方式，当其中两个能匹配上那么真实dom中的相应节点会移到Vnode相应的位置，这句话有点绕，打个比方。上面的代码会分别比较同一层的两个div以及第二层的p和span，但是不会拿div和span作比较。匹配，则将dom中的a节点放到第一个，已经是第一个了就不管了，此时dom的位置为：a b d。
2022-09-07 16:29:13
124
原创 React高阶组件深入理解
例如，我们完全可以把高阶组件中的逻辑放到一个父组件中去执行，执行完成的结果再传递给子组件。从逻辑的执行流程上来看，高阶组件确实和父组件比较相像，但是高阶组件强调的是逻辑的抽象。这里可以有一个例外，即最内层的高阶组件h可以有多个参数，但其他高阶组件必须只能接收一个参数，只有这样才能保证内层的函数返回值和外层的函数参数数量一致(都只有1个)。是React 中一个很重要且较复杂的概念，高阶组件在很多第三方库（如Redux）中都被经常使用，即使你开发的是普通的业务项目，用好高阶组件也能显著提高你的代码质量。
2022-09-07 15:45:32
296
转载 谈谈你对虚拟DOM原理的理解?
Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述.
2022-09-07 15:06:11
179
原创 vue中keep-alive到底是什么?
keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。
2022-09-07 14:09:02
130
原创 React常用面试题
jsx是JavaScript的一种语法扩展，它跟模板语言很接近，但是它充分具备JavaScript的能力JSX就是用来声明React当中的元素，React使用JSX来描述用户界面JSX语法糖允许前端开发者使用我们最熟悉的类HTML标签语法来创建虚拟DOM在降低学习成本。
2022-09-07 11:41:52
712
原创 vue中使用vue-seamless-scroll列表循环滚动插件
singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1。singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3。waitTime: 1000, // 单步运动停止的时间(默认值1000ms)openWatch: true, // 开启数据实时监控刷新dom。direction: 1, // 0向下 1向上 2向左 3向右。页面上使用，template标签下面使用。
2022-09-07 11:32:44
814
转载 纯css实现超出部分显示省略号，控制文字行数
webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的WebKit属性。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式。必须结合的属性 ，将对象作为弹性伸缩盒子模型显示。
2022-09-07 11:18:17
300
转载 vue实现后台管理项目-登录、记住密码功能
利用cookie实现，实现记住密码功能，下次打开页面自动补全，设置有效期为7天；rules定义账号密码验证规则，可自定义规则。点击记住密码方法调用：进入到页面进行读取。点击登录调用接口跳转后台首页。login.vue组件。
2022-09-07 10:15:35
1451
转载 JavaScript中reduce函数的用法
reduce()是数组的归并方法，与forEach()、map()、filter()等迭代方法一样都会对数组每一项进行遍历，但是reduce()可同时将前面数组项遍历产生的结果与当前遍历项进行运算，这一点是其他迭代方法无法企及的。httpshttpshttpshttps。...
2022-07-20 14:07:24
2365
原创 Vue+Django+axios+openpyxl后端python读取数据库生成excel文件前端下载（前后端代码）
python+mysql+vue实现前后端下载数据库数据到本地
2022-07-04 20:11:56
1027
2
转载 Django+jwt认证原理,实现登录
前言带着问题学习是最有目的性的，我们先提出以下几个问题，看看通过这篇博客的讲解，能解决问题吗？什么是JWT？为什么要用JWT？它有什么优势？JWT的认证流程是怎样的？JWT的工作原理？我们带着4个问题进入学习1.什么是JWT？JWT全称Json Web Token，JWT 是一种开发的行业标准 RFC 7519 ，用于安全的表示双方之间的声明。目前，JWT广泛应用在系统的用户认证方面，特别是现在前后端分离项目。2.为什么要使用JWT？它有什么优势？用户登录认证方式分为传统的token登录方式和
2022-07-04 16:16:53
1341
1
转载 Django+drf+jwt+vue
文章目录1.传统的登录鉴权跟基于 Token 的鉴权有什么区别？2.drf 使用 jwt2.1安装2.2修改setting2.3添加urls2.4添加管理员账号2.5测试3.vue 使用token3.1获取token，保存到vuex => store 和localStorage3.2建立router全局守卫3.3 添加请求头3.4当前端拿到状态码为401，就清除token信息，并跳转登录页面1.传统的登录鉴权跟基于 Token 的鉴权有什么区别？以 Django 的账号密码登录为
2022-07-04 15:12:00
631
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人