JavaScript - 教程之家

62浏览

0评论

Mongoose经常返回e11000 error的原因分析

发现问题最近在工作中遇到了一个问题，在定义了schema之后，每一次save都会报E11000，但是db.xxx.find()里面根本就没有冲突的条目，什么情况呢？问题分析可能问题出在定义的schema的...

2020-05-27

70浏览

0评论

JS实现侧边栏鼠标经过弹出框+缓冲效果

可能这个标题起得不够恰当，简单来说就是：当鼠标移到最左侧时，移出一个框。首先，我们用两个div来简单布局以下页面：<div id="box"> <div id="share">分享到</div></div>这个分享...

2020-05-27

78浏览

0评论

Vue.js展示AJAX数据简单示例讲解

最近琢磨了一下vue.js，并在项目中进行了运用，感觉非常好用，强烈推荐。　　当通过AJAX方式取回数据后，使用vue.js可以完美地按一定逻辑在页面上的展示数据，代码简单、优美、自然，而...

2020-05-27

60浏览

0评论

浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结

1.map有返回值，返回一个新的数组，每个元素为调用func的结果。let list = [1, 2, 3, 4, 5];let other = list.map((d, i) => { return d * 2;});console.log(other);// print:...

2020-05-27

86浏览

0评论

移动端利用H5实现压缩图片上传功能

此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能，最近有了点空闲时间，所以就实践了一下。demo效果链接在文章底部贴出。在做移动端图片上传的时候，用户传的都是手...

2020-05-27

94浏览

0评论

javascript 中Cookie读、写与删除操作

javascript 中Cookie读、写与删除操作前言：在这个前端横行的时候，页面之间的交互需要数据的传递，有的数据通过url传参的形式可以很好地解决，但是对于部分需要改变的参数，你如说...

2020-05-27

58浏览

0评论

整理关于Bootstrap导航的慕课笔记

整理自慕课笔记基础样式导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，可以便于用户查找网站所提供的各项功能服务。导航的制作方法也是千奇百...

2020-05-27

82浏览

0评论

jQuery实现字体颜色渐变效果的方法

本文实例讲述了jQuery实现字体颜色渐变效果的方法。分享给大家供大家参考，具体如下：jQuery不允许css属性值为非数字的属性进行动画处理，比如.animate(color:'red',500)或是.ani...

2020-05-27

55浏览

0评论

node.js程序作为服务并在windows下开机自启动（用forever）

前言最近项目中有一块服务是用node.js实现的，运行环境是windows server 2008 R2，刚开始着手实现这块功能的时候时间很紧迫，随便写了个console程序就部署上去了……启动方式就是...

2020-05-27

90浏览

0评论

整理关于Bootstrap警示框的慕课笔记

整理自慕课笔记
在网站中，网页总是需要和用户一起做沟通与交流。特别是当用户操作上下文为用户提供一些有效的警示框，比如说告诉用户操作成功、操作错误、提示或者警告等。如...

2020-05-27

82浏览

0评论

详解如何在Vue2中实现组件props双向绑定

Vue学习笔记-3 前言Vue 2.x相比较Vue 1.x而言，升级变化除了实现了Virtual-Dom以外，给使用者最大不适就是移除的组件的props的双向绑定功能。
以往在Vue1.x中利用props的twoWay...

2020-05-27

84浏览

0评论

Javascript 详解封装from表单数据为json串进行ajax提交

摘要: js封装from表单数据为json串进行ajax提交
json封装代码function getFormJson(frm) { //frm：form表单的id var o = {}; var a = $("#"+frm).serializeArray();...

2020-05-27

85浏览

0评论

微信小程序实现带刻度尺滑块功能

摘要: 与自带的slider不同的是，它是通过手势滑动标尺得到取值，而不是通过滑动滑块本身。效果图场景当一屏显示不下，例如年龄体重选择，金额选择等大区间需要的选择器，相比自带的pi...

2020-05-27

51浏览

0评论

JS简单获取当前日期时间的方法(如：2017-03-29 11:41:10 星期四)

本文实例讲述了JS简单获取当前日期时间的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD...

2020-05-27

65浏览

0评论

js实现华丽的九九乘法表效果

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>span实现的乘法表</title> <style type="text/css"> .wrap { width: 800px; ma...

2020-05-27

67浏览

0评论

详解如何使用Vue2做服务端渲染

花费了一个月时间，终于在新养车之家项目中成功部署了vue2服务端渲染（SSR），并且使用上了Vuex 负责状态管理，首屏加载时间从之前4G网络下的1000ms，提升到了现在500-700ms之间，SSR的优...

2020-05-27

83浏览

0评论

jQuery实现的手风琴侧边菜单效果

本文实例讲述了jQuery实现的手风琴侧边菜单效果。分享给大家供大家参考，具体如下：动手做了一个简单手风琴菜单，上图：点击 B 可收缩 C 列表，点击 C 改变自身和父节点 B 的样式，悬浮...

2020-05-27

57浏览

0评论

jQuery实现简单漂亮的Nav导航菜单效果

本文实例讲述了jQuery实现简单漂亮的Nav导航菜单效果。分享给大家供大家参考，具体如下：自己写的一个简单的导航菜单，先看效果：鼠标悬浮时菜单项向上移动成蓝底白字，点击之后底部...

2020-05-27

92浏览

0评论

利用js查找数组中指定元素并返回该元素的所有索引示例

前言这篇文章主要给大家介绍的是利用js查找数组中指定元素并返回该元素的所有索引的相关资料，文中给出了详细的示例代码，下面话不多说，来看看详细的代码示例吧。示例代码//在数...

2020-05-27

68浏览

0评论

jQuery日程管理控件glDatePicker用法详解

本文实例讲述了jQuery日程管理控件glDatePicker用法。分享给大家供大家参考，具体如下：之前接触过一款日程管理控件，叫 FullCalendar ，功能很强大，会列出每天的事项，可选择编辑并且...

2020-05-27

76浏览

0评论

Bootstrap 响应式实用工具实例详解

Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在...

2020-05-27

90浏览

0评论

如何使用Bootstrap创建表单

Bootstrap 表单在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。垂直或基本表单基本的表单结构...

2020-05-27

73浏览

0评论

整理关于Bootstrap排版的慕课笔记

整理自慕课笔记GitHub上这样介绍 bootstrap：简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。基于html5、css3的bootstrap，具有大量的诱人特...

2020-05-27

69浏览

0评论

vue2组件实现懒加载浅析

一、什么是懒加载懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。二、为什么需要懒加载在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入...

2020-05-27

71浏览

0评论

Vue 2.0 服务端渲染入门介绍

1 什么是服务端渲染 SSRserver side render就是通过后端吐模板，而不是通过前端ajax获取数据，拼接字符串。2 为什么需要SSR需要SEO，因为爬虫不会等待ajax结果。客户端网络慢，加载...

2020-05-27

59浏览

0评论

如何使用Bootstrap 按钮实例详解

Bootstrap 按钮本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式...

2020-05-27

68浏览

0评论

JS变量及其作用域

1、变量及其作用域：变量分为“全局变量”和“局部变量”，“全局变量”申明在函数外部，可供所有函数使用，而“局部变量”申明在函数体内部，只能在定义该变量的函数体内使用。（备...

2020-05-27

58浏览

0评论

Angular动态添加、删除输入框并计算值实例代码

Angular动态添加、删除输入框并计算值实例代码摘要: 在学习群中交流时，有人分享了一个动态添加输入框的方法，我在其基础上进行了一些改进
这个功能本身并不复杂，但还是要注意，每...

2020-05-27

66浏览

0评论

基于JavaScript实现瀑布流效果

本文实例为大家分享了js实现瀑布流效果的具体代码，供大家参考，具体内容如下
前端内容：使用JavaScript和四个div，将照片放入四个div中<!DOCTYPE html><html lang="en"><head> <me...

2020-05-27

56浏览

0评论

如何编写jquery插件

前面的话编写插件的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，提高开发效率和方便后期维护。本文将详细介绍如何编写jQuery插件类型jQuery的插件主...

2020-05-27

87浏览

0评论

TypeScript入门-接口

大致介绍在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。接口例子： function printLabel(labelledObj: { label: string }) { console.lo...

2020-05-27

100浏览

0评论

JS+html5制作简单音乐播放器

本教程为大家分享了JS音乐播放器的具体代码，供大家参考，具体内容如下
1.HTML
<audio> 标签定义声音，比如音乐或其他音频流。其主要属性有src:要播放的音频的 URL,controls:如果...

2020-05-27

79浏览

0评论

js a标签点击事件

当我们在处理a标签上的点击事件时发现即使href=""里面为空，点击事件的效果也不明显，这种情况该如何处理呢?常见的处理方法有以下几种：1.a href="javascript:void(0);" rel=...

2020-05-27

68浏览

0评论

js图片放大镜效果实现方法详解

由项目需要，原生写了个详情页图片放大镜的效果，扔上代码供学习分享，也作为日常笔记...效果如图(例子中偷偷链了张天猫的图片，希望没啥事 -。-)：实现过程教简单，但我们还是从css开...

2020-05-27

65浏览

0评论

ECMAScript6--解构

大致介绍解构：就是将声明的一组变量和与相同结构的数组或者对象的元素数值一一对应，并将变量相对应元素进行赋值数组解构例子： let [a,b,c] = [1,2,3]; console.log(a); //1 co...

2020-05-27

63浏览

0评论

JavaScript如何一次性展示几万条数据

有一位同事跟大家说他在网上看到一道面试题：“如果后台传给前端几万条数据，前端怎么渲染到页面上？”，如何回答？于是办公室沸腾了，同事们讨论开了，你一言我一语说出自己的方案。...

2020-05-27

53浏览

0评论

JavaScript实现弹出广告功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：<span style="white-space:pre"> </span>var i=0;//记录次数 var timer;//定时器id //设置弹出广告 onload=function...

2020-05-27

74浏览

0评论

jquery中关于bind()方法的使用技巧分享

.bind()方法可使用.on()方法来代替
on()方法提高代码易读性，如下$("input").bind("click", { foo: "hello" }, handler);$("input").on("click", { foo: "hello" }, handler)...

2020-05-27

72浏览

0评论

js实现不提示直接关闭网页窗口

项目需要，用户在关闭当前页面时，可以点击页面中的按钮直接关闭网页窗口，但是不需要提示用户是否关闭窗口。在网上找了下，使用添加一句如下代码即可：window.open(‘','_self');
fu...

2020-05-27

42浏览

0评论

详解JavaScript对象的深浅复制

前言从层次上来看，对象的复制可以简单地分为浅复制和深复制，顾名思义，浅复制是指只复制一层对象的属性，不会复制对象中的对象的属性，对象的深复制会复制对象中层层嵌套的对象的属...

2020-05-27

67浏览

0评论

javascript中的面向对象

相信大家对javascript中的面向对象写法都不陌生，那还记得有几种创建对象的写法吗？相信大家除了自己常写的都有点模糊了，那接下来就由我来帮大家回忆回忆吧！1. 构造函数模式通过...

2020-05-27

81浏览

0评论

基于jquery实现二级联动效果

本文实例为大家分享了jquery实现二级联动的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>二级联动</title>...

2020-05-27

121浏览

0评论

基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )

概述使用Vue2进行的仿手机QQ的webapp的制作，在ui上，参考了设计师kaokao的作品，作品由个人独立开发，源码中进行了详细的注释。由于自己也是初学Vue2，所以注释写的不够精简，请见谅...

QQ

2020-05-27

74浏览

0评论

JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)

新学习JavaScript，就碰到这么一个需求，几乎网上的方法都试过了。写出了总结下使用的方法：clipboard插件下载地址：https://github.com/zenorocha/clipboard.js/tree/master引入插...

2020-05-27

84浏览

0评论

实例详解display:none与visible:hidden的区别

display:none与visible:hidden的区别
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:display:none ---不为被隐藏的对象保留其物理空间，即该对象在...

2020-05-27

57浏览

0评论

Bootstrap实现的经典栅格布局效果实例【附demo源码】

本文实例讲述了Bootstrap实现的经典栅格布局效果。分享给大家供大家参考，具体如下：先来看看效果图：具体代码如下（某管理系统的Bootstrap实现）：<!DOCTYPE html PUBLIC "-//W3C//DTD...

2020-05-27

64浏览

0评论

js利用for in循环获取一个对象的所有属性以及值的实例

实例如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/...

2020-05-27

76浏览

0评论

借助node实战JSONP跨域实例

一、前言：浏览器安全是基于同源策略的。所谓同源策略就是三相同：1、协议相同；2、域名相同；3、端口相同。但，凡事都是有利弊，同源策略也导致了我们想用AJAX跨域请求，但NO！！为了规避这...

2020-05-27

60浏览

0评论

jQuery实现Select下拉列表进行状态选择功能

场景：eg:在管理一篇博文时，因博文的管理有一列叫：状态的列，该列有诸多状态，如：正常，待审核，删除等... 此时，若使用Select下拉列表进行状态选择，并在选中具体项值后，通过Ajax异步提交，在...

2020-05-27

78浏览

0评论

jQuery源码解读之extend()与工具方法、实例方法详解

本文实例讲述了jQuery源码解读之extend()与工具方法、实例方法。分享给大家供大家参考，具体如下：使用jQuery的时候会发现，jQuery中有的函数是这样使用的：$.get();$.post();$.get...

2020-05-27

热门文章