由React构造函数中bind引起的this指向理解(React组件的方法为什么要用bind绑定this)

2020-05-29
阅读 5 分钟
4.4k
React文档源码 {代码...} ​ 为什么要用bind重新绑定? 首先一点,React这是使用的ES6的 class ,它只是一种语法糖(只要它能实现的,ES5也能实现)。 而使用 class 创建的对象,在没有通过 new 关键字去实例化的之前,它的内部方法this是无绑定状态的。 也就是说上面的代码,handleClick 方法如果不做绑定,那么这个方法...

vue项目中点击非刷新按钮,页面刷新并且路由多了个问号解决方案

2019-09-29
阅读 1 分钟
3k
问题描述 在vue项目开发过程中,点击查询或重置按钮,结果页面刷新了一遍 后来发现路径变成了 localhost:8080/?#/advanced​ 原因 这是因为在 form 表单里,点击了button 按钮,触发了表单的默认事件,也就是触发了提交行为。 ​ 解决方案 使用 @click.prevent 阻止默认事件即可 {代码...} 或者不要 form 标签

火狐浏览器图形验证码刷新不生效的问题(图片src重新赋值不生效的问题)

2019-08-31
阅读 1 分钟
3k
场景之一 图形验证码刷新 刷新方式:点击一次图片,就重新给src赋值一次,从而进行刷新。 {代码...} 这样写在谷歌浏览器中是正常显示的,没有问题。但是火狐就会出现不刷新的问题。 原因 【由于指定的src与原来图片的src相同,所以在ie7、火狐浏览器下验证码不会刷新】 问题就出在上面的赋值方式,导致每次src的路径都是...

使用vue-i18n实现中英文切换

2019-08-20
阅读 2 分钟
5.8k
源码地址 :vue-i18n-demo 安装 vue-i18n {代码...} 新建中英文对照文件 {代码...} 在 main.js 文件引入 {代码...} 使用 {代码...} 注: $t 是固定用法 效果:

vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)

2019-08-12
阅读 2 分钟
12.9k
区别 ECB: 是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。​ CBC: 是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强破解难度。(不容易主动攻击,安全性好于ECB,是SSL、IPSec的标准)

vue中使用v-for时为什么不能用index作为key?

2019-08-03
阅读 2 分钟
28.5k
结论: 更新DOM的时候会出现性能问题 会发生一些状态bug React 中的 key 也是如此 如果已经了解 为什么要用key,可以通过目录直接跳到下一节。

常用正则表达式公式总结

2019-06-05
阅读 4 分钟
4.5k
一、校验数字的表达式 数字:^[0-9]\*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]\*)$ 非零开头的最多带两位小数的数字:^([1-9][0-9]\*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$ ...

上传文件时监控读取进度,显示进度条

2019-05-27
阅读 3 分钟
5.1k
我们在使用异步事件处理时还能顺便获得一项优势,那就是能够监控文件的读取进度;这对于读取大文件、查找错误和预测读取完成时间非常实用。 onloadstart 和 onprogress 事件可用于监控读取进度。 以下示例演示了如何通过显示进度条来监控读取状态。要查看进度指示器的实际效果,请尝试读取大文件或远程驱动器中的文件。 ...

选择图片后显示缩略图(自动生成缩略图)

2019-05-27
阅读 3 分钟
4.1k
参考:使用drop实现点击和拖放选择/上传文件 下面是完整代码,看注释: {代码...}

vue中手动封装iconfont组件(三种引用方式的封装和使用)

2019-05-07
阅读 3 分钟
6k
在线使用 有时候会因网络问题影响用户体验;直接放在 本地使用 ,如果过多使用也会显得繁琐,所以就可以将其封装成一个组件,也方便维护。​ 封装基于阿里巴巴图标库的项目图标。​ 初次使用iconfont项目参考: 点我查看使用前的准备和三种引用方式介绍

在vue项目中(本地)使用iconfont字体图标的三种方式

2019-05-06
阅读 2 分钟
8.7k
使用前的准备和三种使用方式介绍,参考这里 开始使用: 点击下载到本地 在了路径 src/assets 下新建文件夹 iconfont ,用来存放字体图标的本地文件 解压下载到本地的字体图标文件,放到 iconfont 文件夹下 如过项目中没有下载 css-loader 依赖包,就进行下载,否则会报错 {代码...} 然后引入样式并使用即可。 {代码...} ...

Vue进阶,效率和优雅我都要

2019-05-06
阅读 7 分钟
6.8k
require.context 是一个 Webpack 提供的Api,通过执行require.context函数获取一个特定的上下文,主要是用于实现自动化导入模块。

页面刷新后,vuex中数据丢失、清空的解决方案 vuex-persistedstate

2019-05-05
阅读 1 分钟
12.6k
应用API进行用户身份验证,将登录状态保存为Vuex状态中的布尔值。当用户登录时,设置了 登录状态 并相应地有条件地显示 登录/注销 按钮。​ 但是当刷新页面时,vue应用程序的状态将丢失并重置为默认值。​ 这导致的问题就是:即使用户登录了,但刷新页面时,登录状态 也会设置为false, 这样即使用户保持登录状态,也会显...

vuex 使用总结(详解)

2019-05-05
阅读 8 分钟
89.7k
如果不打算开发大型单页应用,应用够简单,最好不要使用 Vuex。一个简单的 store 模式就足够了。但是,如果需要构建一个中大型单页应用,就要考虑如何更好地在组件外部管理状态,Vuex 是不错的选择。

在线使用iconfont字体图标

2019-04-30
阅读 4 分钟
9.1k
使用阿里巴巴矢量图标库 用前准备 在线使用案例 三种使用方式介绍 vue项目(本地)使用iconfont字体图标 使用准备 进入 阿里巴巴矢量图标库 ,登陆以后,搜索需要的图标,然后点击添加入库 进入“我的图标库”(右上角购物车),点击添加至项目 点击 + 图标创建一个新项目,然后把新图标加入到新项目中。(也可以按需添加到已...

vue-router 前端路由之路由传值

2019-04-30
阅读 2 分钟
5.3k
在前端的路由里面,我们在切换路由的时候,也相当于切换了页面,页面与页面之前有时候需要做到传值 ,这个时候就需要进行路由传值,在VueRouter里面,两个路由之间做跳转的时候,如何进行传值呢?