学习目标： parseInt()、Number()这两个函数用到最多的地方就是把一个字符串转换成数据类型，那么他们都有哪些区别？ 学习内容： parseInt（）函数将给定的字符串以指定的基数解析为整...

目录 一、技术选型 二、技术实现 使用 vue-json-excel 插件实现 1.安装 vue-json-excel 依赖 2.注册插件到 vue 实例 3.使用方式 基于 sheetJS-xlsx 解析器的 xlsx-style 实现（推荐） 1.安装依赖 2.使用方...

本文实例为大家分享了vue echarts实现横向柱状图的具体代码，供大家参考，具体内容如下 实现效果： 代码： template div class="OverYearsPompany" div id="OverYearsPompanyChart" style="flex: 1; height: 368p...

引言 上一篇介绍了axios的简单封装，知道了axios拦截器的应用场景和方法，今天来看一下对于响应时间过长且请求次数过高的情况拦截器如何处理。 取消请求的方法 Axios使用内部提供的...

小白学习一下vue，然后了解到了webpack相关的知识，然后就各种安装 cnpm 是国内的源相比国际源要快很多，不知道cnpm的自己查一下吧。 cnpm install -g webpack 等一会安装成功了，我就想看一...

目录 前言 面试官的问法是否正确？§ React 是如何控制 setState 的 ？§ 未来会有异步的 setState§ 总结 前言 最近有个朋友面试，面试官问了个奇葩的问题，也就是我写在标题上的这个问题...

目录 首先是配置package.json 然后安装webpack工具 运行webpack测试 4.运行webpack测试 配置各种loader(文件解析器) （1）配置入口（entry） （2）配置出口（output） （3）配置加载器（loader） （...

【来源：http://www.nextecloud.cn/hk.html 转载请保留连接】 Mac node 删除 重新安装 删除 node -vsudo npm uninstall npm -gsudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*sudo rm -rf /...

目录 在项目中安装mockjs 在Vue项目中使用mockjs的基本流程 Mock语法规范 数据模板定义规范（Data Template Definition，DTD） 数据占位符定义规范（Data Placeholder Definition，DPD） Mock.mock() Mock.Ran...

报错如下： Uncaught TypeError: Cannot read property 'modules' of undefined at Object.eval (webpack-internal:///./node_modules/bindings/bindings.js:29) at eval (webpack-internal:///./node_modules/bindings/bindings.js:223) at Object../no...

本文实例为大家分享了vue实现多栏布局拖拽的具体代码，供大家参考，具体内容如下 一、目标 vue 实现多个盒子（用户根据实际场景决定盒子数量）自由拖拽，改变宽度。 二、应用场【...

目录 1、props 父组件---子组件通信 2、$emit 子组件---父组件传递 3、bus(事件总线) 兄弟组件通信 4、$parent、$children 直接访问组件实例 5、$refs 6、provide/inject(提供/注入) 多组件或深层次组件...

在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要缓存状态；vue里提供了keep-alive组件用来缓存状态...

目录 1、provide/inject有什么用？ 2、provide/inject使用方式 具体用法： vue3.0用法 总结 1、provide/inject有什么用？ 常用的父子组件通信方式都是父组件绑定要传递给子组件的数据，子组件通过...

目录 1、过滤唯一值 2、短路求值（Short-Circuit Evaluation） 2.1场景举例 3、转换Boolean型 4、转换String型 5、转换Number类型 6、快速求幂 7、快速Float转Integer 7.1使用场景 8、类中自动绑定 9、截...

vue项目中经常会用到keepalive来做缓存，在应付基本要求上可以说非常方便。但是遇到同一个页面，根据条件不同，分别缓存或者不缓存，就有些麻烦了。 首先先把坑列出来： 1. keep-al...

在做新版组态界面的时候，用vue框架实现，在配置页面图片的时候发现有一张图片明明页面输入的路径是对的可是图片就是不显示出来 现象： network页面资源也不报错,而且状态码竟然还...

目录 前言 1.父组件传值给子组件 2.子组件的 props 类型约束问题 （1）构造函数自定义类型 （2）自定义函数自定义类型 3.单向数据流问题 总结 前言 我们知道 vue 中父子组件的核心概念...

react.js框架Redux https://github.com/reactjs/redux 安装： npm install redux react-redux#基于react，我们在前面已经安装过了 Redux参考文档： http://redux.js.org/ Redux核心概念：Store 我们可以简单的理解为就...

目录 一、引言 二、什么是函数式编程 三、纯函数（函数式编程的基石，无副作用的函数） 四、函数柯里化 五、函数组合 六、声明式和命令式代码 七、Point Free 八、示例应用 九、总结...

如何定义复杂组件（类组件）与简单组件（函数组件）？ 是否具有状态（state） 引出问题，什么是状态？ 举个例子，今天考试，考砸了，因为我状态不好，是 状态 影响了我的 行为 。...

本文实例为大家分享了vue实现拖拽或点击上传图片的具体代码，供大家参考，具体内容如下 一、预览图 二、实现 点击上传思路： 将input的type设置为“file”类型即可上传文件。隐藏该...

学习了一段时间React，想真实的实践一下。于是便把我的个人博客网站进行了重构。花了大概一周多时间，网站倒是重构的比较成功，但是一上线啊，那个访问速度啊，是真心慢，慢到...

目录 前言 一、自定义聚焦指令 1、方式一 2、方式二 3、方式三 二、输入框防抖 1、需求 2、思路 3、代码实现 三、关键字高亮 1、需求 2、思路 3、代码演示 四、格式化Excel表格中存储的...

本文实例为大家分享了JavaScript实现简易购物车的具体代码，供大家参考，具体内容如下 代码： !DOCTYPE htmlhtml head meta charset="utf-8" / titleES6购物车/title style type="text/css" table { width: 50%; po...

目录 前言 准备 实现思路 上代码 总结 前言 微信授权登录是做微信公众号开发一直绕不开的话题，而且整个授权登录流程的实现，是需要前后端配合一起完成的。在过去前后端还未分离...

分为两种情况 1.开始时间和结束时间同一个框（限制只能本月） 2.开始时间和结束时间分开两个框（限制开始时间不能早于当前时间且结束时间不超过开始时间一星期） 情况1 //情况1...

项目场景： 黑马vue项目管理实战，获取商品分类，展开栏的标签页中修改修改数据属性 问题描述： 在本该点击+new tag这个标签页时弹出一个input框让用户输入需要添加的属性 结果点击...

项目场景： 在页面显示上有一个ul标签，我们需要动态进行列表数据的展示，而由于我们的页面上除了列表值，还有其他的值要进行展示，因此列表数据的数据结构是某个对象下面的数...

本文实例为大家分享了JavaScript实现简易轮播图的具体代码，供大家参考，具体内容如下 完整代码： !DOCTYPE htmlhtmlhead meta charset="UTF-8" titleES6轮播图/title script/script style * { margin: 0; paddin...

{{}}获取值，不会清空标签原有内容 v-text 获取值，会清空标签原有内容，输出的是纯文本 v-html 获取值，会清空标签原有内容，若数据中包含html标签，将其当html标签解析后输出 !DOCTYP...

目录 前言 一、原因： 二、解决思路： 1.本地存储方法: 2.实现步骤： 3.优化： 前言 在项目中表单筛选项里，选择完之后刷新页面数据就变了，没有保留在自己选择的选项上。 在项目中...

AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 script 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。 AngularJS 是一个 JavaScript 框架 AngularJS...

目录 Functional components Child component splitting Local variables Reuse DOM with v-show KeepAlive Deferred features Time slicing Non-reactive data Virtual scrolling 总结 参考资料 这篇文章主要参考了 Vue.js 核心成员Gui...

本文实例为大家分享了React实现二级联动效果的具体代码，供大家参考，具体内容如下 模仿饿了么实现一个二级联动的效果； import "../css/Leftrightlinkage.less";import React, { Component } from "re...

本文实例为大家分享了vue实现小球滑动交叉效果的具体代码，供大家参考，具体内容如下 废话不多说 直接上代码！ template div class="about" div class="box" !-- 默认线 -- div class="Line"/div !-- 蓝色...

本文实例为大家分享了React实现双滑块交叉滑动的具体代码，供大家参考，具体内容如下 html代码： body div id="root"/div/body script代码： script type="text/babel" const root = document.querySelector('#ro...

本文实例为大家分享了react native之ScrollView下拉刷新效果的具体代码，供大家参考，具体内容如下 ScrollView的refreshControl属性用于下拉刷新，只能用于垂直视图，即horizontal不能为true。 1...

本文实例为大家分享了React实现二级联动的具体代码，供大家参考，具体内容如下 js代码 import { Component } from 'react'import './linkage.less'class Linkage extends Component { constructor(...args) { super(...a...

目录 1、使用默认参数代替短路或条件 2、处理多个条件 3、用动态键值对替换开关（即对象文字） 4、避免过多的函数参数 5、使用Object.assign设置默认对象 1、使用默认参数代替短路或条...

本文实例为大家分享了React实现二级联动的具体代码，供大家参考，具体内容如下 实现效果： 普通h5页，图片我进行了裁剪，把用户那部分删掉了，不过也不影响说明 大体思路就是把数...

当你在发送网络请求的时候，出现以下保存信息，恭喜你跨域了 Access to XMLHttpRequest at 'XXXXX' from origin 'XXXXXX' has been blocked by CORS policy: Response to preflight request doesn't pass access control check:...

项目发布版本会遇到经常需要清理缓存的问题,以下是项目禁用缓存的实际方法 1.public文件夹中修改 index.html文件meta配置 meta http-equiv="pragram" content="no-cache" / meta http-equiv="cache-control" con...

本文将介绍一些常用的数组处理函数和语法，如reduce()、filter()、map()、every()、some()、展开运算符。这些知识和React与Redux本身没有直接关系，但是本章的示例中包含了这些函数和语法的...

大家好，今天我和大家分享一下轮播图的实现，下面是我做的轮播图效果 首先我们看到，它是由背景图片、方向图标和指示器组成。 我们发现背景图片、方向图标和指示器是层叠在一...

目录 代码优化 v-for 中使用 key v-if/v-else-if/v-else 中使用 key 合理的选择 v-if 和 v-show 使用简单的 计算属性 functional 函数式组件（Vue2） 拆分组件 使用局部变量 使用 KeepAlive 事件的销毁 图...

目录 一、基本事件处理 二、向父组件发出自定义事件 三、鼠标修饰符 四、键盘修饰符 五、系统修饰符 六、事件修饰符 一、基本事件处理 使用 v-on指令 (简称 @ )，我们可以监听 DOM 事...

在node中http有什么作用 http这个模块的职责就是帮你创建编写服务器 执行流程 1. 加载http模块 const http = require('http') 2. 使用http.createServer方法创建一个web服务器 返回一个server实例 const s...

目录 1. 场景描述 2.解决办法 el-select组件的options条数过多时的解决方案 业务场景 解决思路 注意事项 1. 场景描述 不知道你有没有这样的经历，下拉框的选项很多，上万个选项甚至更多...

vant list组件滚动保留滚动条位置，需结合keepAlive使用，分享此篇，供大家参考。 1、保存位置的前提是用的keepAlive组件来做缓存，app.vue代码 template div id="app" keep-alive router-view v-if='$rout...