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

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

Vue filter介绍及其使用详解

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

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

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

现代 JavaScript 参考

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

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

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

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

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

VUE2实现事件驱动弹窗示例

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

JS返回顶部实例代码

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

深入浅析javascript继承体系

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

详解vue 实例方法和数据

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

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

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

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

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

angular.js实现购物车功能

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

angularjs实现天气预报功能

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

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

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

angularjs实现猜大小功能

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

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

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

浅谈Koa服务限流方法实践

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

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

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

AngularJS 教程及实例代码

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vue基于NUXT的SSR详解

本文介绍了Vue基于NUXT的SSR,分享给大家,也给自己留个笔记。SSR首先说下 SSR,最近很热的词,意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 的问题,对于一...

详解基于 Nuxt 的 Vue.js 服务端渲染实践

Vue.js 是目前最火热的前端框架之一,而 Nuxt.js 是针对 Vue.js 推出的服务端渲染框架,通过高度定制化的配置以及简洁的 API,开发者可以快速进行服务端渲染项目的开发,本文将对 N...

分享vue.js devtools遇到一系列问题

使用vue.js devtools遇到的磕磕绊绊,具体如下1.首先我们需要在谷歌浏览器扩展程序中点击获取更多2.在搜索框输入vue.js devtools,点击安装此扩展3.检查扩展是否开启我们需要检...

使用Node.js实现ORM的一种思路详解(图文)

ORM是O和R的映射。O代表面向对象,R代表关系型数据库。二者有相似之处同时也各有特色。就是因为这种即是又非的情况,才需要做映射的。  理想情况是,根据关系型数据库(含业务需...

详解使用PM2管理nodejs进程

pm2 是一个带有负载均衡功能的Node应用的进程管理器.当你要把你的独立代码利用全部的服务器上的所有CPU,并保证进程永远都活着,0秒的重载, PM2是完美的。它非常适合IaaS结构,但...

Vue.js2.0中的变化小结

最近自己在学习Vue.js,在看一些课程的时候可能Vue更新太块了导致课程所讲知识和现在Vue的版本不符,从而报错,我会在以后的帖子持续更新Vue的变化与更新,大家也可以一起交流,共同...

详解基于Vue+Koa的pm2配置

目前使用的技术栈是:前端Vue、后端Koa、数据库Mongodb。然而每当起服务的时候,都要 npm start 、 node ./server/app.js ,还要同时保持这两个窗口一直是开着的,很是麻烦。而且因...

Angularjs添加排序查询功能的实例代码

废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" sr...

浅谈在vue项目中如何定义全局变量和全局函数

写在前面:如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数,这两个设置...

Vue 2.5 Level E 发布了: 新功能特性一览

我们很高兴宣布 Vue 2.5 Level E 的发布!本次发布包括多个功能提升并且我们推荐你查看发布说明来获取完整详细信息。 在这篇文章中,我们将重点介绍一些更重要的的变化:更好的...

Vue.js 2.5新特性介绍(推荐)

TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。2012年十月份...

Vue v2.5 调整和更新不完全问题

Vue 2.5 Level E 发布了: 新功能特性一览近日,Vue v2.5 发布,除了对 TypeScript 的更好的支持外,还有一些功能和语法的调整,你需要了解。本文,不谈 TypeScript,只对一些主要的调整...

返回顶部
顶部