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

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

NW.js 简介与使用方法

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

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

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

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

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

JS 实现百度搜索功能

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

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

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

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

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

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

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

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

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

解析Vue.js中的组件

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

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

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

Vue组件化开发思考

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

使用webpack打包koa2 框架app

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

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

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

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

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

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

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

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

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

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

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

vuex的简单使用教程

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

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

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

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

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

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

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

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

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

JS中的BOM应用

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

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

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

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

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

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

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

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

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

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

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

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

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

浅谈js promise看这篇足够了

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vue中element组件样式修改无效的解决方法

如下所示:<style>.detail{ .el-input__inner { height: 48px; }}</style>直接写style注意不加scoped,然后用一个组件最外层的class包裹住,就不会改到所有的组件的样式了。以上...

vue里面父组件修改子组件样式的方法

在使用 vue 的开发中,我们有时会引用外部组件,包括 UI 组件(ElementUI、iview)。当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。但是在父组件中添加 scop...

彻底理解js面向对象之继承

说道这个继承,了解object-oriented的朋友都知道,大多oo语言都有两种,一种是接口继承(只继承方法签名);一种是实现继承(继承实际的方法)奈何js中没有签名,因而只有实现继承,而且靠的是...

Vue的土著指令和自定义指令实例详解

1.土著指令  当我开始学习Vue的时候,看官网的时候看到了“指令”两个字。我愣住了,what?指令是啥啊?后来继续往下看,像这种什么“v-for”“v-show”“v-if”都叫做指令。等到后...

JS实现不用中间变量temp 实现两个变量值得交换方法

1.使用加减法;var a=1;var b=2;a=a+b;b=a-b;a=a-b;2.使用乘除法(乘除法更像是加减法向乘除运算的映射)var a=1;var b=2; a = a * b; b = a / b; a = a / b;注意:该方法可以...

Vue的事件响应式进度条组件实例详解

写在前面
找了很多vue进度条组件,都不包含拖拽和点击事件,input range倒是原生包含input和change事件,但是直接基于input range做进度条的话,样式部分需要做大量调整和兼容性处...

jQuery Dom元素操作技巧

Dom是Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即...

js数组常用最重要的方法

数组作为js中常用的数据类型使我们用的最多的, 在其他地方可以搜索出很多对其方法的总结, 本文列举了笔者认为的(个人认为^_^)最为重要的一系列方法 split()//字符串 ->数...

返回顶部
顶部