97浏览

0评论

vue-cli项目优化方法- 缩短首屏加载时间

最近实习的项目需求上要求不多，就学了下项目优化，主要是首屏加载太慢。大文件定位我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程js文件大小，然后有目的的解...

• 2020-05-27

78浏览

0评论

通过vue提供的keep-alive减少对服务器的请求次数

下面看下通过vue提供的keep-alive减少对服务器的请求次数VUE2.0中提供了一个keep-alive方法，可以用来缓存组件，避免多次加载相应的组件，减少性能的消耗。比如， 一个页面的数据包...

• 2020-05-27

108浏览

0评论

vue 指定组件缓存实例详解

keep-alive 简介keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单：<keep-alive> <component> <!-- 该组件将被缓存！ --> </componen...

• 2020-05-27

60浏览

0评论

Vue.js进阶知识点总结

对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了...

• 2020-05-27

70浏览

0评论

使用JSON格式提交数据到服务端的实例代码

准备Hero.javapublic class Hero { private String name; private int hp; public String getName() { return name; } public void setName(String name) { this....

• 2020-05-27

89浏览

0评论

JavaScript动态加载重复绑定问题

前言在添加一条数据时，使用动态加载显示在界面，后来发现一个严重的bug，拿我做的这个便签为例，当我添加一条数据后，然后点击删除的时候，提示是否删除，如下图：但是当我添加两条以上的...

• 2020-05-27

106浏览

0评论

微信小程序block的使用教程

经过一年的发展，微信小程序发展火热，本期就介绍下小程序的一些使用。在安卓中我们经常会使用ListView/GradeView/RecyclerView来实现展示循环数据。那么小程序中怎么到呢。其...

• 2020-05-27

77浏览

0评论

微信小程序wx:for和wx:for-item的用法详解

wx:for="{{list}}"用来循环数组，而list即为数组名wx:for-item="items" 即用来定义一个循环过程中每个元素的变量的如果是一维数组,按照如下方式循环出来：<view wx:for="{{list...

• 2020-05-27

87浏览

0评论

Angular父组件调用子组件的方法

理解组件组件是一种特殊的指令，使用更简单的配置项来构建基于组件的应用程序架构这样他能简单地写app，通过类似的web Component 或者angular2的样式。web Component 是一个规...

• 2020-05-27

94浏览

0评论

vue小白入门教程

一、vue是什么Vue 是一套用于构建用户界面的 渐进式框架 。压缩后仅有17kb二、vue环境搭建你直接下载并用 <script> 标签引入， Vue 会被注册为一个全局变量。但在用 Vue 构建...

• 2020-05-27

194浏览

0评论

vue计算属性及使用详解

一、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.spli...

• 2020-05-27

88浏览

0评论

JavaScript 日期时间选择器一些小结

flatpickr 是一个轻量级、注重精益、由 UX 驱动和可扩展的 JavaScript 日期时间选择器。 下载 演示 GitHubflatpickr 不依赖于任何库。更小的用户界面，但有很多主题。丰富的...

• 2020-05-27

84浏览

0评论

vue axios请求超时的正确处理方法

自从使用Vue2之后，就使用官方推荐的axios的插件来调用API，在使用过程中，如果服务器或者网络不稳定掉包了, 你们该如何处理呢&#63; 下面我给你们分享一下我的经历。具体原因最近...

• 2020-05-27

161浏览

0评论

webpack+react+antd脚手架优化的方法

在之前的文章中了解了webpack v4的特性，现在将知识用于实践，对之前写的一个react脚手架进行打包性能的优化。优化类目 样式分离 第三方资源分离 区分开发环境 热更新 提...

• 2020-05-27

77浏览

0评论

vue axios登录请求拦截器

当我们在做接口请求时，比如判断登录超时时候，通常是接口返回一个特定的错误码，那如果我们每个接口都去判断一个耗时耗力，这个时候我们可以用拦截器去进行统一的http请求拦截。1....

• 2020-05-27

75浏览

0评论

webpack v4 从dev到prd的方法

概述本月迎来了 v4 正式版的发布，本文用于学习新特性和总结开发必用plugin & loader，从dev到prd，走你~Big changesEnvironmentNode.js 4 is no longer supported. Source Code...

• 2020-05-27

75浏览

0评论

详解webpack-dev-server的简单使用

webpack-dev-server
webpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外，它还有一个通过Sock.js来连接到服务...

• 2020-05-27

87浏览

0评论

Vue项目分环境打包的实现步骤

在项目开发中，我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版都是修改了源码中API地址后打包，这样很...

• 2020-05-27

97浏览

0评论

Angular2进阶之如何避免Dom误区

前言
Angular2的设计目标本来就是要让浏览器和DOM独立。DOM是复杂的，因此使组件与它分离，会让我们的应用程序，更容易测试和重构。为了支持跨平台，Angular还通过抽象封装了不同平...

• 2020-05-27

77浏览

0评论

详解在React里使用"Vuex"

一直是Redux的死忠党，但使用过Vuex后，感叹于Vuex上手之快，于是萌生了写一个能在React里使用的类Vuex库，暂时取名 Ruex 。如何使用一：创建Store实例:与vuex一样，使用单一状态树(一...

• 2020-05-27

71浏览

0评论

vue内置指令详解

指令 (Directives) 是带有 v- 前缀的特殊属性， 职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。内置指令1、v-bind：响应并更新DOM特性；例如：v-bind:href v-bi...

• 2020-05-27

82浏览

0评论

nodejs多版本管理总结

windows
官网推荐使用 nvmw 或者 nvm-windows ；其他产品 nodist
nvmw 安装准备： 安装 git 安装 Python 2.7+ 如果需要node < 0.8的版本
nvmw 安装步骤: 打开cmd : win+R...

• 2020-05-27

82浏览

0评论

使用FileReader API创建Vue文件阅读器组件

有时候我们需要从文件中读取数据。在以前，你需要将其发送到服务器，然后返回所需的数据。问题是，现在我们还可以使用 FileReader API 直接访问浏览器中的文件。如果我们只是想读...

• 2020-05-27

64浏览

0评论

深入浅析Vue中的slots/scoped slots

一直对Vue中的slot插槽比较感兴趣，下面是自己的一些简单理解，希望可以帮助大家更好的理解slot插槽下面结合一个例子，简单说明slots的工作原理dx-li子组件的template如下：
<li cl...

• 2020-05-27

75浏览

0评论

react 实现页面代码分割、按需加载的方法

虽然一直有做 react 相关的优化，按需加载、dll 分离、服务端渲染，但是从来没有从路由代码分割这一块入手过，昨天在本地开发时没有测试成功，今天又搞了下，已经部署到线上环境了，今...

• 2020-05-27

92浏览

0评论

vue 组件中slot插口的具体用法

子组件<template> <div class="slotcontent"> <ul> <!--<slot></slot>--> <li v-for="item in items">{{item.text}}</li> </ul> </div></template><scri...

• 2020-05-27

77浏览

0评论

JavaScript同源策略和跨域访问实例详解

本文实例讲述了JavaScript同源策略和跨域访问。分享给大家供大家参考，具体如下：1. 什么是同源策略理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非...

• 2020-05-27

98浏览

0评论

JS遍历DOM文档树的方法实例详解

本文实例讲述了JS遍历DOM文档树的方法。分享给大家供大家参考，具体如下：一 介绍遍历文档树通过使用parentNode属性、firstChild属性、lastChild属性、previousSibling属性和ne...

• 2020-05-27

88浏览

0评论

使用react实现手机号的数据同步显示功能的示例代码

本文介绍了使用react实现手机号的数据同步显示功能的示例代码，分享给大家，具体如下：
要求如下 输入框输入内容数据长度大于0，展示出预览信息 光标离开关闭预览信息 预览信息...

• 2020-05-27

71浏览

0评论

新版vue-cli模板下本地开发环境使用node服务器跨域的方法

背景
我们都知道浏览器有一个既核心也最基本的安全功能，即同源策略。同源分别是:协议，域名，端口。如果浏览器访问服务器不同源的话，就会访问不到数据。那开发中常常访问的服务器...

• 2020-05-27

83浏览

0评论

为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题

用过vue-router都知道它可以实现模块js的懒加载，即只有当需要时才去加载对应模块的js脚本文件，以加速主页的显示。比如只有第一次用户点击某个“用户信息”按钮或菜单时，才下载...

• 2020-05-27

104浏览

0评论

详解如何用babel转换es6的class语法

babel是一个转码器，目前开发react、vue项目都要使用到它。它可以把es6+的语法转换为es5，也可以转换JSX等语法。我们在项目中都是通过配置插件和预设(多个插件的集合)来转换特...

• 2020-05-27

111浏览

0评论

在Vue项目中引入腾讯验证码服务的教程

什么是腾讯验证码？它长这个样子……:point_down: 最近公司项目要求引入腾讯云验证，要求是这样的： 为了防止别人恶意刷短信验证码，当用户短时间内多次获取验证码的时候，需要调用腾...

• 2020-05-27

94浏览

0评论

Vue filter介绍及详细使用

Vue filter介绍及其使用VueJs 提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果。Vue.js自带了一些默认过滤器例如：capitalize 首字母大写uppercase 全部大写...

• 2020-05-27

113浏览

0评论

JavaScript实现短暂提示框功能

业务场景：当鼠标移入某元素时，显示提示框进行介绍。当鼠标移除时，会自动消失。引入ToolTip.js和ToolTip.css主方法：ToolTip.show（需要提示的元素id, 随意不重复即可, 要提示的htm...

• 2020-05-27

94浏览

0评论

vue cli升级webapck4总结

webpack4 released 已经有一段时间了，插件系统趋于平稳，适逢对webpack3的打包速度很不满意，因此决定将当前在做的项目进行升级，正好也实践一下webpack4。
新特性
0配置应该是par...

• 2020-05-27

128浏览

0评论

详解vue 单页应用（spa）前端路由实现原理

写在前面：通常 SPA 中前端路由有2种实现方式： window.history location.hash下面就来介绍下这两种方式具体怎么实现的
一.history
1.history基本介绍
window.history 对象包...

• 2020-05-27

90浏览

0评论

10分钟上手vue-cli 3.0 入门介绍

环境安装全新版本的脚手架、逼格非常高、 记住这个名字 @vue/cli ，对就是这个 你npm 或者yarn 安装就行了，先保证全局环境有它。npm install -g @vue/cliyarn add global @vue...

• 2020-05-27

98浏览

0评论

vue.js实现点击后动态添加class及删除同级class的实现代码

最近使用vue需要实现一个点餐选择商品规格的页面，需要通过vue动态的给被点击的元素添加class名字，使其变色，其他的删除class。如图：开始在网上找了许多办法发现不是太好用，最后找...

• 2020-05-27

92浏览

0评论

D3.js实现简洁实用的动态仪表盘的示例

本文介绍了D3.js实现简洁实用的动态仪表盘的示例，分享给大家，具体如下：动态效果图：仪表盘效果图
细看上面的动态效果图，可以发现： 一个值变换到一个新的值时，是一个渐变的过程； 圆...

• 2020-05-27

84浏览

0评论

vue todo-list组件发布到npm上的方法

前言最近几个人合作完成了一个项目，发现有一些公用的基础业务组件，可以提取出来，不仅方便大家在各自模块直接引用，也可以在以后的项目中使用。想到了可不可以自己动手把组件打包...

• 2020-05-27

85浏览

0评论

AngularJS 应用模块化的使用

一.模块化的好处(1)实现逻辑更清晰、可读性强;
(2)团队开发分工明确,容易控制;
(3)充分利用可以重用代码;
(4)抽象出可公用的模块,可维护性强;
(5)模块化的遗留系统方便组装...

• 2020-05-27

75浏览

0评论

JS实现的DOM插入节点操作示例

本文实例讲述了JS实现的DOM插入节点操作。分享给大家供大家参考，具体如下：一 介绍插入节点通过使用insertBefore()方法来实现。insertBefore()方法将在另一个子节点前插入新的...

• 2020-05-27

99浏览

0评论

JS实现DOM删除节点操作示例

本文实例讲述了JS实现DOM删除节点操作。分享给大家供大家参考，具体如下：一 介绍删除节点通过使用removeChild()方法来实现。removeChild()方法用来删除一个子节点。obj. remov...

• 2020-05-27

60浏览

0评论

JS实现访问DOM对象指定节点的方法示例

本文实例讲述了JS实现访问DOM对象指定节点的方法。分享给大家供大家参考，具体如下：一 介绍使用getElementById()方法来访问指定id的节点，并用nodeName属性、nodeType属性和node...

• 2020-05-27

71浏览

0评论

vue中mint-ui的使用方法

mint-ui在vue中的使用，供大家参考，具体内容如下首先放上mint-ui中文文档近来在使用mint-ui，发现部分插件在讲解上并不是很详细，部分实例找不到使用的代码。github上面的分享，里面...

• 2020-05-27

100浏览

0评论

vue基于mint-ui实现城市选择三级联动

项目是基于vue2 的移动端项目，供大家参考，具体内容如下1、实际效果地址三级联动 mint-ui picker.png2、首先你需要去下载一个包含中国省份，城市，区县的数据如下：
（这个地址里面包...

• 2020-05-27

69浏览

0评论

解决vue中使用swiper插件问题及swiper在vue中的用法

Swiper简介Swiper常用于移动端网站的内容触摸滑动。Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多...

• 2020-05-27

88浏览

0评论

Angular HMR(热模块替换)功能实现方法

最近一个同事在使用Angular的时候，希望能像VUE那样，修改代码后浏览器不刷新，页面对应修改的组件自动更新的功能。这个功能的名字时HMR (hot module replace)。
稍微研究了一下，...

• 2020-05-27

85浏览

0评论

关于Google发布的JavaScript代码规范你要知道哪些

Google为了那些还不熟悉代码规范的人发布了一个JS代码规范。其中列出了编写简洁易懂的代码所应该做的最佳实践。代码规范并不是一种编写正确JavaScript代码的规则，而是为了保...

• 2020-05-27