编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

65浏览

0评论

JS实现颜色动态淡化效果

效果图：代码如下：<html><head><title>颜色变换</title><style type="text/css">div{width:100px;height:100px;margin:100px auto;border:1px solid white;border-radius:50%;...

2020-05-27 14:56:24

206浏览

0评论

纯JS实现弹性导航条效果

效果图：代码如下：<!doctype html><html><head> <meta charset="UTF-8"> <title>Title</title><style>*{margin:0; padding:0; list-style:none;}ul{ overflow:hidden; backgro...

2020-05-27 14:56:23

53浏览

0评论

jQuery滚动监听实现商城楼梯式导航效果

话不多说，上局部效果图：html结构，左侧定位的导航需要一个ul，中间内容，我是直接截得图片，为了效果省事，也是用的ul，最后你们要用的话也可以用ul，或者div，但是每个区域得是一个div，例如，...

2020-05-27 14:56:22

56浏览

0评论

canvas仿iwatch时钟效果

效果图：图（1）图（2）代码如下：<!doctype html><html><head> <meta charset="UTF-8"> <title>Title</title><style>*{margin:0; padding:0;}body{ background:#000; text-align:cente...

2020-05-27 14:56:19

63浏览

0评论

VUE开发一个图片轮播的组件示例代码

本人刚学习vue,用vue做了个图片轮播，下面我来记录一下,有需要了解VUE开发一个图片轮播的组件的朋友可参考。希望此文章对各位有所帮助。
完成效果图如下：vue开发的思路主要是...

2020-05-27 14:56:18

50浏览

0评论

js常用的继承--组合式继承

组合继承有时候也叫伪经典继承，指的是将原型链和借用构造函数技术组合到一块，从而发挥二者之长的一种继承模式，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用...

2020-05-27 14:56:17

51浏览

0评论

浅析vue component 组件使用

component 使用
component的注册
1.全局注册
使用用Vue.component('componentName',{template:'<div class="tem1">hello world</div>'})在初始化实例之前。
componentName...

2020-05-27 14:56:16

45浏览

0评论

原生JS中slice()方法和splice()区别

slice()方法和splice()方法都是原生js中对数组操作的方法。那么他两种有什么区别呢？今天通过本文教程给大家简单介绍下。slice()，返回一个新的数组，该方法可从已有的数组中返回...

2020-05-27 14:56:15

56浏览

0评论

js实现下一页页码效果

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } .scroll-tool{ position: relative;...

2020-05-27 14:56:14

62浏览

0评论

js上下视差滚动简单实现代码

前言：项目中让实现一个简单的上下视差滚动，就是当页面滑动到某一固定位置时，让上下两页面出现叠加效果，恢复时，展开恢复。功能技术实现方式：元素定位，鼠标事件思路1：一开始想着设置...

2020-05-27 14:56:13

71浏览

0评论

AngularJS的Filter的示例详解

贴上几个有关Filter使用的几个示例。1. 首先创建一个表格<body ng-app="app"> <div class="divAll" ng-controller="tableFilter"> <input type="text" placeholder="输入...

2020-05-27 14:56:12

43浏览

0评论

JQuery查找子元素find()和遍历集合each的方法总结

1.HTML代码<div name="students" school="HK"> <input type="boy" name="ZhangSan" value="206"> <input type="girl" name="Lisi" value="108"> </div> 2.jquer...

2020-05-27 14:56:11

60浏览

0评论

Node.js读取文件内容示例

Node.js读取文件内容包括同步和异步两种方式。1、同步读取，调用的是readFileSyncvar rf=require("fs"); var data=rf.readFileSync("test","utf-8"); console.log(data); con...

2020-05-27 14:56:10

65浏览

0评论

jQuery设计思想

前面的话在深入了解jQuery的各个细节之前，需要对jQuery的设计思想有一个大致的了解。在遇到问题时，知道应该使用jQuery的哪一个功能，然后迅速从手册中找到具体的用法。本文将...

2020-05-27 14:56:08

140浏览

0评论

js判断手机系统是android还是ios

话不多说，请看代码：<script type="text/javascript">var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var...

2020-05-27 14:56:08

44浏览

0评论

JQuery中Ajax的操作完整例子

Java软件开发中，后台中我们可以通过各种框架，像SSH等进行对代码的封装，方便我们对Java代码的编写，例如，Struts,SpringMVC对从前台到action的流程进行封装控制，使我们只需要进行一...

2020-05-27 14:56:06

52浏览

0评论

angularjs+bootstrap菜单的使用示例代码

需求背景：使用yo angular生成的项目默认主页是这样的：body部分涉及具体的业务内容，后续研究。这里主要研究菜单项、页眉的处理。页脚处理：自动生成的项目中，菜单和页脚设置都是在...

2020-05-27 14:56:05

51浏览

0评论

无法获取隐藏元素宽度和高度的解决方案

在实际开发中会遇到确实需要获取隐藏元素的宽高，这儿所说的隐藏元素是display为none的元素。可使用jQuery Actual Plugin插件来完成，其源码如下：;( function ( $ ){ $.fn.addBa...

2020-05-27 14:56:04

53浏览

0评论

详解JS异步加载的三种方式

一：同步加载我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></script><script src="http://yourdomain.com/script.js"></script>同步模式，又...

2020-05-27 14:56:03

63浏览

0评论

jQuery模拟下拉框选择对应菜单的内容

先给大家展示下效果图：下面一段代码给大家分享基于jquery实现的模拟下拉框选择对应菜单的内容，具体代码如下所示：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UT...

2020-05-27 14:56:02

49浏览

0评论

Node.js查找当前目录下文件夹实例代码

整理文档，搜刮出Node.js查找当前目录下文件夹实例代码，稍微整理精简一下做下分享。
var http = require("http");var fs = require("fs");var server = http.createServer(fun...

2020-05-27 14:56:00

50浏览

0评论

JavaScript实现替换字符串中最后一个字符的方法

本文实例讲述了JavaScript实现替换字符串中最后一个字符的方法。分享给大家供大家参考，具体如下：1、问题背景在一个输入框中，限制字符串长度为12位，利用键盘输入一个数字，会将字...

2020-05-27 14:55:59

61浏览

0评论

微信小程序开发之入门实例教程篇

前言近日，在工作闲暇之余，阅读了一些关于微信小程序的文章，忍不住，想动手试他一试。本文就以“我的第一个微信小程序”为例，简单的介绍下，微信小程序的入门级用法。一、注册小程序...

2020-05-27 14:55:58

63浏览

0评论

AngularJS监听路由变化的方法

使用AngularJS时，当路由发生改变时，我们需要做某些处理，此时可以监听路由事件，常用的是$routeStartChange, $routeChangeSuccess。完整例子如下：<!DOCTYPE html><html><head> <me...

2020-05-27 14:55:57

59浏览

0评论

JavaScript和JQuery获取DIV值的方法示例

本文实例讲述了JavaScript和JQuery获取DIV值的方法。分享给大家供大家参考，具体如下：1、示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://ww...

2020-05-27 14:55:55

58浏览

0评论

js 获取图像缩放后的实际宽高,位置等信息

项目中遇到图片实际显示尺寸的判定问题,图片可能被缩放过,所以实际显示的宽高无法通过常见的各种width,height拿到(都是得到图像的自然宽度或者字面宽度,并非实际显示结果)...

2020-05-27 14:55:54

67浏览

0评论

jQuery基于事件控制实现点击显示内容下拉效果

本文实例讲述了jQuery基于事件控制实现点击显示内容下拉效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""...

2020-05-27 14:55:53

59浏览

0评论

jQuery中Chosen三级联动功能实例代码

Chosen 是一个JavaScript插件，它能让丑陋的、很长的select选择框变的更好看、更方便,不仅如此，它更扩大了，增长了主动筛选的功能。本文介绍Chosen联动，具体代码如下：var addressR...

2020-05-27 14:55:52

56浏览

0评论

jQuery动态移除和添加背景图片的方法详解

本文实例讲述了jQuery动态移除和添加背景图片的方法。分享给大家供大家参考，具体如下：利用jQuery移除和添加图片1、样式<style type="text/css"> .changeImage{ backgrou...

2020-05-27 14:55:51

58浏览

0评论

jQuery Chosen通用初始化

一直在用Chosen这个js插件，其目的就是美化下拉框。github地址：https://harvesthq.github.io/chosen/no_results_text："xxxxx"无搜索结果时显示的文本allow_single_deselect：true...

2020-05-27 14:55:49

62浏览

0评论

JS完成画圆圈的小球

效果图图（1）图（2）代码如下：<html><head><title>JS动画之转动的小球</title><style type="text/css">div{width:20px;height:20px;background-color:black;position:absolute;bor...

2020-05-27 14:55:47

88浏览

0评论

js仿网易表单及时验证功能

今天研究了网易“用户注册表单”与“及时验证功能”，不得不说，无论是它的布局结构，还是验证功能，都是刷新了本真人的眼界，居然可以这样！来图镇楼！html代码：<!DOCTYPE html PUBLIC "-...

2020-05-27 14:55:46

56浏览

0评论

JavaScript实现向select下拉框中添加和删除元素的方法

本文实例讲述了JavaScript实现向select下拉框中添加和删除元素的方法。分享给大家供大家参考，具体如下：1、说明a. 利用append()方法向下拉框中添加元素b. 利用remove()方法移...

2020-05-27 14:55:45

59浏览

0评论

JQuery实现文字无缝滚动效果示例代码(Marquee插件)

推荐一个JQuery的无缝文字滚动效果，同时也可以滚动图片，也叫做跑马灯效果。此jquery插件，依托jquery库，能实现各种滚动效果，且让HTML代码符合W3C标准。使用方法如下：1、加载javasc...

2020-05-27 14:55:43

67浏览

0评论

Bootstrap进度条实现代码解析

本文实例为大家分享了Bootstrap进度条的具体代码，供大家参考，具体内容如下基本结构<div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="6...

2020-05-27 14:55:42

93浏览

0评论

jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制的基本折线图效果。分享给大家供大家参考，具体如下：1、实例源码：<!DOCTYPE html><html> <head> <title>HighCharts基本折线图</ti...

2020-05-27 14:55:41

89浏览

0评论

Bootstrap表单控件学习使用

Bootstrap表单控件的学习使用，供大家参考，具体内容如下输入框（Input）
最常见的表单文本字段是输入框 input。用户可以在其中输入大多数必要的表单数据。
Bootstrap 提供了对所...

2020-05-27 14:55:40

80浏览

0评论

angular十大常见问题

AngularJS可以视为是一种数据优先的框架，在它的三个层面中，数据模型是骨架，视图模型和业务事件是血肉，视图模板和指令是皮毛，这三层合在一起，就形成了一个活生生的Web应用。1.ng-i...

2020-05-27 14:55:39

86浏览

0评论

Bootstrap媒体对象学习使用

Bootstrap媒体对象的学习使用，供大家参考，具体内容如下基本结构：<div class="media"> <a class="pull-left" href="#" rel="external nofollow" rel="external nofollow" rel=...

2020-05-27 14:55:37

82浏览

0评论

nodejs中全局变量的实例解析

1.global类似于客户端javascript运行环境中的windowmodule1.js:module.exports={};//耻辱的使用了全局变量global.varA = "abc";关于global对象，实际使用中可以省去global....

2020-05-27 14:55:36

112浏览

0评论

js放到head中失效的原因与解决方法

1.今天写js碰到一个奇怪的问题，写好的js放到body里面执行，但是放到head中没有任何效果，为什么导致这种原因呢？看失效代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...

2020-05-27 14:55:36

73浏览

0评论

详解Vue2 无限级分类(添加,删除,修改)

本人对vue不是很懂,搜索了很多关于Vue2 无限级分类介绍,下面我来记录一下,有需要了解Vue2 无限级分类的朋友可参考。希望此文章对各位有所帮助。
<!DOCTYPE html><html lang...

2020-05-27 14:55:34

82浏览

0评论

基于JavaScript实现图片剪切效果

学会如何获取鼠标的坐标位置以及监听鼠标的按下、拖动、松开等动作事件，从而实现拖动鼠标来改变图片大小。还可以学习css中的clip属性。一、CSS实现图片不透明及裁剪效果。图...

2020-05-27 14:55:33

94浏览

0评论

原生JavaScript实现Tooltip浮动提示框特效

使用原生JavaScript设计和实现Tooltip浮动提示框特效，了解代码简化、事件绑定、事件冒泡等技巧和知识。特效四个关键点：
显示：鼠标移到ToolTip超链接上时，ToolTip提示框可以显示...

2020-05-27 14:55:32

53浏览

0评论

Vue获取DOM元素样式和样式更改示例

在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 'style' is not definde的错误，这时候可以在 mounted 里用 $refs 来获取样式，并进行更改：
<template>...

2020-05-27 14:55:31

49浏览

0评论

js实现百度登录框鼠标拖拽效果

以百度的登录窗口为例，学习鼠标拖拽效果如何实现，拖拽范围限定以及登录窗口自动居中。学会如何制作弹出窗口特效，了解把元素设置为可拖拽的原理。知识点：1.掌握对可拖拽对话框的...

2020-05-27 14:55:30

66浏览

0评论

Vuejs 组件——props数据传递的实例代码

本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#Props
本文是在官方文档的基础上，更加细致的说明，代码更多更全。
简单来说，更适合新手阅读props数据传递
①...

2020-05-27 14:55:29

66浏览

0评论

Nodejs 获取时间加手机标识的32位标识实现代码

具体代码如下所示：var crypto = require("crypto");function randomlogn(num){ var n = num.split(''); var m = []; for(var i=0;i<16;i++){ m[i] = n[Math.floor(Math.ran...

2020-05-27 14:55:28

89浏览

0评论

js实现网页定位导航功能

本文实例为大家分享了js网页定位导航的具体代码，供大家参考，具体内容如下一个循环判断当前滚动到的位置，另一个循环遍历导航条判断其id是否与滚动到的位置相同效果如图：实现代码...

2020-05-27 14:55:26

52浏览

0评论

Vue2.0组件间数据传递示例

Vue1.0组件间传递使用$on()监听事件；使用$emit()在它上面触发事件；使用$dispatch()派发事件，事件沿着父链冒泡；使用$broadcast()广播事件，事件向下传导给所有的后代Vue2....

2020-05-27 14:55:25

首页 «1139 114011411142 1143 »尾页

热门文章