JavaScript - 教程之家

66浏览

0评论

深入理解ES6学习笔记之块级作用域绑定

众所周知，js中的var声明存在变量提升机制，因此ESMAScript 6引用了块级作用域来强化对变量生命周期的控制
let const 声明不会被提升，有几个需要注意的点
1、不能被重复声明假设...

2020-05-27

70浏览

0评论

JavaScript文件的同步和异步加载的实现代码

对于JS文件的引用，尽管当前有不少框架和工具（比如webpack，commonjs，requiresjs等）都做了很好的处理。但是抛开这些框架，了解原生的加载方式还是不无裨益。本文简述一些js文件的同...

2020-05-27

70浏览

0评论

Vue Transition实现类原生组件跳转过渡动画的示例

最近学习了Vue Transition的用法，感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记
官方文档：https://cn.vuejs.org/v2/guide/transitions.html
演示地址：http://www...

2020-05-27

83浏览

0评论

如何理解Vue的作用域插槽的实现原理

本文介绍了如何理解Vue的作用域插槽的实现原理，分享给大家，也给自己留个笔记
举个例子，比如我写了一个可以实现条纹相间的列表组件，发布后，使用者可以自定义每一行的内容或样式（普...

2020-05-27

65浏览

0评论

浅谈关于.vue文件中style的scoped属性

本文介绍了.vue文件中style的scoped属性以及踩到的坑，具体如下：scoped可以实现style只作用于当前的.vue文件
<template> <div class="user"></div></template><script></scri...

2020-05-27

91浏览

0评论

ionic App问题总结系列之ionic点击系统返回键退出App

在安卓下，如果不处理系统返回键的事件，那么每次点击返回键，将页面将返回到上一个路由，这种逻辑不符合app的路由逻辑。正确的应该是：当页面到了各个导航页的首页时，此时再按返回键...

2020-05-27

55浏览

0评论

React Native 环境搭建的教程

一直对 RN 充满了好奇，前段时间学习并实际使用 RN 来开发了一个简单的应用。第一步从环境搭建开始。环境搭建分别需要安装Node，Watchman，Yarn 和 RN 命令行工具，推荐把 react-de...

2020-05-27

63浏览

0评论

JavaScript贪吃蛇小组件实例代码

1 写在前面看来《JavsScript高级编程》，想做一个小demo练练自己的手，选择了贪吃蛇游戏。由于以前都是用c#写的，将贪吃蛇写到一个类里面，然后一个一个小方法的拆分，只向外提供需要...

2020-05-27

72浏览

0评论

Vue组件实例间的直接访问实现代码

前面的话　　有时候需要父组件访问子组件，子组件访问父组件，或者是子组件访问根组件。在组件实例中，Vue提供了相应的属性，包括$parent、$children、$refs和$root，这些属性都挂载...

2020-05-27

75浏览

0评论

jQuery实现表格冻结顶栏效果

昨天晚上公司遇到个小需求，就是实现类似表格冻结顶栏的效果，具体描述就是下面动态图的效果这样的效果不算是很难，但是实现起来确实挺麻烦的，这里的难点就不多说了，就是这个效果一...

2020-05-27

72浏览

0评论

Vue动态组件实例解析

前面的话　　让多个组件使用同一个挂载点，并动态切换，这就是动态组件。本文将详细介绍Vue动态组件概述
　　通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，可以实...

2020-05-27

59浏览

0评论

关于JavaScript的单双引号嵌套问题

单引号和双引号之间可以相互嵌套。1、单引号内只能嵌套双引号。2、双引号内只能嵌套单引号。3、如果想在双引号内，再嵌套双引号，里面的双引号，一定要进行转义（\”）。4、JS中的转...

2020-05-27

52浏览

0评论

ES6扩展运算符的用途实例详解

ES6的扩展运算符可以说是非常使用的，在给多参数函数传参，替代Apply，合并数组，和解构配合进行赋值方面提供了很好的便利性。扩展运算符就是三个点“...”，就是将实现了Iterator 接...

2020-05-27

98浏览

0评论

mui 打开新窗口的方式总结及注意事项

一、什么是良好的用户体验（淘宝、易迅）1、预加载截图方式：点击、切换模版窗口、显示等待框、执行ajax并渲染、显示数据、关闭等待框。2、head、body分开载入方式：点击、切换窗口...

2020-05-27

57浏览

0评论

Bootstrap 模态框（Modal）带参数传值实例

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。为了实现父窗体与其...

2020-05-27

58浏览

0评论

Cropper.js 实现裁剪图片并上传(PC端)

由于之前做项目的时候有需求是需要实现裁剪图片来做头像并上传到服务器，所以上网查询了很多资料，也试用了许多案例，发现cropper插件裁剪是比较完善的，所以结合之前的使用情况，编...

2020-05-27

72浏览

0评论

详解A标签中href=""的几种用法

众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a href="JavaScript:;"></a>，所以就来整理下...

2020-05-27

91浏览

0评论

JS实现评价的星星功能

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

64浏览

0评论

详解Layer弹出层样式

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

100浏览

0评论

Vue编写多地区选择组件

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

56浏览

0评论

webpack3+React 的配置全解

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

2020-05-27

71浏览

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

51浏览

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

47浏览

0评论

详解webpack的配置文件entry与output

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

70浏览

0评论

Node.js简单入门前传

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

2020-05-27

48浏览

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

58浏览

0评论

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

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

2020-05-27

50浏览

0评论

JQuery判断正整数整理小结

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

2020-05-27

46浏览

0评论

JavaScript中各数制转换全面总结

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

55浏览

0评论

Javascript中 toFixed四舍六入方法

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

2020-05-27

56浏览

0评论

JavaScript实现简单图片轮播效果

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

56浏览

0评论

简单实现js上传文件功能

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

热门文章