JavaScript - 教程之家

45浏览

0评论

微信小程序实现发红包功能

本文实例为大家分享了微信小程序实现发红包的具体代码，供大家参考，具体内容如下目前此功能尚在内测，无法申请。此博文仅示例。流程效果图：图片1触发wx.sendBizRedPacket({})吊起...

2020-05-27

42浏览

0评论

vue 1.0 结合animate.css定义动画效果

Vue 1.0 动画（自定义动画）步骤： 1.给当前动画元素添加‘transition'属性其值就是动画名称(假如：fade)2.给动画名称写css定义a: .fade-transition{/*定义动画过渡*/ transiti...

2020-05-27

85浏览

0评论

小程序ios音频播放没声音问题的解决

小程序提供了录音和播放音频的能力，从基础库 1.6.0 开始支持了wx.getRecorderManager()，录音都采用wx.getRecorderManager()提供的api，播放音频文件采用wx.createInnerAudioCon...

2020-05-27

109浏览

0评论

微信小程序实现红包雨功能

本文为大家分享了微信小程序实现红包雨的具体代码，供大家参考，具体内容如下今天有个小师妹来问我怎样用微信小程序实现红包雨效果，如果用web很好实现，但是小程序不是那么容易，整...

2020-05-27

42浏览

0评论

vue实现学生录入系统之添加删除功能

一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue指令综合案例</title> <style> #app{ margin: 50px auto; width: 620px; } fieldset{ b...

2020-05-27

37浏览

0评论

vue移动端实现红包雨效果

本文实例为大家分享了vue实现红包雨效果的具体代码，供大家参考，具体内容如下下面是代码：
<template> <div class="ser_home"> <ul class="red_packet" id="red_packet">...

2020-05-27

37浏览

0评论

vue监听键盘事件的快捷方法【推荐】

在我们的项目经常需要监听一些键盘事件来触发程序的执行，而Vue中允许在监听的时候添加关键修饰符：<input v-on:keyup.13="submit">对于一些常用键，还提供了按键别名：<input @key...

2020-05-27

78浏览

0评论

JS实现动态生成html table表格的方法分析

本文实例讲述了JS实现动态生成html table表格的方法。分享给大家供大家参考，具体如下：刚在论坛上面逛的时候看到有人问html表格怎么动态生成，我回了一下发现有好多小伙伴追问-...

2020-05-27

96浏览

0评论

JSON数据中存在单个转义字符“\”的处理方法

1、反斜杠（又称右斜杠"\"），还表示转义字符，字符串中不能成单出现；斜杠（又称左斜杠“/”）例如，在Android中定义字符串时：2、若JSON数据中存在奇数个反斜杠时后台又不做处理的前提下，移...

2020-05-27

45浏览

0评论

React中嵌套组件与被嵌套组件的通信过程

前言在React项目的开发中经常会遇到这样一个场景：嵌套组件与被嵌套组件的通信。
比如Tab组件啊，或者下拉框组件。
场景这里应用一个最简单的Tab组件来呈现这个场景。
import R...

2020-05-27

38浏览

0评论

JavaScript类的继承方法小结【组合继承分析】

本文实例讲述了JavaScript类的继承方法。分享给大家供大家参考，具体如下：在JavaScript 里，被继承的函数称为超类型(父类，基类也行，其他语言叫法)，继承的函数称为子类型(子类，派生类...

2020-05-27

41浏览

0评论

Vue.js实现的计算器功能完整示例

本文实例讲述了Vue.js实现的计算器功能。分享给大家供大家参考，具体如下：1. HTML部分代码<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" type="text/css" h...

2020-05-27

34浏览

0评论

vue.js实现的经典计算器/科学计算器功能示例

本文实例讲述了vue.js实现的经典计算器/科学计算器功能。分享给大家供大家参考，具体如下：1. HTML部分：<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script...

2020-05-27

46浏览

0评论

vue-resource请求实现http登录拦截或者路由拦截的方法

本文介绍了vue-resource请求实现http登录拦截或者路由拦截的方法，分享给大家，具体如下：项目需求项目是前后台分离，前端负责数据对接，以及业务逻辑的处理，后台只需要给相应的接口...

2020-05-27

38浏览

0评论

vue内置组件transition简单原理图文详解(小结)

基本概念Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩...

2020-05-27

52浏览

0评论

基于vue cli 通过命令行传参实现多环境配置

大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻烦了. 如果可以像下面这样切换环...

2020-05-27

33浏览

0评论

js+css实现红包雨效果

本文实例为大家分享了js实现红包雨展示的具体代码，供大家参考，具体内容如下1.html部分红包的样子，先写一个模版在页面上
<div class="hide"> <div class="RedPackage__Box js-...

2020-05-27

72浏览

0评论

vue中如何实现pdf文件预览的方法

今天产品提出一个优化的需求，就是之前我们做的图片展示就是一个img标签搞定，由于我们做的是海外后台管理系统，那边的人上传的文件时pdf格式，vue本事是不支持这种格式文件展示的，...

2020-05-27

70浏览

0评论

vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法

目前大多数PC浏览器支持在线预览pdf文件，但大多数手机浏览器还未支持，尝试用手机浏览器打开一个pdf文件会弹出是否下载的提示框。网上查了一些资料，在实现的过程中，还是走了比较...

2020-05-27

38浏览

0评论

详解vue填坑之解决部分浏览器不支持pushState方法

前端使用vue-router做单页面路由并开启history模式时，会碰到一个问题：部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法，会导致页面加载不出来。解决这...

2020-05-27

49浏览

0评论

angular 内存溢出的问题解决

本项目用的是angular4搭建，用动态组件的形式来显示页面，之前遇到过因为内存溢出而导致无法aot的问题，解决方法：手动改写内存上限修改目录: my-project/node_modules/.bin 找到...

2020-05-27

42浏览

0评论

教你如何用node连接redis的示例代码

安装redis并启动
下载地址，选择Stable版本下载
或者本地下载地址：https://www.freexyz.cn/softs/504128.html解压后，进入文件夹然后安装cd redis-4.0.9make//安装启动redis服务 ....

2020-05-27

52浏览

0评论

使用json-server简单完成CRUD模拟后台数据的方法

在开发中，后端的接口往往是较晚出来的，但是有时候我们必须给前端页面一些虚假的数据去开发，这个时候一些mock工具就很有必要了，最终我选择了 json server 工具，因为它足够简单，而...

2020-05-27

59浏览

0评论

js与jQuery实现获取table中的数据并拼成json字符串操作示例

本文实例讲述了js与jQuery实现获取table中的数据并拼成json字符串操作。分享给大家供大家参考，具体如下：核心代码如下：JavaScript代码：function tabToJSON(id) { var trs = d...

2020-05-27

61浏览

0评论

vue路由组件按需加载的几种方法小结

1. 普通加载
使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如：
import Hello from '@/components/Hello'import Boy from '@/components...

2020-05-27

50浏览

0评论

jQuery实现checkbox全选功能完整实例

本文实例讲述了jQuery实现checkbox全选功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset=" utf-8"><title>www.freexyz.cn jQuery实现checkBox全...

2020-05-27

41浏览

0评论

vue实现引入本地json的方法分析

本文实例讲述了vue实现引入本地json的方法。分享给大家供大家参考，具体如下：当前需要使用的组件：import data from './test.json'　　export default{　　　　data(){　　　　...

2020-05-27

82浏览

0评论

JavaScript中发出HTTP请求最常用的方法

JavaScript具有很好的模块和方法来发送可用于从服务器端资源发送或接收数据的HTTP请求。在本文中，我们将介绍一些在JavaScript中发出HTTP请求的流行方法。AjaxAjax是发出异步...

2020-05-27

46浏览

0评论

Vue中使用的EventBus有生命周期

最近遇到了vue项目中的性能问题，整个项目不断的进行操作五分钟左右，页面已经很卡，查看页面占用了1.5G内存，经过排查一部分原因，是自己模块使用的eventBus在离开页面未进行off掉。...

2020-05-27

43浏览

0评论

详解node.js的http模块实例演示

上世纪六七十年代，红岸基地一直在向茫茫外太空发送讯号，当叶文洁通过太阳作为广播，将地球的讯号向外发送时，宇宙的各个先进文明都接收到了讯号，其中就包括了离我们最近的三体星。...

2020-05-27

48浏览

0评论

vue移动端轻量级的轮播组件实现代码

一个简单的移动端卡片滑动轮播组件，适用于Vue2.xc-swipe 2.0 全新归来。重写了全部的代码，更靠谱的质量，更优秀的性能English Document安装npm install c-swipe --save使用注册...

2020-05-27

44浏览

0评论

Angular4 组件通讯方法大全(推荐)

组件通讯，意在不同的指令和组件之间共享信息。如何在两个多个组件之间共享信息呢。最近在项目上，组件跟组件之间可能是父子关系，兄弟关系，爷孙关系都有。。。。。我也找找了很多...

2020-05-27

57浏览

0评论

JavaScript实现异步图像上传功能

当向服务器上传图像时，根据服务器操作的复杂性和服务器性能，需要几秒钟到几分钟的时间来完成。本文的重点是在图像上传至服务器时使用JavaScript立即显示图像。介绍当使用Java...

2020-05-27

43浏览

0评论

angular 组件通信的几种实现方式

单页面应用组件通信有以下几种，这篇文章主要讲 Angular 通信父组件 => 子组件子组件 => 父组件组件A = > 组件B 父组件 => 子组件子组件 => 父组件...

2020-05-27

46浏览

0评论

vue项目base64字符串转图片的实现代码

<img :onerror="errpic" class="customerHead" :src="param.customerHead" alt="">data() {　　return {　　　　param:{ 　　　　　　id:"", 　　　　　　customerHead:...

2020-05-27

34浏览

0评论

php中and 和 &&出坑指南

我原来以为PHP中的and和&&是一样的, 只是写法上为了可读性和美观, 事实上我错了. 这里面深藏了一个坑!
看以下代码:$bA = true;$bB = false;$b1 = $bA and $bB;$b2 = $bA &&...

2020-05-27

57浏览

0评论

微信小程序实现tab页面切换功能

效果图如下所示：wxml<scroll-view scroll-x="true" class="ip_tab_comtainer"> <view class="ip_tab_comtainer_padd"></view> <block wx:for="{{ips}}" wx:for-item="ip" wx...

2020-05-27

81浏览

0评论

Bootstrap开发中Tab标签页切换图表显示问题的解决方法

前言在做响应式页面的时候，往往需要考虑更多尺寸设备的界面兼容性，一般不能写死像素，以便能够使得界面元素能够根据设备的不同进行动态调整，但往往有时候还是碰到一些问题，如Tab...

2020-05-27

58浏览

0评论

Bootstrap标签页（Tab）插件切换echarts不显示问题的解决

问题：1. 在echarts跟bootstrap选项卡整合的时候，默认第一个选中选项卡可以正常加载echarts图表，但是切换其他选项的时候不能渲染出其他选项卡echarts图表。2. echarts自适应...

2020-05-27

44浏览

0评论

详解Angular-ui-BootStrap组件的解释以及使用

关于UI BootStrap
UI BootStrap 是angularUI团队用纯粹angularJS语法编写的Bootstrap组件。1. 关于ng-router（angular-router.js）和ui-router(angular-ui-router.js)的区别...

2020-05-27

46浏览

0评论

AngularJs的UI组件ui-Bootstrap之Tooltip和Popover

tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲，这两个指令虽然可以正常工作，但是从用户体验的角度并不推荐使用。先说tooltip，tooltip有三种使用方式：（1）u...

2020-05-27

47浏览

0评论

JS实现select选中option触发事件操作示例

本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考，具体如下：我们在用到下拉列表框select时，需要对选中的<option>选项触发事件，其实<option>本身没有触...

2020-05-27

32浏览

0评论

微信小程序中使用ECharts 异步加载数据实现图表功能

具体代码如下所示：<view class="container"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas></view>import * as echarts from '../....

2020-05-27

29浏览

0评论

jQuery实现监听下拉框选中内容发生改变操作示例

本文实例讲述了jQuery实现监听下拉框选中内容发生改变操作。分享给大家供大家参考，具体如下：jQuery代码部分：<script> $(document).ready(function(){ var defaultId =...

2020-05-27

58浏览

0评论

微信小程序仿微信运动步数排行(交互)

本文介绍了微信小程序仿微信运动步数排行(交互)，分享给大家，也给自己留个笔记，废话不多说了，具体如下：
效果图如下：
wxml:<view class="item-box"> <view class="items"> <view w...

2020-05-27

33浏览

0评论

vue实现组件之间传值功能示例

本文实例讲述了vue实现组件之间传值功能。分享给大家供大家参考，具体如下：slot标签：想向封装好结构的组件中插入内容，需要借助<slot></slot>在组件之中进行关联：如模板中：<slot na...

2020-05-27

45浏览

0评论

Angular5.0 子组件通过service传递值给父组件的方法

一、引言
我们使用ngx-loading，需要在app.component.html上写模板，绑定一个布尔值loading.此时如果我们想在其他组件中使用这个loading控件，就需要在每个组件的html重新写模板，...

2020-05-27

41浏览

0评论

详解vue.js根据不同环境(正式、测试)打包到不同目录

1、在build文件夹中创建testing.js文件
// 配置环境变量 type 为 testingprocess.env.type = '"testing"'// 引入build.js文件require('./build')2、修改config文件夹中的pr...

2020-05-27

51浏览

0评论

通过封装scroll.js 获取滚动条的值

具体代码如下所示：
function Obj(){}Obj.prototype={ scroll:function(){ /* 主要是做兼容处理这里必须时!=null 因为默认值和每次滚动的时侯都可以值为0 但是 if...

2020-05-27

47浏览

0评论

微信小程序仿RadioGroup改变样式的处理方案

最开始想改变Radio的样式，但是发现自己写比较方便就直接写了一个。先上效果：wxml：<view bindchange="radioChange"><view class='list_item' wx:for="{{radioValues}}" data-in...

2020-05-27

热门文章