JavaScript - 教程之家

65浏览

0评论

使用vue2实现购物车和地址选配功能

首先，vue基础js写法new Vue({ el:"#app", //模型 data:{ }, filters:{ }, mounted:function(){ this.$nextTick(function(){ //初始化调用 }); }, compute...

2020-05-27

54浏览

0评论

Angular开发实践之服务端渲染

Angular UniversalAngular在服务端渲染方面提供一套前后端同构解决方案，它就是Angular Universal（统一平台），一项在服务端运行 Angular 应用的技术。标准的 Angular 应用会执行...

2020-05-27

57浏览

0评论

vue 实现全选全不选的示例代码

全选功能可以说是前端开发中非常常见的一个功能，以前的项目开发用jQuery开发比较多。最近在使用vue前端框架重构之前的项目。从jQuery到vue的转变主要是一个思想想的转变，是将...

2020-05-27

63浏览

0评论

Vue 源码分析之 Observer实现过程

导语：本文是对 Vue 官方文档深入响应式原理（https://cn.vuejs.org/v2/guide/reactivity.html）的理解，并通过源码还原实现过程。响应式原理可分为两步，依赖收集的过程与触发-重新...

2020-05-27

41浏览

0评论

vue.js element-ui tree树形控件改iview的方法

element-ui组件的tree树形控件修改源码改为iview组件实现原理
修改了element-ui源码，把源码里面的tree模块提取出来
然后修改element自带checkbox等组件为iview的checkbox，并...

2020-05-27

44浏览

0评论

vue 父组件调用子组件方法及事件

情景:　　父组件中引入上传附件的子组件:点击组件可以分别上传对应要求的图片,子组件内部循环可创建多个模块.　　父组件传入数组子组件循环来创建不同的组件模块,所有事件...

2020-05-27

44浏览

0评论

javascript实现文件拖拽事件

本文实例为大家分享了javascript实现文件拖拽事件的具体代码，供大家参考，具体内容如下1.效果图：2.源码<%@ page contentType="text/html;charset=UTF-8" language="java" %><ht...

2020-05-27

56浏览

0评论

vue全局组件与局部组件使用方法详解

vue全局／局部注册，以及一些混淆的组件main.js入口文件的一些常用配置，在入口文件上定义的public.vue为全局组件，在这里用的是pug模版 .wraper 的形式相当于<div class=wraper><...

2020-05-27

71浏览

0评论

vue文件树组件使用详解

本文实例为大家分享了vue文件树组件的实现方法，供大家参考，具体内容如下本文主要是分析vue官方仓库里的文件树组件[vue github]
demo可以查看 https://codepen.io/shayminsky2...

2020-05-27

40浏览

0评论

vue的diff算法知识点总结

源码：https://github.com/vuejs/vue/blob/dev/src/core/vdom/patch.js虚拟dom
diff算法首先要明确一个概念就是diff的对象是虚拟dom，更新真实dom则是diff算法的结果Vnode基类...

2020-05-27

38浏览

0评论

JavaScript EventEmitter 背后的秘密完整版

什么是 Event Emitter?Event emitter 听起来只是触发一个事件，这个事件任何东西都能监听。想象一下这样的场景，在你的异步代码中，去“呼叫”一些事件的发生，以及让你其他部...

2020-05-27

77浏览

0评论

理解 JavaScript EventEmitter

2个多月前把 Github 上的 eventemitter3 和 Node.js 下的事件模块 events 的源码抄了一遍，才终于对 JavaScript 事件有所了解。上个周末花点时间根据之前看源码的理解自己用...

2020-05-27

61浏览

0评论

Vue实现导出excel表格功能

引言：最近使用vue在做一个后台系统，技术栈 vue + iView ，在页面中生成表格后， iView可以实现表格的导出，不过只能导出csv格式的，并不适合项目需求。如果想要导出Excel 在src目录...

2020-05-27

52浏览

0评论

json对象及数组键值的深度大小写转换问题详解

前言最近在做一个项目，发现后端返回的数据键值全部都是大写的，有时候前端用起来很不方便，所以写了一个深度转换的小工具，分享给大家，也就不用重复造轮子了，不喜勿喷，下面话不多说了...

2020-05-27

60浏览

0评论

微信小程序实现全局搜索代码高亮的示例

需求
最近在做微信小程序的时候，需要实现在搜索框的输入内容的时候实现全局匹配实现高亮效果，目前的思路是，递归后台来返回的数据，并将对象的value值替换为需要的dom节点，并且通...

2020-05-27

99浏览

0评论

vue.js中created方法作用

这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都...

2020-05-27

55浏览

0评论

Angular4学习笔记router的简单使用

router，也就是路由，是前端中一个比较重要的概念。通过router把特定的地址和对应的页面关联后分离出来，以达到解耦的目的。在src/app目录下新建一个detail的文件夹，建立一个名为g...

2020-05-27

47浏览

0评论

webpack4.0打包优化策略整理小结

本文介绍了webpack4.0打包优化策略整理小结，分享给大家，具体如下：webapck4 新特性介绍-参考资料当前依赖包的版本 1.优化loader配置 1.1 缩小文件匹配范围(include/exclude)通...

2020-05-27

58浏览

0评论

js将键值对字符串转为json字符串的方法

要转化的键值对字符 var respDesc=“cardid=64157001&cardnum=1&sporder_id=PD12160428120635001&sporder_time=20160526101552”； var newstr = respDesc.replace("=",":\""...

2020-05-27

48浏览

0评论

angular4 共享服务在多个组件中数据通信的示例

应用场景，不同组件中操作统一组数据，不论哪个组件对数据进行了操作，其他组件中立马看到效果。这样他们就要共用一个服务实例，是本次的重点，如果不同实例，那么操作的就不是同一组数...

2020-05-27

58浏览

0评论

基于js中的存储键值对以及注意事项介绍

前端有时候需要存储键值对，需要主要的一点是键必须为字符串，重要的再次说明，键需要为字符串。重点内容<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(ru...

2020-05-27

43浏览

0评论

Vue单页应用引用单独的样式文件的两种方式

问题描述对于.vue的文件来说，也是由结构、行为、样式三部分组成，在样式部分有个scoped的属性，也就是当前页面有效，当style标签内样式比较多时或者.vue文件之间有重复的时候，总感...

2020-05-27

35浏览

0评论

JS和Canvas实现图片的预览压缩和上传功能

先来一张效果图，压压惊第一步：用户选择需要上传的图片<input type="file" accept="image/*" type="file"" name="imageFile" onchange="upload()"> 在选定了图片后 upload 函...

2020-05-27

83浏览

0评论

postman+json+springmvc测试批量添加实例

postman工具配置和数据准备：1）在地址栏输入测试IP地址和端口号已经对应的接口地址；2）在Headers一栏添加参数Content-Type=application/json;已本地测试为例：对应配置图如下：3）点击B...

2020-05-27

59浏览

0评论

浅谈Postman解决token传参的问题

问题描述：有一个登陆接口获取token，其他接口再次访问都要带上token解决方案：1、在登陆接口访问后设置Postman的环境变量（Environment），例如设置环境变量名：token，值为登陆接口访问成...

2020-05-27

57浏览

0评论

Postman模拟发送带token的请求方法

Postman模拟发送带token的请求方法1）google浏览器中安装扩展程序Interceptor 2）Postman中开启Interceptor即可以上这篇Postman模拟发送带token的请求方法就是小编分享给大家的...

2020-05-27

40浏览

0评论

jQuery中可见性过滤器简单用法示例

本文实例讲述了jQuery中可见性过滤器简单用法。分享给大家供大家参考，具体如下：一介绍元素的可见状态有两种，分别是隐藏状态和显示状态。可见性过滤器就是利用元素的可见状态...

2020-05-27

41浏览

0评论

jQuery中内容过滤器简单用法示例

本文实例讲述了jQuery中内容过滤器简单用法。分享给大家供大家参考，具体如下：一介绍内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。内容过滤器共...

2020-05-27

51浏览

0评论

jQuery中复合选择器简单用法示例

本文实例讲述了jQuery中复合选择器简单用法。分享给大家供大家参考，具体如下：一介绍复合选择器将多个选择器（可以是ID选择器、元素选择或是类名选择器）组合在一起，两个选择器之...

2020-05-27

67浏览

0评论

对Angular中单向数据流的深入理解

变更检测
Angular 中，数据是由顶部根节点流向最后的叶子节点，整个数据流是单向，构成一颗单向树。Angular 认为所有的异步操作都有可能会引起模型的变化，引起数据模型发生变化的...

2020-05-27

62浏览

0评论

Vue项目使用CDN优化首屏加载问题

前言作为一个网站应用，加载速度是非常重要的。加载速度，一个是程序的合理安排，如以组件按需加载，一个是js、css等资源的异步加载。在Vue项目中，引入到工程中的所有js、css文件，编...

2020-05-27

60浏览

0评论

vuejs项目打包之后的首屏加载优化及打包之后出现的问题

一：使用CDN资源我们在打包时，会将package.json里，dependencies对象里插件打包起来，我们可以将其中的一些使用cdn的方式加载，例如不想把vue，axios，vuex，vue-router打包到我们项目中，我...

2020-05-27

69浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

69浏览

0评论

vue 指定组件缓存实例详解

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

2020-05-27

41浏览

0评论

Vue.js进阶知识点总结

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

2020-05-27

51浏览

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

65浏览

0评论

JavaScript动态加载重复绑定问题

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

2020-05-27

79浏览

0评论

微信小程序block的使用教程

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

76浏览

0评论

vue小白入门教程

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

2020-05-27

165浏览

0评论

vue计算属性及使用详解

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

102浏览

0评论

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

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

2020-05-27

53浏览

0评论

vue axios登录请求拦截器

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

2020-05-27

45浏览

0评论

webpack v4 从dev到prd的方法

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

热门文章