编程开发 - 教程之家

编程开发

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

67浏览

0评论

nodejs搭建本地http服务器教程

由于不做php相关的东西，懒得装apache，干脆利用nodejs搭建一个本地的服务器用于测试。nodejs这玩意儿吧，对做前端的介入后端简直就是一把利器。而且目前，nodejs也越来越有商用价...

2020-05-27 14:50:49

60浏览

0评论

H5实现中奖记录逐行滚动切换效果

本文实例为大家分享了H5逐行滚动切换效果的具体代码，供大家参考，具体内容如下前端页面需先引入jquery<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl...

2020-05-27 14:50:47

42浏览

0评论

使用openSpeDiv方法实现Ecshop登录弹窗框效果

在ECSHOP的目录/JS/common.js中有一个openSpeDiv方法是实现ECSHOP的弹窗效果的。如果我们想制作一个登录弹窗框，可以截取这个方法里的部分代码。//生成属性选择层 function o...

2020-05-27 14:50:46

117浏览

0评论

jsonp跨域请求实现示例

网上看了很多关于jsonp的资料，发现在本机运行后实现不了，有的是有错漏，有的是说的比较含糊，接合自己的情况，整了一个可运行的示例；前言：ajax请求地址：http://192.168.1.102:8080/car...

2020-05-27 14:50:45

74浏览

0评论

js从输入框读取内容,比较两个数字的大小方法

因为从输入框读取的内容是String类型的，所以直接比较的话，是用asc码来比较的，如果要比较数字的大小应该加上parseFloat，比如：if(parseFloat(amnt1) < parseFloat(amnt2)){}以上这...

2020-05-27 14:50:39

60浏览

0评论

JS实现直接运行html代码的方法

本文实例讲述了JS实现直接运行html代码的方法。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'/> <title>直接运行 h...

2020-05-27 14:50:36

56浏览

0评论

JS实现含有中文字符串的友好截取功能分析

本文实例讲述了JS实现含有中文字符串的友好截取功能。分享给大家供大家参考，具体如下：在显示字符串的时候，避免字符串过长往往会对字符串进行截取操作，通常会用到js 的 substr...

2020-05-27 14:50:34

50浏览

0评论

JS+html5 canvas实现的简单绘制折线图效果示例

本文实例讲述了JS+html5 canvas实现的简单绘制折线图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>...

2020-05-27 14:50:33

95浏览

0评论

JavaScript评论点赞功能的实现方法

通过分析评论功能的逻辑关系，学会如何使用JavaScript实现评论、回复、点赞等各种功能1.学会JavaScript处理日期和时间。2.掌握Dom操作中的添加/删除子节点方法。3.使用setTim...

2020-05-27 14:50:32

52浏览

0评论

jQuery简易时光轴实现方法示例

本文实例讲述了jQuery简易时光轴实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset='utf-8'> <title>timeLine</title> <style> bod...

2020-05-27 14:50:31

59浏览

0评论

深入理解Node.js中的进程管理

前言本文主要对 Node.js 中进程管理相关的东西做一个简单介绍，包括 process 对象、child_process 模块和cluster 模块，详细的 API 可以查看官方文档，下面来看看详细的介绍吧。P...

2020-05-27 14:50:30

70浏览

0评论

jquery.flot.js简单绘制折线图用法示例

本文实例讲述了jquery.flot.js简单绘制折线图用法。分享给大家供大家参考，具体如下：1、完整实例代码：<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>折...

2020-05-27 14:50:29

74浏览

0评论

vue2.0嵌套路由实现豆瓣电影分页功能(附demo)

前言最近练习Vue，看到官方文档中的嵌套路由，不做不知道，实在是太坑了，网上资料demo少之又少，然后自己就做了一个demo,用了vue2.0嵌套路由实现豆瓣电影分页功能，供大家学习学习，写得...

2020-05-27 14:50:28

53浏览

0评论

原生js实现吸顶效果

实现思路如下：1. div初始居普通文档流中2. 给window添加scroll事件（可事件节流），获取div的offset的top值，滚动时scrollTop值和top比较，当到达top时给div添加一个fixed的class使其...

2020-05-27 14:50:26

54浏览

0评论

Javascript封装id、class与元素选择器方法示例

由于各个浏览器都支持的选择方法只有如下三种： 1、document.getElementById() 2、document.getElementsByName() 3、document.getElementsByTagName()所以在封装...

2020-05-27 14:50:26

53浏览

0评论

js实现手机发送验证码功能

效果图：代码如下：<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>发送验证码倒计时功能</title><style>@charse...

2020-05-27 14:50:24

63浏览

0评论

利用Javascript裁剪图片并存储的简单实现

前言就我而言，页面上的设计比较灵动的部分，其实不是很多，诸如滑动验证码，图片裁剪等比较好的交互设计。从刚开始工作的时候，我就想把这些东西了解下，无奈一直没这个需求，乘着今天的...

2020-05-27 14:50:23

50浏览

0评论

Javascript中字符串相关常用的使用方法总结

刚刚在看Javascript犀牛书，看到字符串这一节，平时工作接触到这方面的不多，想着整理下，以备不时只需。JavaScript的内置功能之一就是字符串连接，如果用‘+'连接两个数字，表示两数相...

2020-05-27 14:50:22

55浏览

0评论

Java与JavaScript中判断两字符串是否相等的区别

JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等直接用==,这与C++里的String类一样.而Java里的等号...

2020-05-27 14:50:21

50浏览

0评论

JavaScript 数据类型详解

一，数据类型以下内容基于ES5（ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型。）JavaScript是一种弱类型动态语言，定义变量时无需指...

2020-05-27 14:50:21

49浏览

0评论

干货!教大家如何选择Vue和React

两者之间的相同之处同样是基于组件开发的轻量级框架，同样是专注于用户界面的视图view层。如何选择1.1 如果喜欢用模板搭建应用（或者有这个想法）选择Vue
Vue应用默认的是把mark...

2020-05-27 14:50:19

43浏览

0评论

jQuery插件HighCharts实现气泡图效果示例【附demo源码】

本文实例讲述了jQuery插件HighCharts实现气泡图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts 气泡...

2020-05-27 14:50:18

73浏览

0评论

又一款MVVM组件构建自己的Vue组件（2）

前言：转眼距离上篇JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的时间，Vu...

2020-05-27 14:50:17

56浏览

0评论

JS正则表达式判断有效数实例代码

2020-05-27 14:50:15

48浏览

0评论

VUE实现日历组件功能

哈哈，就在昨天笔者刚刚在Github 上发布了一个基于VUE的日历组件。过去做日历都是需要引用 jquery moment 引用 fullCalendar.js 的。几者加起来体积庞大不说，也并不是很好使...

2020-05-27 14:50:14

42浏览

0评论

基于vue2.0+vuex的日期选择组件功能实现

calendar vue日期选择组件一个选择日期的vue组件基于vue2.0 + vuex原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了demo展示&&项...

2020-05-27 14:50:13

52浏览

0评论

jquery实现表单获取短信验证码代码

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery表单获取短信验证码代码</title> <script src="http://libs.baidu.com/jquery...

2020-05-27 14:50:11

46浏览

0评论

Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案

在项目中开始使用vue2来构建项目了，跟 vue1 很大的一处不同在于2 取消了props 的双向绑定，改成只能从父级传到子级的单向数据流，初衷当然是好的，为了避免双向绑定在项目中容易造...

2020-05-27 14:50:10

44浏览

0评论

常用的几个JQuery代码片段

1. 导航菜单背景切换效果在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式：//注意：代...

2020-05-27 14:50:09

41浏览

0评论

分享一个精简的vue.js 图片lazyload插件实例

这个插件未压缩版本只有7.62kb，很精简，支持img标签和background-img资源的lazyload。支持vue.js 1.0 和vue.js 2.0安转$ npm install vue-lazyload --save使用方法//main.jsim...

2020-05-27 14:50:08

66浏览

0评论

百度地图JavascriptApi Marker平滑移动及车头指向行径方向

相信只要是使用百度地图做实时定位服务的朋友都会遇到这个问题,在对坐标位置进行覆盖物展示的时候,会出现由于获取坐标数据时间或者两个坐标点相距过远,导致在视觉上看Marke...

2020-05-27 14:50:07

65浏览

0评论

jQuery+CSS3实现点赞功能

效果图：图（1）初始图图（2）点击后代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html...

2020-05-27 14:50:05

47浏览

0评论

轻松实现jQuery添加删除按钮Click事件

大家登陆一些网站或论坛时，经常会被要求先浏览和确认“用户协议”。“用户协议”底部通常会设置一个“我已阅读并同意”复选框，勾选了该复选框，“登陆”按钮才可用。如下图所示...

2020-05-27 14:50:04

46浏览

0评论

jQuery实现表格奇偶行显示不同背景色就这么简单

做表格的时候，经常要让奇偶行显示不同背景色，一来使表格显得更美观，二来使同行数据查找更快捷方便。通常我们是怎么实现的呢？就是在每个tr标签上加css样式。代码如下所示：<html><...

2020-05-27 14:50:03

65浏览

0评论

jquery插件ContextMenu设置右键菜单

Struts项目中右键菜单一般很少用到，但是一旦客户有要求，很多人就懵圈了，比如我。这个时候，当然要表现镇定，一面拍着胸口对客户承诺说绝对可以实现，一面赶紧打开百度神器，搜搜看是否...

2020-05-27 14:50:02

67浏览

0评论

Bootstrap笔记—折叠实例代码

1. 基础折叠
展示如下：<body> <div class="container">  <button class="btn btn-default" data-toggle="collapse" data-target="#shows">按钮</butto...

2020-05-27 14:50:00

68浏览

0评论

JavaScript校验Number(4,1)格式的数字实例代码

项目里面有个录入，需要数字格式进行校验，前端使用的是miniUI框架，miniUI文档里面自带了校验，vtype="float",校验浮点数的，但是它不能做到校验这个浮点数有几位整数和几位小数，所以...

2020-05-27 14:49:58

85浏览

0评论

原生JS实现左右箭头选择日期实例代码

先上个效果图，就是用左右尖括号可改变中间日期的值。（点击中间显示区域有时间选择器弹框，用的插件就不说了，主要说自己原创的部分）...

2020-05-27 14:49:57

48浏览

0评论

AngularJS实现页面定时刷新

有时我们在前端可能会有这样的需求：1、每隔一段时间刷新一下页面中的数据
2、根据需要可以暂停和启用刷新
接下来我们就来看下AngularJS的实现方法：
首先我们了解到AngularJS...

2020-05-27 14:49:56

84浏览

0评论

node.js爬虫爬取拉勾网职位信息

简介用node.js写了一个简单的小爬虫，用来爬取拉勾网上的招聘信息，共爬取了北京、上海、广州、深圳、杭州、西安、成都7个城市的数据，分别以前端、PHP、java、c++、python、Andr...

2020-05-27 14:49:54

41浏览

0评论

ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!

由于有些的程序员可能不是很会Photoshop，所以为了美化页面，我们可以借助工具bootstrap，实现起来相对就要比之前做的美观一些，今天我用bootstrap把之前做的显示表格进行了一下美...

2020-05-27 14:49:53

43浏览

0评论

使用BootStrap实现标签切换原理解析

原理解析
1.定义一无序列表。取id值为myTab。
2.定义列表中a标签的目标地址为我们要展示的div对应的id
3.为a标签注册对应的事件（就是js的代码）效果如图
代码如下 html代...

2020-05-27 14:49:52

55浏览

0评论

微信小程序跳转传参数与传对象详解及实例代码

微信小程序跳转传参数传对象微信小程序跳转传参一般都是传字符串到下一页，如果要想传对象怎么办呢？我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串，再转...

2020-05-27 14:49:50

76浏览

0评论

利用js定义一个导航条菜单

效果：一、html代码：<div class="Maintenance"> <div class="Title"> <div class="M_Button" id="Plan">menu1</div> <div class="M_Button" id="Expert">menu2</div> <...

2020-05-27 14:49:49

73浏览

0评论

微信小程序仿猫眼实现实例代码

微信小程序仿猫眼实现效果图：movie.jsPage({ data: { movies:null, scrollTop : 0, scrollHeight:0 }, onLoad: function (options) { // 生命周期函数--监听...

2020-05-27 14:49:48

325浏览

0评论

layer弹出层框架alert与msg详解

layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力...

2020-05-27 14:49:46

67浏览

0评论

Javascript前端经典的面试题及答案

前言如果面试题按类型来分，主要涉及到“技术”与“非技术”两大类，技术类别下涉及到的子类别有：移动 & PC端布局类 JavaScript 核心基础类衍生框架类项目应用类这四大类...

2020-05-27 14:49:45

74浏览

0评论

jQuery ajax实现省市县三级联动

下面我们用Jquery，ajax,做一个省，市，县的三级联动：下面是我做三级联动下拉的步骤以及逻辑
第一步：先做一个省市区表格
第二步：建个PHP页面显示用我是在<body>里放<div>用来接收要...

2020-05-27 14:49:44

47浏览

0评论

前端框架学习总结之Angular、React与Vue的比较详解

近几年前端的技术发展很快，细分下来，主要可以分成四个方面： 1.开发语言技术，主要是ES6&7，coffeescript，typescript等；
2.开发框架，如Angular，React,Vue.js，Angular2等；
...

2020-05-27 14:49:43

86浏览

0评论

jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts实现的2D堆条状图效果。分享给大家供大家参考，具体如下：1、HighCharts之2D堆条状图源码<!DOCTYPE html><html><head><meta charset="UTF-8...

2020-05-27 14:49:41

首页 «1144 114511461147 1148 »尾页

热门文章