JavaScript - 教程之家

55浏览

0评论

浅析JS中回调函数及用法

回调函数，什么是回调函数呢？很多初学者都不是很明白，感觉懵懵的，不理解，更不会用！其实简单理解的话就是在一个函数执行完毕后，得到想要的特定数据后在去执行的函数，并没有性药中的那...

2020-05-27

66浏览

0评论

详解操作虚拟dom模拟react视图渲染

1.为什么要使用虚拟dom？网页性能优化->尽量少操作DOM2..虚拟DOM(Virtual DOM) VS js直接操作原生DOM(innerHTML)function Raw() { var data = _buildData(), html = "";...

2020-05-27

52浏览

0评论

详解Vue源码学习之callHook钩子函数

Vue实例在不同的生命周期阶段，都调用了callHook方法。比如在实例初始化（_init）的时候调用callHook(vm, 'beforeCreate')和callHook(vm, 'created')。这里的"beforeCreate","cre...

2020-05-27

57浏览

0评论

jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析

本文实例讲述了jQuery.extend 与 jQuery.fn.extend的用法及区别。分享给大家供大家参考，具体如下：jQuery是一个JavaScript类，如$("#input1") 生成一个 jQuery类的实例。jQuery...

2020-05-27

77浏览

0评论

Vue与Node.js通过socket.io通信的示例代码

一、Node中socket.io基础
1、是什么
Socket.IO类库，是在服务器和浏览器之间提供一个共享接口，其可以用于实现以下几种通信方式： HTML5中的WebSocket通信 Flash中使用的WebSoc...

2020-05-27

36浏览

0评论

JavaScript对象的浅拷贝与深拷贝实例分析

本文实例讲述了JavaScript对象的浅拷贝和深拷贝。分享给大家供大家参考，具体如下：1、浅拷贝仅仅复制对象的引用，而不是对象本身。var person = { name: 'Alice', friends: ['...

2020-05-27

38浏览

0评论

微信小程序实现指定显示行数多余文字去掉用省略号代替

效果图实现wxml <view class='goods-details'> <text class='goods-details-title'>商品详情</text> <text catchtap='showAllAction' class='goods-details-content...

2020-05-27

166浏览

0评论

JavaScript简单实现关键字文本搜索高亮显示功能示例

本文实例讲述了JavaScript简单实现关键字文本搜索高亮显示功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w...

2020-05-27

50浏览

0评论

Bootstrap Fileinput 4.4.7文件上传实例详解

本实例所做功能为发送带附件邮件，可以上传多个附件，操作为选择一个附件以后自动上传，然后继续选择附件，填写完表单其他信息，点击保存发送带附件邮件。HTML标签<input id="fileUpl...

2020-05-27

53浏览

0评论

JavaScript实现的文本框placeholder提示文字功能示例

本文实例讲述了JavaScript实现的文本框placeholder提示文字功能。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta http-equiv="Content-Type" content="tex...

2020-05-27

38浏览

0评论

JavaScript设计模式之装饰者模式定义与应用示例

本文实例讲述了JavaScript设计模式之装饰者模式定义与应用。分享给大家供大家参考，具体如下：在不改变原对象的基础上，通过对其进行包装扩展（添加属性或方法），使原有对象可以满足用...

2020-05-27

86浏览

0评论

微信小程序动态生成二维码的实现代码

效果图如下：实现wxml<view class='container'> <image bindtap="previewImg" mode="scaleToFill" src="{{imagePath}}"></image></view><!-- 画布，...

2020-05-27

42浏览

0评论

详解ECMAScript typeof用法

typeof 返回变量的类型字符串值、其中包括 “object”、“number”、“string”、“undefined”、“boolean”、1、在变量只声明、却不初始化值 Or 在变量没有声明时返...

2020-05-27

67浏览

0评论

基于Vue实现微信小程序的图文编辑器

由于微信小程序不能使用常规的图文编辑器(比如百度的UEditor )编辑新闻内容之类的，所以用vue写了个针对小程序用的图文编辑器。效果如下多图上传图片用到了 ajaxfileupload....

2020-05-27

35浏览

0评论

JavaScript中变量提升与函数提升经典实例分析

本文实例讲述了JavaScript中变量提升与函数提升。分享给大家供大家参考，具体如下：从两个实例说起：eg1：var i;console.log(i); // 2eg2：console.log(i); // undefinedvar i = 2;1...

2020-05-27

74浏览

0评论

如何把vuejs打包出来的文件整合到springboot里

这个需求不知道是不是合适，因为静态的vuejs项目，用nginx部署，听说很快。一般有这个需求的，都是用tomcat来部署java项目，tomcat转发静态vuejs，应该不会很快。好吧，以上都是听说。。...

2020-05-27

51浏览

0评论

JavaScript设计模式之原型模式分析【ES5与ES6】

本文实例讲述了JavaScript设计模式之原型模式。分享给大家供大家参考，具体如下：从设计模式的角度讲，原型模式是用于创建对象的一种模式，若需要创建一个对象，一种方法是先指定其类...

2020-05-27

41浏览

0评论

JavaScript设计模式之单例模式原理与用法实例分析

本文实例讲述了JavaScript设计模式之单例模式原理与用法。分享给大家供大家参考，具体如下：单例模式的定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式是一...

2020-05-27

41浏览

0评论

JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析

本文实例讲述了JavaScript设计模式之构造器模式(生成器模式)定义与用法。分享给大家供大家参考，具体如下：工厂模式虽然解决了重复实例化的问题，但无法识别对象类型。可以采用构...

2020-05-27

79浏览

0评论

vue父组件异步获取数据传给子组件的方法

但是现在问题是父组件的数据是异步获取的，而子组件一开始就会渲染，如果此时没有传入数据，而子组件又要用到数据中的length属性时就会报错：怎么办呢？最简单的办法就是让子组件条件...

2020-05-27

78浏览

0评论

JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析

本文实例讲述了JavaScript设计模式之工厂模式和抽象工厂模式定义与用法。分享给大家供大家参考，具体如下：1、工厂模式：虽然Object构造函数和对象字面量都可以用来创建单个对象，...

2020-05-27

61浏览

0评论

vue+webpack模拟后台数据的示例代码

一、在webpack-dev-conf.js文件中：
1、在const portfinder = require(‘portfinder')后添加如下内容const express = require('express')const app = express() //请求server...

2020-05-27

45浏览

0评论

vue router 配置路由的方法

用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)...

2020-05-27

104浏览

0评论

解决vue this.$forceUpdate() 处理页面刷新问题（v-for循环值刷新等）

问题描述：在使用Vue框架开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值；解决：运用 this.$forceUpdate()强制刷新代码案例<Sele...

2020-05-27

52浏览

0评论

Vue头像处理方案小结

个人思路获取后台返回头像url，判断图片宽度，高度。如果宽度>高度，使其高度填充盒子两边留白。如果宽度<高度，使得宽度填充盒子上下留白。效果图：缺陷：懒加载图片会出现闪烁代...

2020-05-27

58浏览

0评论

Vue+Mock.js模拟登录和表格的增删改查功能

前言关于mockjs，官网描述的是1.前后端分离2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。3.数据类型丰富4.通过随机数据，模拟各种场景。5 项目不背锅（等后端给...

2020-05-27

58浏览

0评论

JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例

本文实例讲述了JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法。分享给大家供大家参考，具体如下：观察者模式，又称为发布订阅模式，它定义了一种一对多的关系，让多个...

2020-05-27

75浏览

0评论

在vue中使用Autoprefixed的方法

为了使我们的项目兼容各种浏览器，我们可能会在开发中写大量的前缀。即使有了IDE为我们提供了边界的方式。但是仍然需要我们去花时间和精力。而这样会浪费我们很多的时间。为...

2020-05-27

38浏览

0评论

浅析Vue项目中使用keep-Alive步骤

vue 2.1.0之前，实现方式:1 /router/index.js 配置路由元信息keepAlive: true
{ path: "user", name: "用户管理", component: User, meta: { requireAuth...

2020-05-27

53浏览

0评论

Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果

一.格式化时间效果图：实现上述界面代码如下：data() { return { loading: false, demandData: [], demandcount: 0,//总条数 skip: 0, //分页 pageSize: this...

2020-05-27

41浏览

0评论

react native 文字轮播的实现示例

本着我为人人，人人为我的精神，敲过的代码就要分享出来！项目需要做一个文字的轮播，开始想着是由下而上的滚动，但是还是写的不是很好，就先退而求其次，通过透明度来实现文字的滚动了（也...

2020-05-27

54浏览

0评论

Vue配合iView实现省市二级联动的示例代码

在实现省市二级联动时，如果省份和城市写在一个数组对象中。可以根据，点击某个省份时获取到目标省份的id 是否同数组中的某个对象id一致来判断iView中的on-change事件on-chan...

2020-05-27

70浏览

0评论

JavaScript多态与封装实例分析

本文实例讲述了JavaScript多态与封装。分享给大家供大家参考，具体如下：1、静态语言类型和动态语言类型编程语言按照数据类型可以分为静态语言类型和动态语言类型两大类。1) 静...

2020-05-27

82浏览

0评论

浅谈Redux中间件的实践

最近项目前端开发框架采用React+Redux进行实现，但是，如何异步访问服务器端，以及想要在开发过程中进行状态树日志的输出，所以怎么才能解决这两个问题? 采用Redux中间件为什么...

2020-05-27

41浏览

0评论

JavaScript中为事件指定处理程序的五种方式分析

本文实例讲述了JavaScript中为事件指定处理程序的五种方式。分享给大家供大家参考，具体如下：JavaScript和HTML之间的交互是通过事件实现的。IE9、Firefox、Opera、Sarifi、Chr...

2020-05-27

100浏览

0评论

详解vue.js下引入百度地图jsApi的两种方法

前言
今天有个项目需要用到百度地图，一般我们在移动端使用百度地图，都是直接通过这样的方式，直接引入百度地图的jsApi。<script type="text/javascript" src="http://api.map.b...

2020-05-27

49浏览

0评论

JavaScript事件对象event用法分析

本文实例讲述了JavaScript事件对象event用法。分享给大家供大家参考，具体如下：前面的文章已经介绍了JavaScript为事件指定处理程序的五种方式。下面继续介绍JavaScript的事件...

2020-05-27

77浏览

0评论

vue 录制视频并压缩视频文件的方法

文件上传框<input type="file">，除了可以选择文件上传之外，还可以调用摄像头来拍摄照片或者视频并上传。capture属性可以判断前置or后置摄像头。在视频播放的过程中，用canvas定...

2020-05-27

92浏览

0评论

vue中使用echarts制作圆环图的实例代码

vue使用echarts制作圆环图，代码如下所示：<div id="main"></div><script type="text/ecmascript-6"> export default { //从父组件中接收到的数据 props:{ chartT:{ typ...

2020-05-27

210浏览

0评论

vue中设置height:100%无效的问题及解决方法

在vue.js中写新的components的时候，如果在新页面中的模板中设置height：100%的时候一直无效。App.vue文件<template> <div id="app"> <router-view/> </div></template><scrip...

2020-05-27

60浏览

0评论

Vue 中axios配置实例详解

1.GET 请求//向具有指定ID的用户发出请求axios.get('/user?ID=12345').then(function (response) {console.log(response);}).catch(function (error) {console.log(err...

2020-05-27

48浏览

0评论

Angular6笔记之封装http的示例代码

最近抽空学习了一下Angular6，之前主要使用的是vue，所以免不了的也想对Angular6提供的工具进行一些封装，今天主要就跟大家讲一下这个http模块。之前使用的ajax库是axios，可以设置...

2020-05-27

37浏览

0评论

JS 中可以提升幸福度的小技巧(可以识别更多另类写法)

1. 类型强制转换1.1 string强制转换为数字可以用*1来转化为数字(实际上是调用.valueOf方法) 然后使用Number.isNaN来判断是否为NaN，或者使用 a !== a 来判断是否为NaN，因为 Na...

2020-05-27

54浏览

0评论

不得不知的ES6小技巧

如果你还知道其他一些小技巧，欢迎留言~ 很高兴把它们补充进来。1. 强制要求参数ES6提供了默认参数值机制，允许你为参数设置默认值，防止在函数被调用时没有传入这些参数。在下面...

2020-05-27

47浏览

0评论

js运算符的一些特殊用法

本文集合了了js运算符的一些特殊应用。js位运行符的运用。
js运算符的使用技巧。是否包含指定字符： ~~"str1".indexOf("str2")str1 被查找的字符串
str2 查找的字符串
如果 s...

2020-05-27

44浏览

0评论

JS高级技巧(简洁版)

安全的类型检测JS内置的类型检测机制并不是完全可靠的typeof操作符返回一个字符串，表示未经计算的操作数的类型，在大多数情况下很靠谱，但是当然还有例外正则表达式typeof /s/ =...

2020-05-27

46浏览

0评论

vue权限路由实现的方法示例总结

使用全局路由守卫
实现前端定义好路由，并且在路由上标记相应的权限信息const routerMap = [ { path: '/permission', component: Layout, redirect: '/permission/index', al...

2020-05-27

50浏览

0评论

Vue-cli3项目配置Vue.config.js实战记录

Vue-cli3 搭建的项目界面想对之前较为简洁
之前的build和config文件夹不见了，那么应该如何配置如webpack等的配那只需要在项目的根目录下vue.config.js
文件（是根目录，不是sr...

2020-05-27

66浏览

0评论

如何在js代码中消灭for循环实例详解

前言这篇文章基于我在公司内部分享会整理而成。欢迎探讨补充。
补充一：看来很多人没看完文章就评论了。我在文章末尾说了，是不写 for 循环，不是不用 for 循环。简单陈述不写 fo...

2020-05-27

111浏览

0评论

还不懂递归？读完这篇文章保证你会懂

前言这篇文章一个多月前以英文发表在我的个人博客，现在抽空翻译成中文，并补充一些没来得及写的内容。
昨天我发表的《如何在 JS 代码中消灭 for 循环》引起很多争议。为了避免...

2020-05-27

热门文章