JavaScript - 教程之家

51浏览

0评论

javascript性能优化之分时函数的介绍

分时函数和函数节流的问题不一样，函数节流针对的事件不是用户主动调用的，前面已经提过了。
函数节流的原理是：延迟当前函数的执行，如果该次延迟还没有完成，那么忽略接下来该函数...

2020-05-27

58浏览

0评论

JavaScript中的E-mail 地址格式验证

最近做了一个前端的项目，要求：输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号。1：代码<!DOCTYPE html><html><head><meta c...

2020-05-27

60浏览

0评论

Vue项目中如何引入icon图标

1.下载icon图标，推荐icomoon网站，里面有大量的矢量图标，也可以自定义，当然你也可以去阿里巴巴矢量图标库下载你所需要的小图标。点击进入icomoon网站点击右上角“IcoMoon App”，...

2020-05-27

86浏览

0评论

Vue.js实现可配置的登录表单代码详解

表单是后台项目业务中的常用组件，这次重构了登录功能以满足登录方式可配置的需求，在此记录和分享一下。业务场景在之前，项目只支持手机号+密码登录，前端是直接把表单写死的，后来...

2020-05-27

75浏览

0评论

js传递数组参数到后台controller的方法

传递参数传递字符串，所以要把数组转换为字符串，var arr=[1,23,34,5];var str = arr.toString();str传递到后台，str.split(" , ");将字符串拆分得到元素。var arr=[1,23,34,5];v...

2020-05-27

70浏览

0评论

Vue.js 表单控件操作小结

概念说明v-model指令：在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。输入框实例中演示了 input 和 textarea 元素中使用 v-model...

2020-05-27

40浏览

0评论

spirngmvc js传递复杂json参数到controller的实例

Spring MVC在接收集合请求参数时，需要在Controller方法的集合参数里前添加@RequestBody，而@RequestBody默认接收的enctype (MIME编码)是application/json，因此发送POST请求时需...

2020-05-27

96浏览

0评论

JS获取url参数,JS发送json格式的POST请求方法

2020-05-27

86浏览

0评论

vue中Npm run build 根据环境传递参数方法来打包不同域名

项目开发中，前端在配置后端api域名时很困扰，常常出现:本地开发环境: api-dev.demo.com测试环境: api-test.demo.com线上生产环境: api.demo.com，这次是在Vue.js项目中打包，教大...

2020-05-27

51浏览

0评论

利用js实现前后台传送Json的示例代码

无论使用什么框架都存在着从controller向Html页面或者jsp页面传递数据的问题，最常用的方式是传递Json字符串。以前对这块知识有些模糊，现在整理一下。【Jquery基本方法】实现...

2020-05-27

126浏览

0评论

Vue 将后台传过来的带html字段的字符串转换为 HTML

后台传过来一个带标签的字符串前端可以直接转换成html格式的，可是在vue中怎么办呢在这个DEMO中，item.content所带的字符串将被转换为HTML代码。注意：使用了v-html的标签中的...

2020-05-27

41浏览

0评论

AngularJS下$http服务Post方法传递json参数的实例

本文主要介绍如何使用Angularjs $http服务以POST方法向服务器传递json对象数据。具体如下：一、$http POST方法默认提交数据的类型为application/jsonvar data = {'wid':'0',...

2020-05-27

72浏览

0评论

Koa2 之文件上传下载的示例代码

前言上传下载在 web 应用中还是比较常见的，无论是图片还是其他文件等。在 Koa 中，有很多中间件可以帮助我们快速的实现功能。文件上传在前端中上传文件，我们都是通过表单来上传...

2020-05-27

63浏览

0评论

详解Javascript中new()到底做了些什么？

前言和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。但在 javascript 中，万物皆对象，为什么还要通...

2020-05-27

58浏览

0评论

jQuery实现的上传图片本地预览效果简单示例

本文实例讲述了jQuery实现的上传图片本地预览效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>www.freexyz.cn jquery上传图片...

2020-05-27

60浏览

0评论

JavaScript面试出现频繁的一些易错点整理

1.前言
这段时间，金三银四，很多人面试，很多人分享面试题。在前段时间，我也临时担任面试官，为了大概了解面试者的水平，我也写了一份题目，面试了几个前端开发者。在这段时间里面，我在...

2020-05-27

48浏览

0评论

vue axios请求拦截实例代码

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest
从 node.js 发出 http 请求
支持 Promise API...

2020-05-27

72浏览

0评论

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

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

2020-05-27

59浏览

0评论

Angular开发实践之服务端渲染

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

72浏览

0评论

Vue 源码分析之 Observer实现过程

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

49浏览

0评论

javascript实现文件拖拽事件

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

77浏览

0评论

vue文件树组件使用详解

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

2020-05-27

51浏览

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

42浏览

0评论

JavaScript EventEmitter 背后的秘密完整版

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

2020-05-27

85浏览

0评论

理解 JavaScript EventEmitter

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

2020-05-27

75浏览

0评论

Vue实现导出excel表格功能

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

105浏览

0评论

vue.js中created方法作用

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

2020-05-27

69浏览

0评论

Angular4学习笔记router的简单使用

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

70浏览

0评论

浅谈Postman解决token传参的问题

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

热门文章