vue文件树组件使用详解
本文实例为大家分享了vue文件树组件的实现方法，供大家参考，具体内容如下本文主要是分析vue官方仓库里的文件树组件[vue github]
demo可以查看 https://codepen.io/shayminsky2...
2020-05-27
vue的diff算法知识点总结
源码：https://github.com/vuejs/vue/blob/dev/src/core/vdom/patch.js虚拟dom
diff算法首先要明确一个概念就是diff的对象是虚拟dom，更新真实dom则是diff算法的结果Vnode基类...
2020-05-27
JavaScript EventEmitter 背后的秘密 完整版
什么是 Event Emitter?Event emitter 听起来只是触发一个事件，这个事件任何东西都能监听。想象一下这样的场景，在你的异步代码中，去“呼叫”一些事件的发生，以及让你其他部...
2020-05-27
理解 JavaScript EventEmitter
2个多月前把 Github 上的 eventemitter3 和 Node.js 下的事件模块 events 的源码抄了一遍，才终于对 JavaScript 事件有所了解。上个周末花点时间根据之前看源码的理解自己用...
2020-05-27
Vue实现导出excel表格功能
引言：最近使用vue在做一个后台系统，技术栈 vue + iView ，在页面中生成表格后， iView可以实现表格的导出，不过只能导出csv格式的，并不适合项目需求。如果想要导出Excel 在src目录...
2020-05-27
json对象及数组键值的深度大小写转换问题详解
前言最近在做一个项目，发现后端返回的数据键值全部都是大写的，有时候前端用起来很不方便，所以写了一个深度转换的小工具，分享给大家，也就不用重复造轮子了，不喜勿喷，下面话不多说了...
2020-05-27
微信小程序实现全局搜索代码高亮的示例
需求
最近在做微信小程序的时候，需要实现在搜索框的输入内容的时候实现全局匹配实现高亮效果，目前的思路是，递归后台来返回的数据，并将对象的value值替换为需要的dom节点，并且通...
2020-05-27
vue.js中created方法作用
这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都...
2020-05-27
Angular4学习笔记router的简单使用
router，也就是路由，是前端中一个比较重要的概念。通过router把特定的地址和对应的页面关联后分离出来，以达到解耦的目的。在src/app目录下新建一个detail的文件夹，建立一个名为g...
2020-05-27
webpack4.0打包优化策略整理小结
本文介绍了webpack4.0打包优化策略整理小结，分享给大家，具体如下：webapck4 新特性介绍-参考资料 当前依赖包的版本 1.优化loader配置 1.1 缩小文件匹配范围(include/exclude)通...
2020-05-27
js将键值对字符串转为json字符串的方法
要转化的键值对字符 var respDesc=“cardid=64157001&cardnum=1&sporder_id=PD12160428120635001&sporder_time=20160526101552”； var newstr = respDesc.replace("=",":\""...
2020-05-27
angular4 共享服务在多个组件中数据通信的示例
应用场景，不同组件中操作统一组数据，不论哪个组件对数据进行了操作，其他组件中立马看到效果。这样他们就要共用一个服务实例，是本次的重点，如果不同实例，那么操作的就不是同一组数...
2020-05-27
基于js中的存储键值对以及注意事项介绍
前端有时候需要存储键值对，需要主要的一点是键必须为字符串，重要的再次说明，键需要为字符串。重点内容<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(ru...
2020-05-27
Vue单页应用引用单独的样式文件的两种方式
问题描述对于.vue的文件来说，也是由结构、行为、样式三部分组成，在样式部分有个scoped的属性，也就是当前页面有效，当style标签内样式比较多时或者.vue文件之间有重复的时候，总感...
2020-05-27
JS和Canvas实现图片的预览压缩和上传功能
先来一张效果图，压压惊第一步：用户选择需要上传的图片<input type="file" accept="image/*" type="file"" name="imageFile" onchange="upload()"> 在选定了图片后 upload 函...
2020-05-27
postman+json+springmvc测试批量添加实例
postman工具配置和数据准备：1）在地址栏输入测试IP地址和端口号已经对应的接口地址；2）在Headers一栏添加参数Content-Type=application/json;已本地测试为例：对应配置图如下：3）点击B...
2020-05-27
浅谈Postman解决token传参的问题
问题描述：有一个登陆接口获取token，其他接口再次访问都要带上token解决方案：1、在登陆接口访问后设置Postman的环境变量（Environment），例如设置环境变量名：token，值为登陆接口访问成...
2020-05-27
Postman模拟发送带token的请求方法
Postman模拟发送带token的请求方法1）google浏览器中安装扩展程序Interceptor 2）Postman中开启Interceptor即可以上这篇Postman模拟发送带token的请求方法就是小编分享给大家的...
2020-05-27
jQuery中可见性过滤器简单用法示例
本文实例讲述了jQuery中可见性过滤器简单用法。分享给大家供大家参考，具体如下：一 介绍元素的可见状态有两种，分别是隐藏状态和显示状态。可见性过滤器就是利用元素的可见状态...
2020-05-27
jQuery中内容过滤器简单用法示例
本文实例讲述了jQuery中内容过滤器简单用法。分享给大家供大家参考，具体如下：一 介绍内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。内容过滤器共...
2020-05-27
jQuery中复合选择器简单用法示例
本文实例讲述了jQuery中复合选择器简单用法。分享给大家供大家参考，具体如下：一 介绍复合选择器将多个选择器（可以是ID选择器、元素选择或是类名选择器）组合在一起，两个选择器之...
2020-05-27
对Angular中单向数据流的深入理解
变更检测
Angular 中，数据是由顶部根节点流向最后的叶子节点，整个数据流是单向，构成一颗单向树。Angular 认为所有的异步操作都有可能会引起模型的变化，引起数据模型发生变化的...
2020-05-27
Vue项目使用CDN优化首屏加载问题
前言作为一个网站应用，加载速度是非常重要的。加载速度，一个是程序的合理安排，如以组件按需加载，一个是js、css等资源的异步加载。在Vue项目中，引入到工程中的所有js、css文件，编...
2020-05-27
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
一：使用CDN资源我们在打包时，会将package.json里，dependencies对象里插件打包起来，我们可以将其中的一些使用cdn的方式加载，例如不想把vue，axios，vuex，vue-router打包到我们项目中，我...
2020-05-27
vue-cli项目优化方法- 缩短首屏加载时间
最近实习的项目需求上要求不多，就学了下项目优化，主要是首屏加载太慢。大文件定位我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程js文件大小，然后有目的的解...
2020-05-27
通过vue提供的keep-alive减少对服务器的请求次数
下面看下通过vue提供的keep-alive减少对服务器的请求次数VUE2.0中提供了一个keep-alive方法，可以用来缓存组件，避免多次加载相应的组件，减少性能的消耗。比如， 一个页面的数据包...
2020-05-27
vue 指定组件缓存实例详解
keep-alive 简介keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单：<keep-alive> <component> <!-- 该组件将被缓存！ --> </componen...
2020-05-27
Vue.js进阶知识点总结
对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了...
2020-05-27
使用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
JavaScript动态加载重复绑定问题
前言在添加一条数据时，使用动态加载显示在界面，后来发现一个严重的bug，拿我做的这个便签为例，当我添加一条数据后，然后点击删除的时候，提示是否删除，如下图：但是当我添加两条以上的...
2020-05-27
微信小程序block的使用教程
经过一年的发展，微信小程序发展火热，本期就介绍下小程序的一些使用。在安卓中我们经常会使用ListView/GradeView/RecyclerView来实现展示循环数据。那么小程序中怎么到呢。其...
2020-05-27
微信小程序wx:for和wx:for-item的用法详解
wx:for="{{list}}"用来循环数组，而list即为数组名wx:for-item="items" 即用来定义一个循环过程中每个元素的变量的如果是一维数组,按照如下方式循环出来：<view wx:for="{{list...
2020-05-27
Angular父组件调用子组件的方法
理解组件组件是一种特殊的指令，使用更简单的配置项来构建基于组件的应用程序架构这样他能简单地写app，通过类似的web Component 或者angular2的样式。web Component 是一个规...
2020-05-27
vue小白入门教程
一、vue是什么Vue 是一套用于构建用户界面的 渐进式框架 。压缩后仅有17kb二、vue环境搭建你直接下载并用 <script> 标签引入， Vue 会被注册为一个全局变量。但在用 Vue 构建...
2020-05-27
vue计算属性及使用详解
一、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.spli...
2020-05-27
JavaScript 日期时间选择器一些小结
flatpickr 是一个轻量级、注重精益、由 UX 驱动和可扩展的 JavaScript 日期时间选择器。 下载 演示 GitHubflatpickr 不依赖于任何库。更小的用户界面，但有很多主题。丰富的...
2020-05-27
vue axios请求超时的正确处理方法
自从使用Vue2之后，就使用官方推荐的axios的插件来调用API，在使用过程中，如果服务器或者网络不稳定掉包了, 你们该如何处理呢? 下面我给你们分享一下我的经历。具体原因最近...
2020-05-27
webpack+react+antd脚手架优化的方法
在之前的文章中了解了webpack v4的特性，现在将知识用于实践，对之前写的一个react脚手架进行打包性能的优化。优化类目 样式分离 第三方资源分离 区分开发环境 热更新 提...
2020-05-27
vue axios登录请求拦截器
当我们在做接口请求时，比如判断登录超时时候，通常是接口返回一个特定的错误码，那如果我们每个接口都去判断一个耗时耗力，这个时候我们可以用拦截器去进行统一的http请求拦截。1....
2020-05-27
webpack v4 从dev到prd的方法
概述本月迎来了 v4 正式版的发布，本文用于学习新特性和总结开发必用plugin & loader，从dev到prd，走你~Big changesEnvironmentNode.js 4 is no longer supported. Source Code...
2020-05-27
详解webpack-dev-server的简单使用
webpack-dev-server
webpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外，它还有一个通过Sock.js来连接到服务...
2020-05-27
Vue项目分环境打包的实现步骤
在项目开发中，我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版都是修改了源码中API地址后打包，这样很...
2020-05-27
Angular2进阶之如何避免Dom误区
前言
Angular2的设计目标本来就是要让浏览器和DOM独立。DOM是复杂的，因此使组件与它分离，会让我们的应用程序，更容易测试和重构。为了支持跨平台，Angular还通过抽象封装了不同平...
2020-05-27
详解在React里使用"Vuex"
一直是Redux的死忠党，但使用过Vuex后，感叹于Vuex上手之快，于是萌生了写一个能在React里使用的类Vuex库，暂时取名 Ruex 。如何使用一：创建Store实例:与vuex一样，使用单一状态树(一...
2020-05-27
vue内置指令详解
指令 (Directives) 是带有 v- 前缀的特殊属性， 职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。内置指令1、v-bind：响应并更新DOM特性；例如：v-bind:href v-bi...
2020-05-27
nodejs多版本管理总结
windows
官网推荐使用 nvmw 或者 nvm-windows ；其他产品 nodist
nvmw 安装准备： 安装 git 安装 Python 2.7+ 如果需要node < 0.8的版本
nvmw 安装步骤: 打开cmd : win+R...
2020-05-27
使用FileReader API创建Vue文件阅读器组件
有时候我们需要从文件中读取数据。在以前，你需要将其发送到服务器，然后返回所需的数据。问题是，现在我们还可以使用 FileReader API 直接访问浏览器中的文件。如果我们只是想读...
2020-05-27
深入浅析Vue中的slots/scoped slots
一直对Vue中的slot插槽比较感兴趣，下面是自己的一些简单理解，希望可以帮助大家更好的理解slot插槽下面结合一个例子，简单说明slots的工作原理dx-li子组件的template如下：
<li cl...
2020-05-27
react 实现页面代码分割、按需加载的方法
虽然一直有做 react 相关的优化，按需加载、dll 分离、服务端渲染，但是从来没有从路由代码分割这一块入手过，昨天在本地开发时没有测试成功，今天又搞了下，已经部署到线上环境了，今...
2020-05-27
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
