73浏览

0评论

Vue三种常用传值示例(父传子、子传父、非父子)

1、父组件向子组件进行传值：
父组件： <template> <div> 父组件: <input type="text" v-model="name"> <br> <br> <!-- 引入子组件 --> <child :inputName="name"></ch...

• 2020-05-27

58浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

69浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

js+canvas实现验证码功能

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

JavaScript引用类型Array实例分析

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

• 2020-05-27

91浏览

0评论

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

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

60浏览

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

71浏览

0评论

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

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

73浏览

0评论

详解mpvue开发小程序小总结

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

• 2020-05-27

76浏览

0评论

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

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

• 2020-05-27

76浏览

0评论

浅析JS中回调函数及用法

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

71浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

93浏览

0评论

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

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

• 2020-05-27

60浏览

0评论

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

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

• 2020-05-27

48浏览

0评论

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

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

• 2020-05-27

199浏览

0评论

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

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

• 2020-05-27

69浏览

0评论

Bootstrap Fileinput 4.4.7文件上传实例详解

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

• 2020-05-27

69浏览

0评论

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

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

• 2020-05-27

58浏览

0评论

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

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

• 2020-05-27

114浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

详解ECMAScript typeof用法

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

• 2020-05-27

97浏览

0评论

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

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

• 2020-05-27

53浏览

0评论

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

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

• 2020-05-27

96浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

63浏览

0评论

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

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

• 2020-05-27

103浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

vue router 配置路由的方法

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

• 2020-05-27

125浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

Vue头像处理方案小结

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

90浏览

0评论

在vue中使用Autoprefixed的方法

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

• 2020-05-27

52浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

react native 文字轮播的实现示例

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27