JavaScript - 教程之家

77浏览

0评论

JS实现评价的星星功能

刚开始接触写星星评价时，哇！估计脑子刚被驴踢了，竟然想到了最笨的办法-手工画五角星。妈呀！ css样式都写了好大一串，还沾沾自喜终于画出来了，然后瞅一瞅旁边的妹子写得怎么样了，哇！...

2020-05-27

56浏览

0评论

JS数组操作之增删改查的简单实现

JS提供了很多方便操作数组的方法，本文所要分享的就是如何快速对数组进行增、删、改、查。一、增1、push()可接收任意数量的参数，把它们逐个添加至数组末尾，并返回修改后数组的...

2020-05-27

53浏览

0评论

详解Layer弹出层样式

前言：学习layer弹出框，之前项目是用bootstrap模态框，后来改用layer弹出框，在文章的后面，我会分享项目的一些代码(我自己写的)。layer至今仍作为layui的代表作，她的受众广泛并非偶...

2020-05-27

94浏览

0评论

使用vue制作FullPage页面滚动效果

前言已经有好久没有更新博客了，大三下了要准备找实习了，才发现自己很多东西都不会，所以赶紧找了个现在流行的MVVM框架学习一下。我学习的是Vue，所以拿Vue写了一个FullPage的模板...

2020-05-27

91浏览

0评论

Vue编写多地区选择组件

看看效果图：效果图功能点: 支持不限城市,不限地区(这个东西的实现..真心死磕了挺久) – 左右两边数据的同步地区一次性多选,若是选择了所有地区会自动转为不限地区数据...

2020-05-27

43浏览

0评论

前端图片懒加载(lazyload)的实现方法(提高用户体验)

定义图片懒加载又称图片延时加载、惰性加载，即在用户需要使用图片的时候加载，这样可以减少请求，节省带宽，提高页面加载速度，相对的，也能减少服务器压力。惰性加载是程序人性化的一...

2020-05-27

59浏览

0评论

详解Vue微信公众号开发踩坑全记录

本文介绍了Vue微信公众号开发踩坑全记录，分享给大家，也给自己留个笔记。需求
微信授权登录（基于公众号的登录方案）接入JS-SDK实现图片上传，分享等功能现状及难点采...

2020-05-27

45浏览

0评论

webpack3+React 的配置全解

webpack3 的配置相对于webpack2 又有了一些新的变化，这里讲其记录下来，备查。
package.json 的完整文件在结尾。1. 安装
npm inityarn add webpack webpack-dev-server -D2....

2020-05-27

62浏览

0评论

原生JS 购物车及购物页面的cookie使用方法

直接上代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>购物页面</title><style>ul{list-style:none;padding:0;margin:0;}.goods li{display:inli...

2020-05-27

40浏览

0评论

jQuery模拟爆炸倒计时功能实例代码

HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>炸弹倒计时</title> <style type="text/css"> .content { width: 20...

2020-05-27

39浏览

0评论

详解webpack的配置文件entry与output

本文介绍了webpack的配置文件entry与output，分享给大家，具体如下：在webpack.config.js中entry是唯一入口文件entry也可以是一个数组如果是一个数组，会将数组里面的文件一起打包...

2020-05-27

55浏览

0评论

使用Nodejs连接mongodb数据库的实现代码

一个简单的nodejs连接mongodb示例，来自 mongodb官方示例1. 创建package.json首先，创建我们的工程目录connect-mongodb，并作为我们的当前目录mkdir connect-mongodbcd connect-m...

2020-05-27

44浏览

0评论

jquery动态赋值id与动态取id方法示例

前言本文主要给打击介绍的是关于jquery动态赋值id与动态取id的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：直接上代码这是datatable中的一段代码取t...

2020-05-27

42浏览

0评论

Vue中的ref作用详解(实现DOM的联动操作)

其实官网已经讲的很仔细了，只是我个人可能接受能力比较差，并没有立刻明白他的意思。不过使用之后就很明白了。这里主要举个例子来说明：

我想要的效果是点击保存的同时，也能点...

2020-05-27

57浏览

0评论

详解基于webpack2.x的vue2.x的多页面站点

本文介绍了基于webpack2.x的vue2.x的多页面站点，分享给大家，具体如下：vue的多页面
依旧使用vue-cli来初始化我们的项目然后修改主要目录结构如下：
├── build│ ├── build...

2020-05-27

59浏览

0评论

Node.js简单入门前传

1.什么是NodeJS简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript...

2020-05-27

42浏览

0评论

Vue.js实现按钮的动态绑定效果及实现代码

实现效果：实现代码以及注释：<!DOCTYPE html><html><head> <title>按钮绑定</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me...

2020-05-27

47浏览

0评论

温故知新——JavaScript中的字符串连接问题最全总结（推荐）

ECMAScript 中最常见的一个问题是字符串连接的性能。与其他语言类似，ECMAScript 的字符串是不可变的，即它们的值不能改变。请考虑下面的代码：var str = "hello ";str += "world...

2020-05-27

37浏览

0评论

JQuery判断正整数整理小结

var totalPage = document.getElementById("totalPage").value.trim();//获取总页 var reg=/^[1-9]\d*$/; //由 1-9开头的正则表达式 //先判断是否为整数在判断是否在 1-...

2020-05-27

37浏览

0评论

JavaScript中各数制转换全面总结

利用toString的基模式来进行转换：ECMAScript对数字类型的toString描述如下：Number 类型的 toString() 方法比较特殊，它有两种模式，即默认模式和基模式。采用默认模式，toString()...

2020-05-27

45浏览

0评论

Vue ElementUI之Form表单验证遇到的问题

首先说一下我在form表单里面遇见的坑：1.例如我要给后台传的不是对象，而是一个数组，怎么写验证？2.比如我有四个弹出框，都要做验证，这个时候就要注意了，每一个弹出框的ref都不能给的...

2020-05-27

36浏览

0评论

javascript实现Java中的Map对象功能的实例详解

javascript 自定义对象实现Java中的Map对象功能Java中有集合，Map等对象存储工具类，这些对象使用简易，但是在JavaScript中，你只能使用Array对象。
这里我创建一个自定义对象，这个...

2020-05-27

45浏览

0评论

Vue自定义指令使用方法详解

Vue自定义指令的使用，具体内容如下1.自定义指令的语法Vue自定义指令语法如下：Vue.directive(id, definition)传入的两个参数，id是指指令ID，definition是指定义对象。其中，定义对...

2020-05-27

53浏览

0评论

JS实现身份证输入框的输入效果

实现如图所示的输入效果：实现这种效果，比较简单的一种方式就是给一个input添加一个背景图片，然后通过设置字间距来达到效果。代码：html：<input type="text" maxlength="8" class=...

2020-05-27

50浏览

0评论

Vue中建立全局引用或者全局命令的方法

如何在Vue中建立全局引用或者全局命令，具体内容如下1 一般在vue中，有很多vue组件，这些组件每个都是一个文件。都可能需要引用到相同模块(或者插件)。我们不想每个文件都import...

2020-05-27

60浏览

0评论

webpack处理 css\less\sass 样式的方法

本文介绍了webpack处理 css\less\sass 样式的方法，分享给大家，具体如下：
（一）处理普通的.css 文件，需要安装 css-loader,style-loader.less 文件，需要安装 less-loader.sass 文件，需...

2020-05-27

49浏览

0评论

JavaScript创建对象的七种方式全面总结

JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创...

2020-05-27

41浏览

0评论

webpack使用 babel-loader 转换 ES6代码示例

本文介绍了webpack使用 babel-loader 转换 ES6代码示例，分享给大家，具体如下：
查询各个 loader的使用，可以在官网上查询。https://www.npmjs.com（一）安装 babel-loader，babel-core...

2020-05-27

36浏览

0评论

Javascript中 toFixed四舍六入方法

javascript中toFixed使用的是银行家舍入规则。银行家舍入:所谓银行家舍入法，其实质是一种四舍六入五取偶（又称四舍六入五留双）法。简单来说就是：四舍六入五考虑，五后非零就进一，五...

2020-05-27

47浏览

0评论

JavaScript实现简单图片轮播效果

本文实例为大家分享了js实现简单图片轮播的具体代码，最终实现效果图代码块以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。<!DOCTYPE html><html> <he...

2020-05-27

39浏览

0评论

不得不看之JavaScript构造函数及new运算符

JS中的函数即可以是构造函数又可以当作普通函数来调用，当使用new来创建对象时，对应的函数就是构造函数，通过对象来调用时就是普通函数。普通函数的创建有：显式声明、匿名定义、n...

2020-05-27

42浏览

0评论

简单实现js上传文件功能

本文实例为大家分享了js实现上传文件功能的具体代码，供大家参考，具体内容如下一、用input完成上传，效果图如
选择文件后，提交后出现图片url二、传输格式采用form-data形...

2020-05-27

32浏览

0评论

js获取css的各种样式并且设置他们的方法

js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面;这里我们就需要：下面这个代码...

2020-05-27

37浏览

0评论

基于node.js之调试器详解

1.在命令行窗口中，可以使用"node debug" 命令来启用调试器，代码如下：node debug<需要被执行的脚本文件名>接下来根据一个实例进行学习调试过程：编写app.js文件进行调试：console.l...

2020-05-27

42浏览

0评论

使用jQuery实现简单的tab框实例

html代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>实现简单的tab框</title> <link rel="style...

2020-05-27

49浏览

0评论

老生常谈javascript的面向对象思想

面向对象的三大基本特性封装(把相关的信息（无论数据或方法）存储在对象中的能力)继承(由另一个类（或多个类）得来类的属性和方法的能力)多态(一个对象在不同情况下的多种形态)定义...

2020-05-27

80浏览

0评论

JS倒计时实例_天时分秒

HTML代码：<div id="times_wrap" class="time_num"> 距离结束时间： <div class="time_w"> <b id="times_d" class="time"> </b>天 <b id="times_h" class="time"> </b>时...

2020-05-27

43浏览

0评论

基于jQuery的表单填充实例

如下所示：//表单填充 , formDataLoad: function (domId, obj) { for (var property in obj) { if (obj.hasOwnProperty(property) == true) { if ($("#" + domId +...

2020-05-27

50浏览

0评论

jQuery实现广告条滚动效果

本文实例为大家分享了jQuery实现广告条滚动效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style...

2020-05-27

57浏览

0评论

Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法

前言在公司项目中涉及到一个有大量浮点数价格计算的模块，从而引发了我一系列的思考：计算机二进制环境下浮点数的计算精度缺失问题;console.log(.1+.2);0.30000000000000004为...

2020-05-27

105浏览

0评论

bootstrap switch开关组件使用方法详解

bootstrap中文网上有这么一个bootstrap-switch组件，很实用，看demo学习并记录一下。<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=description c...

2020-05-27

53浏览

0评论

React学习笔记之列表渲染示例详解

前言本文主要给大家介绍了关于React列表渲染的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。示例详解：列表渲染也很简单，利用map方法返回一个新的渲...

2020-05-27

92浏览

0评论

jQuery插件DataTables分页开发心得体会

写Blog目的：不是为人气，只是留份笔记；啰嗦不要紧，只怕有遗漏，以后想不起来。官网：https://datatables.net/
中文官网：http://datatables.club/开发环境：Python 3.6.0、Anaconda 4.3...

2020-05-27

52浏览

0评论

Angular中响应式表单的三种更新值方法详析

前言众所周知Angular响应式表单相比较模板驱动表单更大操作性、更易测试性。因此，我更推荐这类表单创造方式。当一个用于修改用户信息的表单，数据的来源总是来自远程；而对于一...

2020-05-27

80浏览

0评论

vue.js组件vue-waterfall-easy实现瀑布流效果

想必大家应该很多都已经习惯了jquery的DOM操作，jquery的瀑布流实现起来也很容易。但是，随着时代的发展，随着时代的进步.....算了算了，扯远了，既然能找到这儿来，肯定是在vue.js上已...

2020-05-27

47浏览

0评论

纯js实现图片匀速淡入淡出效果

图片匀速淡入淡出效果如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>淡入效果</title> <style> * { margin: 0; padding: 0...

2020-05-27

84浏览

0评论

浅谈Vue父子组件和非父子组件传值问题

本文介绍了浅谈Vue父子组件和非父子组件传值问题，分享给大家，具体如下：1.如何创建组件1.新建一个组件，如：在goods文件夹下新建goodsList.vue<template> <div class='tmpl'> g...

2020-05-27

47浏览

0评论

bootstrap multiselect下拉列表功能

bootstrap-multiselect基于原生态的下拉列表添加更多的功能及更好的视觉效果！
1、源码地址
https://github.com/davidstutz/bootstrap-multiselect
2、效果展示
3、代码示例...

2020-05-27

56浏览

0评论

bootstrap confirmation按钮提示组件使用详解

bootstrap-confirmation按钮提示组件，它类似于js里面confirm的功能,界面更加美观。
介绍这个组件之前，可以先来看看bootstrap里面提示框的效果：1、源码地址
http://ethaizone.g...

2020-05-27

53浏览

0评论

关于JS与jQuery中的文档加载问题

jquery中的$(document).ready()类似于javascript中的window.onload()，但是其中还是有很大区别的1.jquery中的可以简化为$().ready()，$(function), 而js却不行必须全部写完。...

2020-05-27

热门文章