JavaScript - 教程之家

53浏览

0评论

浅谈JS 数字和字符串之间相互转化的纠纷

字符串转数字1 parseInt() 函数parseInt() 函数从string的开始解析，返回一个整数
parseInt('123') : 返回 123；
parseInt('1234xxx') : 返回 1234；
parseInt('123.456') : 返回...

2020-05-27

64浏览

0评论

用JavaScript做简易的购物车的代码示例

下面是我做的一个超简单的购物车,全部都是用原生js做的css<style> table{ text-align: center; } table img{ width: 50px; } a { text-decoration: none; color:...

2020-05-27

95浏览

0评论

JS 中使用Promise 实现红绿灯实例代码(demo)

要求使用promise 实现红绿灯颜色的跳转绿灯执行三秒后黄灯执行四秒后红灯执行五秒html 实现如下：<ul id="traffic" class=""> <li id="green"></li> <li id="yellow"...

2020-05-27

70浏览

0评论

jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法

前言：cookie，localStorage和sessionStorage都是浏览器本地存储数据的地方，其用法不尽相同；总结一下基本的用法。一、cookie定义：存储在本地，容量最大4k，在同源的http请求时携带传递...

2020-05-27

45浏览

0评论

js 中rewrap-ajax.js插件实例代码

　　最近写了一个JS插件，用圈内的话说叫造了个轮子，造的好与不好都不是自己说了算，关键还是大家用的好与不好。
　　当然我自己也在使用，由于个人偏爱与喜好，所以未能借签其他Aja...

2020-05-27

49浏览

0评论

Js利用prototype自定义数组方法示例

前言在开始之前，先给大家介绍下js中使用使用原型（prototype）定义方法的好处
经常在前端面试或是和其他同行沟通是，在谈到构造在JS定义构造函数的方法是最好使用原型的方式：将方法...

2020-05-27

65浏览

0评论

利用jQuery实现简单的拖曳效果实例代码

前言本文主要给大家介绍了一种利用jQuery实现的简单拖曳效果，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。提出问题如何实现将一个盒子里的元素拉到另外一...

2020-05-27

151浏览

0评论

浅谈如何使用 webpack 优化资源

前言在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于 webpack 打包，以 Re...

2020-05-27

55浏览

0评论

vue利用better-scroll实现轮播图与页面滚动详解

前言better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等...所以本文主要给大家介绍了关于vue用better-scroll实现轮播图与页面滚动的相关内容，分...

2020-05-27

67浏览

0评论

详解webpack性能优化——DLL

Webpack性能优化的方式有很多种，本文之所以将 dll 单独讲解，是因为 dll 是一种最简单粗暴并且极其有效的优化方式。在通常的打包过程中，你所引用的诸如：jquery、bootstrap、reac...

2020-05-27

73浏览

0评论

移动端效果之IndexList详解

写在前面
接着前面的移动端效果讲，这次讲解的的是IndexList的实现原理。效果如下：代码请看这里：github移动端效果之swiper移动端效果之picker移动端效果之cellSwiper1. 核心解...

2020-05-27

74浏览

0评论

jquery select插件异步实时搜索实例代码

一、先看看效果。二、做此插件的原因。　　1.数据量过大（几千、几万条），无法一次性全部加载。　　2.现有插件各不相同，无法满足功能需求。　　3.美观性，可控性不足。三、如何使用...

2020-05-27

84浏览

0评论

Validform验证时可以为空否则按照指定格式验证

在使用Validform v5.3.2时（http://validform.rjboy.cn/）问题：可以为空，但不为空时需要按照指定格式验证数据查看文档：5.2.1版本之后，datatype支持：1、直接绑定正则：如可用这样写data...

2020-05-27

72浏览

0评论

JavaScript html5 canvas实现图片上画超链接

本文实例为大家分享了html5 canvas在图片上画超链接的具体代码，供大家参考，具体内容如下1. html<canvas id="canvasFile" style="margin-top:15px;" width="500" height="400"...

2020-05-27

197浏览

0评论

dropload.js插件下拉刷新和上拉加载使用详解

本文实例为大家分享了dropload.js下拉刷新和上拉加载的具体代码，供大家参考，具体内容如下第一步，下载dropload插件，dropload插件下载地址官方文档：https://github.com/ximan/dro...

2020-05-27

81浏览

0评论

vue.js实例对象+组件树的详细介绍

vue的实例对象首先用js的new关键字实例化一个vueel: vue组件或对象装载在页面的位置，可通过id或class或标签名template: 装载的内容。HTML代码/包含指令或者其他组件的HTML片...

2020-05-27

72浏览

0评论

pm2 部署 node的三种方法示例

Node安装以及部署
去官网下载最新版本，分两种一种是源码，一种是编译后的文件。下面是官网下载地址: https://nodejs.org/en/download/current/ 分不同的版本 win linux mac...

2020-05-27

64浏览

0评论

2种简单的js倒计时方式

一般倒计时的时间都是后台传来的然后渲染到页面，这里有2个简单的倒计时方式//带天数的倒计时function countDown(times){ var timer=null; timer=setInterval(function(){ v...

2020-05-27

70浏览

0评论

使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用ionic(选项卡栏tab) icon(图标) ionic上拉菜...

2020-05-27

77浏览

0评论

使用JS中的Replace()方法遇到的问题小结

今天在写pc客户端自动化打包脚本的时候遇到遇到了几个问题，虽然是小问题，但是也卡了一段时间，所以决定记录一下。js的replace()方法是用于替换某些内容，它可以接收两个参数，第一...

2020-05-27

54浏览

0评论

vue做网页开场视频的实例代码

本demo背景是一个视频，文字是打印机效果，按钮在文字打完才会显示，点击按钮背景向上收起，同时显示默认首页组件（如是初建vue项目列表，则为helloWorld.vue的组件内容）公司电脑没有gif...

2020-05-27

87浏览

0评论

深入浅析ES6 Class 中的 super 关键字

以下只是个人的学习笔记：super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。1、当作函数使用class A {}class B extends A { construc...

2020-05-27

63浏览

0评论

基于twbsPagination.js分页插件使用心得(分享)

项目中之前需要分页插件，以前用的都是单纯叫做pagenation.js的插件，但是这次集成的时候，项目组一个孩纸用了这个插件，结合网上的例子琢磨了一把。其实大致流程都是相同的，主要将...

2020-05-27

67浏览

0评论

js Dom实现换肤效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>换肤</title> <link...

2020-05-27

65浏览

0评论

angular4实现tab栏切换的方法示例

管理系统 tab 切换页，是一种常见的需求，大概如下：点击左边菜单，右边显示相应的选项卡，然后不同的选项卡面可以同时编辑，切换时信息不掉失！用php或.net,java的开发技术,大概是切换显...

2020-05-27

53浏览

0评论

js注册时输入合法性验证方法

本文实例为大家分享了js正则表达式验证输入合法性的具体代码，供大家参考，具体内容如下// 验证用户名,只允许字母数字下划线中文//在input元素后面增加一个span元素，提示fun...

2020-05-27

61浏览

0评论

js实现鼠标移动到图片产生遮罩效果

本文实例为大家分享了js实现鼠标移动到图片产生遮罩效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>mask</...

2020-05-27

60浏览

0评论

js实现Tab选项卡切换效果

本文实例为大家分享了js实现Tab选项卡切换效果展示的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel=...

2020-05-27

64浏览

0评论

JS实现瀑布流布局

本文实例为大家分享了JS实现瀑布流布局展示的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流布局...

2020-05-27

72浏览

0评论

详解node nvm进行node多版本管理

写在前面nvm（nodejs version manager）是nodejs的管理工具，如果你需要快速更新node版本，并且不覆盖之前的版本；或者想要在不同的node版本之间进行切换；使用nvm来安装我们的node开发...

2020-05-27

68浏览

0评论

Vue filter介绍及其使用详解

VueJs 提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果
Vue 过滤器的基本用法// 注册Vue.filter('my-filter', function (value) { // 返回处理后的值})//...

2020-05-27

74浏览

0评论

详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持

本文介绍了详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持，分享给大家，具体如下：一个小遗憾
能来看这篇文章的想必不用我来介绍vue是什么了。先让我们膜拜大神！vue项目...

2020-05-27

87浏览

0评论

现代 JavaScript 参考

简介初心本文档是一份 JavaScript 速查表，你在现代项目中会经常遇到，以及最新的代码示例。本指南不是为了教你从头开始学习 JavaScript ，而是为了帮助那些可能不熟悉当前代码库...

2020-05-27

58浏览

0评论

vue使用keep-alive实现数据缓存不刷新

到现在，接触vue也小段时间了，项目进行到了一定程度，然而项目缺少了缓存机制，所以每次跳转页面都会重新created一下数据，虽说系统的数据请求速度很快，但是这样做对系统的性能会有很...

2020-05-27

62浏览

0评论

vue+socket.io+express+mongodb 实现简易多房间在线群聊示例

项目简介
主要是通过做一个多人在线多房间群聊的小项目、来练手全栈技术的结合运用。
项目源码：chat-vue-node 主要技术： vue2全家桶 + socket.io + node(express) + mongodb(...

2020-05-27

75浏览

0评论

VUE2实现事件驱动弹窗示例

前几天想了解vue如何写弹窗组件
有以下两种可取的写法：
1.状态管理如果弹窗组件放在根组件，使用vuex来管理组件的show和hide。放在组件内，通过增加v-show或v-if来控制，可结合sl...

2020-05-27

62浏览

0评论

JS返回顶部实例代码

本文实例为大家分享了JS返回顶部实例代码，供大家参考，具体内容如下html/css部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <sc...

2020-05-27

77浏览

0评论

vue 1.x 交互实现仿百度下拉列表示例

0、前言
vue 本身不支持交互，想要做交互，必须引入ajax 模块。vue 团队提供一个新的库文件叫做 vue-resource.js 。
网络CDN：https://cdn.bootcss.com/vue-resource/1.3.4/vue-r...

2020-05-27

77浏览

0评论

vue.js中父组件调用子组件的内部方法示例

前言今天同事问了一个问题，他在用iview开发时，需要用到iview一个组件的内部方法，而这个内部方法并没有暴露出来，这种情况下如何调用组件内部方法呢，其实很简单，举个栗子🌰...

2020-05-27

79浏览

0评论

利用pm2部署多个node.js项目的配置教程

前言相信大家应该都知道，一般在实际项目部署中，我们服务器在启动的时候需要自动启动node服务。以前是通过liunx自带的命令启动。但是随着后台微服务越来越多。每次发布新程序...

2020-05-27

61浏览

0评论

React操作真实DOM实现动态吸底部的示例

动态吸底：开始时fixed在页面上，当页面滚动到距离底部一定距离的时fixed部分固定。这个是需要计算页面滚动距离的，如果使用Jquery或者原生js实现是非常好实现的，但是由于使用reac...

2020-05-27

79浏览

0评论

基于Vue2.0+ElementUI实现表格翻页功能

Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源...

2020-05-27

70浏览

0评论

浅谈js的解析顺序作用域严格模式

一、javascript的解析顺序我们大家所理解的代码的执行顺序都是从上到下的，但是实际上确不是这样的。我们看一下下面的代码。alert(a);var a = 1;如果执行顺序是从上到下的，在...

2020-05-27

87浏览

0评论

JavaScript之创意时钟项目(实例讲解)

“时钟展示项目”说明文档（文档尾部附有相应代码）一、最终效果展示：二、项目亮点1.代码结构清晰明了2.可以实时动态显示当前时间与当前日期3.界面简洁、美观、大方4.提高浏览器...

2020-05-27

49浏览

0评论

Vue2.0+ElementUI实现表格翻页的实例

ElementUI的表格要求的数据类型为字典数组。我使用了python3写后端，那么从数据库取数据时添加一行cursorclass=pymysql.cursors.DictCursor即可。取出后我将其存入redis数据...

2020-05-27

61浏览

0评论

Vue.js组件通信的几种姿势

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址： https://github.com/answershut...

2020-05-27

51浏览

0评论

深入浅析javascript继承体系

最近做web项目，接触了jquery等框架，虽然使用方便，但是还是想学习下Javascript，今天分享下最近对js原型继承的理解，不足之处欢迎指正。一、构造器的原型属性与原型对象　　刚接触j...

2020-05-27

69浏览

0评论

详解vue 实例方法和数据

1.vm.$set问题描述:如何在不通过循环数据给list数据添加一个showMore属性，并且在moreFun中改变这个新增属性的值，并实现双向绑定？
<template> <div id="app"> <div class="dem...

2020-05-27

72浏览

0评论

node文件批量重命名的方法示例

在一个实际需求中，需要对一批文件(如：文本、图片)进行重命名，按照数字编号。正好借此熟悉了一下node的fs文件操作，写了一个批量修改文件名的脚本。需求
现有以下图片文件
需要批...

2020-05-27

59浏览

0评论

使用store来优化React组件的方法

在使用 React 编写组件的时候，我们常常会碰到两个不同的组件之间需要共享状态情况，而通常的做法就是提升状态到父组件。但是这样做会有一个问题，就是尽管只有两个组件...

2020-05-27

热门文章