JavaScript - 教程之家

47浏览

0评论

2种简单的js倒计时方式

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

39浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

56浏览

0评论

js Dom实现换肤效果

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

51浏览

0评论

js实现Tab选项卡切换效果

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

2020-05-27

53浏览

0评论

JS实现瀑布流布局

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

57浏览

0评论

Vue filter介绍及其使用详解

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

76浏览

0评论

现代 JavaScript 参考

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

59浏览

0评论

VUE2实现事件驱动弹窗示例

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

2020-05-27

49浏览

0评论

JS返回顶部实例代码

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

2020-05-27

58浏览

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

63浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

43浏览

0评论

深入浅析javascript继承体系

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

2020-05-27

55浏览

0评论

详解vue 实例方法和数据

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

41浏览

0评论

angular.js实现购物车功能

本文实例为大家分享了angular.js购物车功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title> <s...

2020-05-27

50浏览

0评论

angularjs实现天气预报功能

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

2020-05-27

53浏览

0评论

详解在vue-cli项目中使用mockjs(请求数据删除数据)

在我们的生产实际中，后端的接口往往是较晚才会出来，于是我们的前端的许多开发都要等到接口给我们才能进行，这样对于我们前端来说显得十分的被动，于是有没有可以制造假数据来模拟...

2020-05-27

43浏览

0评论

angularjs实现猜大小功能

本文实例为大家分享了angular.js数字猜大小的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>猜大小</title> <scri...

2020-05-27

71浏览

0评论

浅谈vue中使用图片懒加载vue-lazyload插件详细指南

在vue中使用图片懒加载详细指南，分享给大家。具体如下：说明
当网络请求比较慢的时候,提前给这张图片添加一个像素比较低的占位图片，不至于堆叠在一块，或显示大片空白，让用户体验...

2020-05-27

61浏览

0评论

浅谈Koa服务限流方法实践

最近接了一个需求，很简单，就是起一个server，收到请求时调用某个提供好的接口，然后把结果返回。因为这个接口的性能问题，同时在请求的不能超过特定数目，要在服务中进行限流。限流的...

2020-05-27

70浏览

0评论

nodejs中安装ghost出错的原因及解决方法

看了标题就知道安装ghost会碰到不少的坑，这里先说一个：错误（windows）通过ghost-cli来安装的步骤：npm install -g ghost-cli #全局安装ghost-clicd myghostblog #进入工作目录g...

2020-05-27

37浏览

0评论

AngularJS 教程及实例代码

angularjs 简介AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。AngularJS...

2020-05-27

48浏览

0评论

通俗易懂地解释JS中的闭包

1. "闭包就是跨作用域访问变量。" 【示例一】var name = 'wangxi'function user () { // var name = 'wangxi' function getName () { console.log(name) } getName()}user(...

2020-05-27

53浏览

0评论

使用JQuery实现图片轮播效果的实例(推荐)

【效果如图】【原理简述】这里大概说一下整个流程：1，将除了第一张以外的图片全部隐藏，2，获取第一张图片的alt信息显示在信息栏，并添加点击事件3，为4个按钮添加点击侦听，点击相应的...

2020-05-27

50浏览

0评论

浅谈es6语法 (Proxy和Reflect的对比)

如下所示：{ //原始对象 let obj={ time:'2017-03-11', name:'net', _r:123 }; //（代理商）第一个参数代理对象，第二个参数真正代理的东西 let monitor=new Proxy(obj,{ // 拦截...

2020-05-27

47浏览

0评论

基于js中this和event 的区别(详解)

今天在看javascript入门经典-事件一章中看到了 this 和 event 两种传参形式。因为作为一个初级的前端开发人员平时只用过 this传参，so很想弄清楚，this和event的区别是什么，什么...

2020-05-27

50浏览

0评论

AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)

注：添加球员的功能无指定技术要求，添加球员的页面也无具体样式要求。 1.实现上图页面所有元素，页面布局规整，跟上图效果一致2.实现文案显示，按效果显示3.实现查询，实现查询敏感...

2020-05-27

51浏览

0评论

JS去掉字符串末尾的标点符号及删除最后一个字符的方法

需求：去掉js字符串末尾的标点符号原字符串：Hello World!目标字符串：Hello World方式一：stringObject.slice(start,end)start : 要抽取的片断的起始下标。如果是负数，则该参数规定...

2020-05-27

49浏览

0评论

原生JS实现Ajax跨域请求flask响应内容

Ajax方法好，网站感觉跟高大上，但由于Js的局限，跨域Ajax无法实现，这里，讲一下解决办法，前提是需要能够自己可以控制flask端的响应。主要技术：修改服务器相应的相应头，使其可以相应任...

2020-05-27

35浏览

0评论

使用js获取伪元素的content实例

在测试过程中有时候会遇到反爬虫机制，一些元素会使用伪元素，这样在定位元素的时候会定位不到，这时候就要使用js来帮助定位，获取到想要的元素下面是部分代码//使用js获取伪元素的...

2020-05-27

50浏览

0评论

nuxt+axios解决前后端分离SSR的示例代码

背景：由于后端程序猿通常对CSS 、JS掌握不是特别好，通常的开发模式，UI把静态html做好交给程序猿，程序猿开发，把静态html变成动态的时候经常会有各种样式错乱的问题，并且要...

2020-05-27

热门文章