JavaScript - 教程之家

62浏览

0评论

微信小程序实现折叠面板

本文实例为大家分享了微信小程序MUI折叠面板的具体代码，供大家参考，具体内容如下实现原理通过控制详情部分的显示隐藏，来实现折叠效果，同时切换右侧向下箭头。效果图WXML<!--pag...

2020-05-27

273浏览

0评论

微信小程序实现MUI数字输入框效果

本文实例为大家分享了微信小程序实现MUI数字输入框的具体代码，供大家参考，具体内容如下效果图WXML<view class="tui-content"> <view class="tui-gallery-list">默认</view> <...

2020-05-27

62浏览

0评论

vue单页应用加百度统计代码（亲测有效）

申请百度统计后，会得到一段JS代码，需要插入到每个网页中去，在Vue.js项目首先想到的可能就是，把统计代码插入到index.html入口文件中，这样就全局插入，每个页面就都有了;这样做就涉...

2020-05-27

46浏览

0评论

微信小程序实现图片预览功能

本文为大家分享了微信小程序实现图片预览的具体代码，供大家参考，具体内容如下效果图原理使用wx.chooseImage选择本地图片；使用wx.previewImage预览图片。
WXML<view> <bu...

2020-05-27

59浏览

0评论

使用JS模拟锚点跳转的实例

A-HTML锚点定义：设置锚：<a href="#mao" rel="external nofollow" >&nsbp;</a>设置点：(为了浏览器兼容性，id和name一起设置)<a id="mao" name="mao">跳至第一个锚点</a>B：使用JS模...

2020-05-27

71浏览

0评论

jquery应用实例分享_实现手风琴特效

效果：实例如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{padding: 0px;margin: 0px;} li{ width: 80px;heigh...

2020-05-27

72浏览

0评论

微信小程序三级联动选择器使用方法

本文实例为大家分享了微信小程序三级联动选择器的具体代码，供大家参考，具体内容如下效果图实现原理利用微信小程序的picker组件，其中：
1，普通选择器：mode = selector实现一级选择...

2020-05-27

60浏览

0评论

Vue组件之自定义事件的功能图解

使用v-on绑定自定义事件（一）基于webpack的项目初始化在使用之前，我们先使用npm构建一个vue应用，使该项目能很好地和webpack模块打包器配合使用，命令如下进入自定义空文件夹vuepro...

2020-05-27

54浏览

0评论

原生JS实现的多个彩色小球跟随鼠标移动动画效果示例

本文实例讲述了原生JS实现的多个彩色小球跟随鼠标移动动画效果。分享给大家供大家参考，具体如下：实现方法：每个小球移动都有自己的坐标，小球移动的同时，需要进行坐标传递，将第一个...

2020-05-27

56浏览

0评论

NW.js 简介与使用方法

简介
NW.js （原名 node-webkit）是一个基于 Chromium 和 node.js 的应用运行时，通过它可以用 HTML 和 JavaScript 编写原生应用程序。它还允许您从 DOM 调用 Node.js 的模块，实...

2020-05-27

51浏览

0评论

微信小程序日期时间选择器使用方法

本文实例为大家分享了精确到秒的微信小程序日期时间选择器，供大家参考，具体内容如下效果图实现原理利用微信小程序的picker组件的多列选择器实现！WXML<view class="tui-picker-...

2020-05-27

52浏览

0评论

用node-webkit把web应用打包成桌面应用(windows环境)

node-webkit是一个Chromium和node.js上的结合体，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。很显然比起传统的桌面应用，在...

2020-05-27

46浏览

0评论

JS 实现百度搜索功能

今天我们来用JS实现百度搜索功能，下面上代码：　　　　HTML部分：<!DOCTYPE html><html> <head> <meta charset="UTF-8">  <link rel="shortcut ic...

2020-05-27

55浏览

0评论

深入剖析Express cookie-parser中间件实现示例

文章导读cookie-parser 是Express的中间件，用来实现cookie的解析，是官方脚手架内置的中间件之一。它的使用非常简单，但在使用过程中偶尔也会遇到问题。一般都是因为对 Express...

2020-05-27

59浏览

0评论

js中getBoundingClientRect的作用及兼容方案详解

1、getBoundingClientRect的作用getBoundingClientRect用于获取某个html元素相对于视窗的位置集合。执行 object.getBoundingClientRect();会得到元素的top、right、bottom...

2020-05-27

49浏览

0评论

vue 2.0 购物车小球抛物线的示例代码

本文介绍了vue 2.0 购物车小球抛物线的示例代码，分享给大家，具体如下：备注：此项目模仿饿了吗。我用的是最新的Vue, 视频上的一些写法已经被废弃了。布局代码<div class="ball-c...

2020-05-27

46浏览

0评论

如何将你的AngularJS1.x应用迁移至React的方法

Angular 和 React 都是伟大的框架/库。Angular 提供了 MVC（模型、视图、控制器）的定义结构。React 提供基于状态变化的轻量级呈现机制。通常情况下，开发者在 AngularJS 上有一...

2020-05-27

50浏览

0评论

解析Vue.js中的组件

介绍在使用Vue.js时，Vue.js组件非常重要。在本教程中，我们将深入研究Vue.js组件，理解基础知识并将其应用于应用程序。让我们开始吧。什么是组件？组件使我们能够将复杂的应用...

2020-05-27

69浏览

0评论

微信小程序实现导航栏选项卡效果

本文实例为大家分享了微信小程序实现MUI顶部选项卡的具体代码，供大家参考，具体内容如下DEMO下载效果图WXML<import src="../../template/list.wxml"/><view class="tui-tabbar...

2020-05-27

63浏览

0评论

Vue组件化开发思考

一般说到组件，我首先想到的是弹窗，其他就大脑空白了。
因为觉得这个是在项目中最常用的功能，提取出来方便复用的才是组件～然而我才发现这个想法是有问题的。
我发觉可能从意识上...

2020-05-27

52浏览

0评论

使用webpack打包koa2 框架app

以前在用koa写server的时候，发布简直是噩梦。需要将src里面的全部文件都覆盖掉，config配置文件也要覆盖，稍有不慎就会线上报各种各样的问题，然后就得回退，本地调好在发布。偶然看...

2020-05-27

46浏览

0评论

jquery.picsign图片标注组件实例详解

经过几天的尝试和学习，封装了自己的第一个js组件,有很多不足之处还请赐教。
因为一些业务需求，需要给图片添加一些标注，从网上找了一些但都不能满足需求，并且存在一些bug，坑太多...

2020-05-27

52浏览

0评论

Vue多种方法实现表头和首列固定的示例代码

有时表格太大，滚动时信息查看不方便，需要对表格进行全局表头、首列固定，
上效果：
一、创建多个表格进行覆盖思路：当页面滚动到临界值时，出现固定表头、首列
先创建一个活动表格...

2020-05-27

51浏览

0评论

使用express+multer实现node中的图片上传功能

下文给大家介绍使用express+multer实现node中的图片上传功能，具体内容介绍如下所示：在前端中，我们使用ajax来异步上传图片,使用file-input来上传图片，使用formdata对象来处理图...

2020-05-27

49浏览

0评论

原生JS实现网页手机音乐播放器歌词同步播放的示例

整了一下之前写了好几次每一次都丢三落四的今天花了半天理了下思路整理了下头绪//获取歌词文本 var txt = document.getElementById("lrc"); var lrc = txt.value;//获...

2020-05-27

66浏览

0评论

详解VueJS应用中管理用户权限

在需要身份验证的前端应用里，我们经常想通过用户角色来决定哪些内容可见。比如，游客身份可以阅读文章，但注册用户或管理员才能看到编辑按钮。在前端中管理权限可能会有点麻烦。...

2020-05-27

48浏览

0评论

vuex的简单使用教程

什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的...

2020-05-27

55浏览

0评论

微信小程序实现YDUI的ScrollNav组件

本文实例为大家分享了微信小程序实现滚动导航效果的具体代码，供大家参考，具体内容如下DEMO下载效果图实现原理采用双 scroll-view 组件实现双滚动！
WXML<scrol...

2020-05-27

52浏览

0评论

微信小程序实现YDUI的ScrollTab组件

本文实例为大家分享了微信小程序实现滚动选项卡效果的具体代码，供大家参考，具体内容如下DEMO下载效果图YDUI的ScrollTab（滚动选项卡）WXML<view class="tui-fixed-le...

2020-05-27

56浏览

0评论

微信小程序实现滚动消息通知

本文实例为大家分享了微信小程序实现滚动消息的具体代码，供大家参考，具体内容如下效果图：index.wxml<swiper class="swiper_container" vertical="true" auto...

2020-05-27

53浏览

0评论

微信小程序实现文字跑马灯效果

本文实例为大家分享了微信小程序实现文字跑马灯的具体代码，供大家参考，具体内容如下效果wxml<view>1 显示完后再显示</view><view class="example"> <view class="marquee_box...

2020-05-27

100浏览

0评论

JS中的BOM应用

我们曾经讲过JS由三部分组成，其中一个部分就是BOM，用于对浏览器进行操作。这节课我们主要就来介绍BOM。BOM基础我们先来看一个BOM的最基础功能：打开、关闭窗口：<html> <head> <...

2020-05-27

44浏览

0评论

微信小程序数字滚动插件使用详解

用es6语法方式写了个微信小程序小插件–数字滚动；效果图：wxml页面布局代码：
<view class="animate-number"> <view class="num num1">{{num1}}{{...

2020-05-27

53浏览

0评论

微信小程序实现列表下拉刷新上拉加载

本文实例为大家分享了微信小程序实现列表下拉刷新上拉加载的具体代码，供大家参考，具体内容如下DEMO下载效果图原理利用微信小程序的onPullDownRefresh函数（下拉刷新监听函数）和o...

2020-05-27

48浏览

0评论

jQuery实现的下雪动画效果示例【附源码下载】

本文实例讲述了jQuery实现的下雪动画效果。分享给大家供大家参考，具体如下：html部分：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><html xmlns="http://w...

2020-05-27

64浏览

0评论

原生JS实现的双色球功能示例

本文实例讲述了原生JS实现的双色球功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <ti...

2020-05-27

73浏览

0评论

JS实现百度搜索接口及链接功能实例代码

本文通过代码给大家介绍js实现百度搜索接口及链接功能，具体代码如下所示：在上篇文章给大家介绍了JS 实现百度搜索功能 <!DOCTYPE html> <html ng-app="myApp"> <head> <...

2020-05-27

48浏览

0评论

jQuery niceScroll滚动条错位问题的解决方法

虽然niceScroll插件很好用，毕竟它不依赖css,只是单纯的js就可以设置出好看的滚动条了。最近在项目中使用到niceScroll，而且在表格里有横滚动条，竖滚动条时很容易错位，就是滚动条...

2020-05-27

165浏览

0评论

浅谈js promise看这篇足够了

一、背景大家都知道nodejs很快，为什么会这么快呢，原因就是node采用异步回调的方式来处理需要等待的事件，使得代码会继续往下执行不用在某个地方等待着。但是也有一个不好的地方...

2020-05-27

53浏览

0评论

JS删除数组里的某个元素方法

删除数组指定的某个元素js删除数组中某一项或几项的几种方法 https://www.freexyz.cn/article/154737.htm首先可以给JS的数组对象定义一个函数，用于查找指定的元素在数组中的位...

2020-05-27

53浏览

0评论

js删除数组中的元素delete和splice的区别详解

例如有一个数组是：var textArr = ['a','b','c','d'];这时我想删除这个数组中的b元素：方法一：delete 删除数组delete textArr[1] 结果为： ["a",undefined,"c","d"] 只是被删除...

2020-05-27

45浏览

0评论

Node.js实现mysql连接池使用事务自动回收连接的方法示例

本文实例讲述了Node.js实现mysql连接池使用事务自动回收连接的方法。分享给大家供大家参考，具体如下：var mysql = require('mysql'), Connection = require('mysql/lib/Conne...

2020-05-27

63浏览

0评论

JavaScript实现求最大公共子串的方法

本文实例讲述了JavaScript实现求最大公共子串的方法。分享给大家供大家参考，具体如下：求最大公共子串，常见的做法是使用矩阵。假设有字符串：abcdefg和字符串abcd，则可构成如下表...

2020-05-27

55浏览

0评论

JavaScript设计模式之调停者模式实例详解

本文实例讲述了JavaScript设计模式之调停者模式。分享给大家供大家参考，具体如下：1、定义调停者模式包装了一系列对象相互作用的方式，使得这些对象不必相互明显作用。从而使他...

2020-05-27

44浏览

0评论

vue-cli开发时,关于ajax跨域的解决方法(推荐)

目的：使用vue-cli构建的项目，在开发时，想要访问后台接口获取数据，这时就会出现跨域问题。在config/index.js中进行如下配置【即在进行ajax请求时，地址中任何以/api开头的请求地址...

2020-05-27

54浏览

0评论

vue.js使用代理和使用Nginx来解决跨域的问题

使用Nginx 反向代理解决跨域问题（vue.js使用代理去掉vue.js因为跨域而触发的options请求）我们的项目还是需要node.js作为容器的一、Windows 下安装Nginx （官网下载稳定版http:/...

2020-05-27

60浏览

0评论

基于vue-resource jsonp跨域问题的解决方法

最近在学习vue.js 碰到个ajax跨域请求的问题，之前知道可以用jsonp解决，但是一直没实践过，这次用发现里面好多问题，所以现在记录下来，希望可以给刚接触使用jsonp的同学一点帮助！关...

2020-05-27

69浏览

0评论

vue+webpack实现异步组件加载的方法

8.9更新：之前想搬迁到csdn的时候由于邀请码问题迟迟没把博客转过来，所以跑去博客园了，今天发现csdn已经帮我把文章搬过来，有必要修正一下这篇文章。写这篇文章的时候因为刚接触v...

2020-05-27

48浏览

0评论

Vue修改mint-ui默认样式的方法

在使用vue框架开发时，饿了么的mint-ui框架是个不错的选择，但是有时候我们需要修改它的默认样式，方法如下：1、在src/assets/css目录下新建scss文件，my-mint.scss，内容如下：/* 覆盖mi...

2020-05-27

53浏览

0评论

浅谈vue中改elementUI默认样式引发的static与assets的区别

首先从这说起 vue项目中的elementUI的默认样式怎么改由于elementUI的样式太单调，比如这个slider滑块elementUI中的API是没办法改变这个slider的颜色的，可是老板喜欢很黄，非要用...

2020-05-27

热门文章