JavaScript - 教程之家

56浏览

0评论

Bootstrap导航简单实现代码

Bootstrap导航的具体实现代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta name="viewport" co...

2020-05-27

125浏览

0评论

JS字符串长度判断,超出进行自动截取的实例(支持中文)

今天一个小弟问我的问题，在文本框中输入字符，如果超出指定长度，就把它截取，要求中文等于两个字符的长度，我找一下资料，把这个功能实现了，下面是JS代码：<html><script src="http://jb...

2020-05-27

68浏览

0评论

基于JS实现仿百度百家主页的轮播图效果

HTML <div class="ShowEntry">  <!--------- 右击箭头---...

2020-05-27

111浏览

0评论

Bootstrap导航中表单简单实现代码

导航中图标，表单的编程：<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta name="viewport" content="width=device-width,ini...

2020-05-27

62浏览

0评论

jQuery时间验证和转换为标准格式的时间格式

最近整理文档发现一篇文章，可以将时间转换成标准格式的时间，发出来给大家参考一下。
var TimeObjectUtil;/** * @title 时间工具类 * @note 本类一律违规验证返回false * @aut...

2020-05-27

78浏览

0评论

Bootstrap显示与隐藏简单实现代码

本文实例为大家分享了bootstrap显示隐藏的具体代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><met...

2020-05-27

94浏览

0评论

Js自动截取字符串长度,添加省略号(……)的实现方法

JavaScript字符串处理函数，根据定义的长度截取字符串，超出部分裁掉追加……，很多时候网页上显示的内容需要缩成“...”该方法用于处理字符串显示固定长度，超长部分用“...”代替...

2020-05-27

73浏览

0评论

微信小程序scroll-view实现横向滚动和上拉加载示例

今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。
先看最终效果。横向滚动1.设置滚动项display：inline-block;
2.设置滚动视图容器white-s...

2020-05-27

59浏览

0评论

Bootstrap表单简单实现代码

本文实例为大家分享了Bootstrap表单的具体实现代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><met...

2020-05-27

73浏览

0评论

js中setTimeout的妙用--防止循环超时

上个周日，介绍了如何使用setTimeout代替setInterval进行间歇调用，这个周日，继续来讲《JavaScript高级程序设计》这本书里面，对于setTimeout的另一种妙用——防止循环超时【这是...

2020-05-27

57浏览

0评论

原生JS实现圣旨卷轴展开效果

在其他网站看见类似效果，但代码有400多行且看不懂，我用60多行的代码给予实现。实现原理：（1）利用绝对定位固定好起始位置；（2）利用遮罩将右轴右侧的部分遮住；（3）让右轴和遮罩同时同速度向...

2020-05-27

62浏览

0评论

Bootstrap输入框组件简单实现代码

Bootstrap输入框组件的学习代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta name="viewport"...

2020-05-27

58浏览

0评论

js实现4个方向滚动的球

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #wrap{ width: 800px; height: 500px; border...

2020-05-27

63浏览

0评论

js eval函数使用,js对象和字符串互转实例

JavaScript eval() 函数 JavaScript 全局函数定义和用法eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。如果参数是一个表达式，eval() 函数将执行表达式。如果...

2020-05-27

86浏览

0评论

Node.js使用NodeMailer发送邮件实例代码

0.目标这一节，我将实现一个简单的发送邮件功能。
1.部署1.1 部署Express如果不知道如何部署，可参照：部署Express 1.2 准备一个邮箱并开始SMTP服务为了实现这个功能，你首先要有一...

2020-05-27

64浏览

0评论

jQuery实现上升、下降、删除、添加一行代码

应用场景：多值排序、分类排序等操作此代码是经过实践后，实现方法简洁，而且不会丢失（js添加一行人工填入的Input值）input值依赖Jquery，不依赖其它扩展Javascript代码
/*addTableRow...

2020-05-27

162浏览

0评论

js实现动态显示时间效果

话不多说，请看代码：<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>时间显示器</title> </head> <body> <div id="d"></div> <script type="text/java...

2020-05-27

129浏览

0评论

Vue.js 2.0 移动端拍照压缩图片上传预览功能

在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到了...

2020-05-27

86浏览

0评论

js正则表达式验证表单【完整版】

效果图：图（1）初始图图（2）填入信息校验代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>完整验证表单</title> <style type="text/css"> *{margin:...

2020-05-27

64浏览

0评论

vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

一、前言　　三年.net开发转前端已经四个月了，前端主要用webpack+vue，由于后端转过来的，前端不够系统，希望分享下开发心得与园友一起学习。　　图片的上传之前都是用的插件(ajax...

2020-05-27

171浏览

0评论

Javascript中引用类型传递的知识点小结

JS里面哪些类型是引用类型?
Object类型都是引用类型.(function,array,date,regexp..)JS哪些类型是值传递?
基本类型都是值传递.值传递就是重新copy一个副本进行传递...

2020-05-27

52浏览

0评论

Bootstrap组合上、下拉框简单实现代码

本文实例为大家分享了Bootstrap组合上下拉框的具体代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge">...

2020-05-27

61浏览

0评论

Bootstrap按钮组简单实现代码

本文实例为大家分享了Bootstrap按钮组的具体代码，供大家参考，具体内容如下<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta...

2020-05-27

71浏览

0评论

jquery获取select,option所有的value和text的实例

想想学习jQuery也有几天了，然后今天由于工作需要，我需要把select对应下的option所有的value和text获取出来，然后拼接，导入到xml文件中，结果搞了一下午，终于搞出来了。下面是对应的...

2020-05-27

84浏览

0评论

Vue.js 2.0中select级联下拉框实例

在网上搜索了Vuejs2.0 动态级联select许久未果，决定自己总结一下自己的经验，有关select在Vue.js 2.0版本中的应用。首先我先说一下的我使用的技术，我参考了网上成熟的经验，选...

2020-05-27

82浏览

0评论

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

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

2020-05-27

54浏览

0评论

jQuery在header中设置请求信息的方法

jquery是js的类库，js本身不能操作header，因为js是在浏览器加载页面过程中才开始执行的header需要服务器端执行操作如果是ajax，是可以设置header$.ajax({ url: "", data: {},...

2020-05-27

62浏览

0评论

jQuery简单实现遍历单选框的方法

本文实例讲述了jQuery简单实现遍历单选框的方法。分享给大家供大家参考，具体如下：1、问题背景：有四个单选框，分别为一年四季，现在需要判断是否选中，如果选中这个单选框，就将其值赋...

2020-05-27

71浏览

0评论

jQuery Validate 相关参数及常用的自定义验证规则

Jquery Validate 相关参数
//定义中文消息var cnmsg = {required: “必选字段”,remote: “请修正该字段”,email: “请输入正确格式的电子邮件”,url: “请输入合法的网址...

2020-05-27

77浏览

0评论

jQuery.cookie.js使用方法及相关参数解释

cookie操作需要上传到服务器才能查看到结果本地不行一个轻量级的cookie 插件，可以读取、写入、删除 cookie。jquery.cookie.js 的配置首先包含jQuery的库文件，在后面包含 jque...

2020-05-27

56浏览

0评论

jQuery实现遍历复选框的方法示例

本文实例讲述了jQuery实现遍历复选框的方法。分享给大家供大家参考，具体如下：1、问题背景：这里有10个复选框，根据选择的复选框获取其值，并将其值用“——”连接，插入到div中2、实...

2020-05-27

63浏览

0评论

JavaScript函数参数的传递方式详解

JavaScript使用一个变量对象来追踪变量的生存期。基本类型值被直接保存在变量对象内；而引用类型值则作为一个指针保存在变量对象内，该指针指向实际对象在内存中的存储位置。基...

2020-05-27

206浏览

0评论

一道面试题引发的对javascript类型转换的思考

最近群里有人发了下面这题：实现一个函数，运算结果可以满足如下预期结果：add(1)(2) // 3add(1, 2, 3)(10) // 16add(1)(2)(3)(4)(5) // 15对于一个好奇的切图仔来说，忍不住动手尝...

2020-05-27

64浏览

0评论

jQuery实现获取h1-h6标题元素值的方法

本文实例讲述了jQuery实现获取h1-h6标题元素值的方法。分享给大家供大家参考，具体如下：1、问题背景：查找到h1-h6，并遍历它们，打印出内容2、实现代码：<!DOCTYPE html><html> <head...

2020-05-27

189浏览

0评论

Vue 2.x教程之基础API

本文主要介绍的是关于Vue 2.x之基础API的相关内容，主要内容如下模板语法（文本插值、属性绑定、JS表达式、过滤器、指令） Vue实例（viewModal(属性+函数)、生命周期）计算属性...

2020-05-27

85浏览

0评论

jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】

本文实例讲述了jQuery插件FusionCharts实现的2D面积图效果。分享给大家供大家参考，具体如下：1、实现代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><h...

2020-05-27

71浏览

0评论

js中的面向对象入门

什么是对象我们先来看高程三中是如何对对象进行定义的"无序属性的集合，其属性可以包括基本值、对象或者函数"，对象是一组没有特定顺序的的值。对象的没个属性或方法都有一个俄...

2020-05-27

57浏览

0评论

nodejs根据ip数组在百度地图中进行定位

利用node接收到的ip数组组装url后对百度地图api发送请求并返回请求结果数组给前端1. 前端代码部分（jquery）重要步骤：1> 引用百度地图2> 实例化百度地图，添加相关缩放控件，设置主...

2020-05-27

123浏览

0评论

vue模板语法-插值详解

1.文本数据绑定最常见的形式就是使用‘Mustache'语法（双打括号）的文本插值：<span>message:{{msg}}</span>使用v-once指令，也能执行一次性的插值，当主句改变时，插值处的内容不会更...

2020-05-27

74浏览

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

218浏览

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

65浏览

0评论

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

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

2020-05-27

66浏览

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

72浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

63浏览

0评论

浅析vue component 组件使用

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

69浏览

0评论

js实现下一页页码效果

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

76浏览

0评论

AngularJS的Filter的示例详解

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

2020-05-27

热门文章