JavaScript - 教程之家

48浏览

0评论

jQuery实现菜单的显示和隐藏功能示例

本文实例讲述了jQuery实现菜单的显示和隐藏功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn jQu...

2020-05-27

63浏览

0评论

jQuery实现导航样式布局操作示例【可自定义样式布局】

本文实例讲述了jQuery实现导航样式布局操作。分享给大家供大家参考，具体如下：1. 导航Html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.jb51....

2020-05-27

58浏览

0评论

js实现敏感词过滤算法及实现逻辑

最近弄了一个用户发表评论的功能，用户上传了评论，再文章下可以看到自己的评论，但作为社会主义接班人，践行社会主义核心价值观，所以给评论敏感词过滤的功能不可少，在网上找了资料，发...

2020-05-27

45浏览

0评论

微信小程序网络请求封装示例

网络请求
网络请求小程序提供了wx.request，仔细看一下 api，这不就是n年前的 $.ajax 吗，好古老啊。// 官方例子wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 d...

2020-05-27

60浏览

0评论

js+canvas实现验证码功能

刚刚开始接触canvas，写个验证码小功能练练手，实现效果图如下：主要代码如下:html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten...

2020-05-27

56浏览

0评论

原生JavaScript实现remove()和recover()功能示例

本文实例讲述了原生JavaScript实现remove()和recover()功能。分享给大家供大家参考，具体如下：利用原生JavaScript实现：1、remove(selectors)删除指定的一个或一组元素。2、reco...

2020-05-27

71浏览

0评论

详解微信小程序调起键盘性能优化

在小程序中，我们经常有调起键盘的操作场景，但是在不同的场景下解决方案不尽相同，还是需要具体问题具体分析。需求分析最近在项目中有一个需求，是从列表页点击评论按钮进入详情页...

2020-05-27

64浏览

0评论

JavaScript引用类型Array实例分析

本文实例讲述了JavaScript引用类型Array。分享给大家供大家参考，具体如下：1、ECMAScript数组的特点（1）ECMAScript数组的每一项可以保存任何类型的数据。（2）ECMAScript数组的大小是...

2020-05-27

74浏览

0评论

微信小程序实现滴滴导航tab切换效果

本文实例为大家分享了微信小程序实现tab切换效果的具体代码，供大家参考，具体内容如下效果图如下： (请自动忽视底部tab.....) 简单介绍一下：顶部导航使用 scroll-view 组件中间...

2020-05-27

44浏览

0评论

JavaScript类数组对象转换为数组对象的方法实例分析

本文实例分析了JavaScript类数组对象转换为数组对象的方法。分享给大家供大家参考，具体如下：1、类数组对象：拥有length属性，可以通过下标访问；不具有数组所具有的方法。2、为什么...

2020-05-27

84浏览

0评论

vue 下列表侧滑操作实例代码详解

由于是上线的项目且已经按照数据逻辑去渲染了能看懂的看逻辑吧。有点多效果如图<template> <div class="lottery-management-wrapper"> <ul> <li class="lottery-managem...

2020-05-27

48浏览

0评论

vue实现底部菜单功能

具体代码如下所示：<template> <div class="mui-row"> <div class="mui-col-xs-12 mui-row nav"> <div class="mui-col-xs-4" @tap="tab1=1;tab2=1;tab3=1">...

2020-05-27

58浏览

0评论

微信小程序实现图片上传放大预览删除代码

本文实例为大家分享了微信小程序图片上传放大预览的具体代码，供大家参考，具体内容如下效果：image.js代码：Page({ //选择相册或拍照 data: { imgs: [] },//上传图片 chooseImg:...

2020-05-27

58浏览

0评论

JS实现用特殊符号替换字符串的中间部分区域的实例代码

一、引入　　相信很多人都遇到过敏感信息需要做部分隐藏功能，大多数都是用特殊符号去替换。正好今天我又遇到这样的前端显示的需求，正好把相关JS记录下来，方便下次再用...

2020-05-27

71浏览

0评论

Bootstrap table表格初始化表格数据的方法

一、项目说明
　　①此项目是ASP.NET项目，开发语言是C#　　②bootstrap-table使用需要下载对应的css和js插件　　③具体详情还需查看api文档二、前端代码 <div class="table-...

2020-05-27

59浏览

0评论

详解mpvue开发小程序小总结

最近用mpvue开发了一个小程序，现总结一下碰见的问题及解决方案
1.项目中数据请求用到了fly.io，封装成request.js如下：import wx from 'wx'import Fly from 'flyio'import store...

2020-05-27

62浏览

0评论

详解使用mpvue开发github小程序总结

前言最近有点闲，想起关注已久的mpvue写小程序，所以稍微肝了半个多月写了个github版的微信小程序，已上线。现在总结一下遇到的坑。扫码体验、
项目地址：https://github.com/chees...

2020-05-27

64浏览

0评论

浅析JS中回调函数及用法

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

178浏览

0评论

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

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

2020-05-27

57浏览

0评论

Bootstrap Fileinput 4.4.7文件上传实例详解

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

50浏览

0评论

详解ECMAScript typeof用法

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

48浏览

0评论

vue router 配置路由的方法

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

2020-05-27

113浏览

0评论

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

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

2020-05-27

55浏览

0评论

Vue头像处理方案小结

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

78浏览

0评论

在vue中使用Autoprefixed的方法

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

49浏览

0评论

react native 文字轮播的实现示例

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

89浏览

0评论

JavaScript多态与封装实例分析

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

2020-05-27

热门文章