VUE 地区三级联动插件 v-Distpicker

V - Distpicker 地区选择器 环境问题不多说,自己看文档,主要讲一下在实际使用过程中如何将下拉框的值赋值到对象属性上. 文档: https://distpicker.uine.org/ github: https://github.com/jcc/v-distpicker ...

2018-12-10 20:44:22

阅读数 272

评论数 1

this指向问题详解

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确...

2018-11-14 15:49:21

阅读数 70

评论数 0

HTML5事件—visibilitychange 页面可见性改变事件

又看到一个很有意思的HTML5事件   visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等。虽然这只是一个简单的功能,但是能够广大的采...

2018-11-10 11:09:05

阅读数 134

评论数 0

原生Js实现复制功能的方法总结,execCommand和clipboardData的使用

原生Js实现复制(Copy)的两种方法,一种是利用 clipboardData,另外一种则是用 execCommand(),今天将统一讲解一下关于他们的使用方法。   document.execCommand 当一个HTML文档切换到设计模式(designMode)时,文档对象暴露 exec...

2018-11-09 21:46:27

阅读数 94

评论数 0

url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介

引子 浏览器URl地址,上网一定会用到,但是浏览器地址有中文或者浏览器url参数操作的时候,经常会用到encodeURIComponent()和decodeURIComponent()以及encodeURI()等等。关于浏览器参数操作,请看文章http://www.haorooms.com/po...

2018-10-26 17:35:05

阅读数 42

评论数 0

async/await 的执行顺序

随着async/await正式纳入ES7标准,越来越多的人开始研究据说是异步编程终级解决方案的 async/await。但是很多人对这个方法中内部怎么执行的还不是很了解,本文是我看了一遍技术博客理解 JavaScript 的 async/await(如果对async/await不熟悉可以先看下这篇...

2018-10-25 22:02:55

阅读数 40

评论数 0

VUE实现打印功能的两种方法

第一种方法:通过npm 安装插件   1,安装  npm install vue-print-nb --save 2,引入  安装好以后在main.js文件中引入             import Print from 'vue-print-nb'     Vue.use(Prin...

2018-10-24 11:03:35

阅读数 1509

评论数 2

Swiper插件 loop:true时引发绑定dom的click事件无效及解决方案

现象 在使用 swiper 这个库的时候,一旦设置 loop:true 的时候,有时会遇到 dom 绑定事件无法触发的问题。 原因 当loop模式下slides前后会clone若干个slide,从而形成一个环路,但是却不会复制绑定在dom上的click事件。 解决 不要将click事件绑...

2018-10-12 15:21:41

阅读数 1671

评论数 0

React Router路由传值的三种方法

一.props.params 官方例子使用React router定义路由时,我们可以给<Route>指定一个path,然后指定通配符可以携带参数到指定的path: 首先定义路由到UserPage页面:   import { Router,Rout...

2018-10-07 22:04:11

阅读数 139

评论数 0

react打包之后有多余文件的问题

打包之后还有config、node_modules、static、webpack等多余文件。  解决办法:   打开  =>  webpack.config.prod.js  找到   =>  devtool: shouldUseSourceMap...

2018-10-02 22:10:33

阅读数 339

评论数 0

前后端数据交互,axios和jquery ajax的区别

axios作为Vue生态系统中浓墨重彩的一笔,我学习这个东西也是花了一定的时间的。刚开始的时候,也是遇到了很多问题。 逐渐摸透了它的脾气。 首先说说FormData和Payload两种数据格式的区别: 先是提交一个FormData的请求试试看: 然后我们看后端: 然后我们提交一个...

2018-10-02 21:47:25

阅读数 154

评论数 0

react 生命周期

在组件的整个生命周期中,随着该组件的props或者state发生改变,它的DOM表现也将有相应的改变,一个组件就是一个状态机,对于特定的输入,它总会返回一致的输出。 React为每个组件提供了生命周期钩子函数去响应不同的时刻——创建时、存在期及销毁时。   生命周期方法 React的组件拥...

2018-09-29 15:50:54

阅读数 64

评论数 0

React异步请求数据出现setState(...): Can only update a mounted or mounting component...

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This...

2018-09-16 10:56:35

阅读数 109

评论数 0

React 中使用 swiper 插件

安装 Swiper npm install --save swiper 编写 Swiper 组件 1,首先引入 Swiper 以及样式 // 引入此路径,才不会打包失败 import Swiper from 'swiper/dist/js/swiper.js' import 'swiper/...

2018-09-13 15:14:10

阅读数 2427

评论数 1

使用装饰器优化connect代码

1,npm   run   eject   弹出个性化配置 //  package.json 中会导入更多依赖,多了config文件夹,里面有webpack.config.dev、webpack.confog.prod等修改文件   2,npm install babel-plugin-tr...

2018-09-08 10:48:56

阅读数 115

评论数 0

使用Redux工具调试

Redux拥有很多第三方的调试工具,可用于分析代码和修复bug。最受欢迎的是time-travelling tool,即redux-devtools-extension。设置它只需要三个步骤。 首先,在Chrome中安装Redux Devtools扩展。 然后,在运行Redux应用程序的终端里...

2018-09-07 18:12:13

阅读数 254

评论数 0

使用Babel把ES6编译成ES5

建立工程目录: 先建立一个项目的工程目录,并在目录下边建立两个文件夹:src和dist src:书写ES6代码的文件夹,写的js程序都放在这里。 dist:利用Babel编译成的ES5代码的文件夹,在HTML页面需要引入的时这里的js文件。 编写index.html: 文件夹建立好后,我们...

2018-08-22 15:05:53

阅读数 298

评论数 0

移动端调试痛点?——送你五款前端开发利器

之所以写这个总结,还要从上周的一次移动端项目的 debug 说起。那天,测试小姐姐拿着自己的 iphone6s 过来找我,说页面打不开。我想:这怎么可能,我手机里挺好的呀,Chrome调试工具也没报错呀!就把她手机拿过来看了看,发现一进去还真就是一片空白。WTF(手动黑人问号)!!!那问题就来了,...

2018-08-20 20:14:28

阅读数 93

评论数 0

原生JS操纵cookie

cookie概述  在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟 全局变量的功能,但并不严谨。例如在导航框架页面内右击,单击快捷菜单中的【刷新】命令,则所有的JavaScript变量都会丢失。因此,要实现严格的 跨页面全局变量,这种方式是不行...

2018-08-14 11:34:40

阅读数 152

评论数 0

你真的理解setState吗?

面试官:“react中setState是同步的还是异步?” 我:“异步的,setState不能立马拿到结果。”  面试官:“那什么场景下是异步的,可不可能是同步,什么场景下又是同步的?” 我:“......” setState真的是异步的吗 ? 这两天自己简单的看了下setState的部分实现...

2018-08-12 10:54:09

阅读数 1093

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭