Node.js path模块,获取文件后缀名操作

我就废话不多说了,大家还是直接看代码吧~


demo.js:

//path模块var path=require('path'); /*nodejs自带的模块*/var extname=path.extname("123.html"); //获取文件的后...

vue.js页面加载执行created,mounted的先后顺序说明

created页面加载未渲染html之前执行。


mounted渲染html后再执行。


由于created在html模板生产之前所以无法对Dom进行操作而mounted可以。


补充知识:关于Vue子组件...

JS画布动态实现黑客帝国背景效果

本文实例为大家分享了JS画布动态实现黑客帝国背景效果的具体代码,供大家参考,具体内容如下


效果图





完整代码

<!DOCTYPE html><html lang="en"><head> <meta cha...

JS实现手风琴特效

本文实例为大家分享了JS实现手风琴特效的具体代码,供大家参考,具体内容如下


效果图




<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...

JS使用setInterval计时器实现挑战10秒

JS实现挑战10秒,主要用到setInterval计时器,供大家参考,具体内容如下


效果图





## 完整代码

<html lang="en"><head><meta charset="UTF-8"><title>js计时器</title...

vue实现顶部菜单栏

vue实现顶部菜单栏,同一个页面两个菜单按钮之间的切换


先看展示结果:


点击第一个按钮,显示内容1 点击第二个按钮,展示内容2








下面上源码:注意哦,一定要代码规划...

Vue实现购物车基本功能

Vue实现购物车商品 加、减、单选、全选、删除、价格更新等功能

Dome和Vue代码

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>商城</title> <...

JS实现购物车基本功能

JS实现购物车商品 加、减、单选、全选、删除、手动输入、价格更新等功能,供大家参考,具体内容如下





JavaScript代码

$(function(){ $("#footer").hover(function(){...

JS实现炫酷轮播图

本文实例为大家分享了JS实现炫酷轮播图的具体代码,供大家参考,具体内容如下


效果图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...

解决VUE项目使用Element-ui 下拉组件的验证失效问题

问题描述:


在使用Element-ui组件做项目开发时候有可能会使用下拉框组件,如果下拉框组件的option选项是使用v-if指令遍历的,


这样也没有问题,但是如果加上multiple属...

解决element-ui的下拉框有值却无法选中的情况

问题描述:


在使用Vue框架和element-ui开发时,下拉框遇见一个问题,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值,也就是下拉框...

解决Element中el-date-picker组件不回填的情况

1.问题描述


当我们在实用ElementUI组件完成项目的时候可能会遇到这样的需求,比如:


新建一个活动,需要定义活动的时间范围;


因此我们在新建活动的操作过程中需要选择...

解决VUE 在IE下出现ReferenceError: Promise未定义的问题

问题原因:


IE一些低版本的浏览器对于ES6语法不支持


Promise是es6语法里为了解决异步函数多重嵌套的问题(回调地狱)


说明: 或许你并不没有使用Promise,但是有可能...

工作中常用js的汇总

一、javascript 中防止重复点击、防止点击过快


防止重复点击可以添加一个开关,让这个开关默认为 true,第一次点击将其变为 false,点击事件的执行需要判断这个开关是否为...

js实现日历

这周写自己的项目发现又用到日历了,加之自己毕业之后的第一个工作中遇到的任务也是需要写个日历(组员写了,我就不用写了)

今天就来好好折腾一下日历是怎么写的。


首先,我...

Nuxt 项目性能优化调研分析

性能优化,这是面试中经常会聊到的话题。我觉得性能优化应该因具体场景而异,因不同项目而异,不同的手段不同的方案并不一定适合所有项目,当然这其中不乏一些普适的方案,比如耳熟...

解决VueCil代理本地proxytable无效报错404的问题

前言


因为项目中遇到了这个bug:Vue cil2中配置代理proxytable成功,却无效报错404,在后端和代理都配置无误的情况下,还是报404,先已解决,特记录,希望能帮助到他人;


正文


1...

Nodejs + sequelize 实现增删改查操作

1. 下载资源库



npm install sequelize --save


npm install mysql2 --save // npm install mysql 提示不完整



2. 创建数据库配置文件 db.js,配置数据库...

浅谈Vue static 静态资源路径 和 style问题

我就废话不多说了,大家还是直接看代码吧~

// Paths assetsRoot: path.resolve(__dirname, '../dist'), // 静态资源输出到二级目录下 assetsSubDirectory: 'static', //...

vue+axios+php如何实现上传文件功能?

我们在做表单提交的时候,往往会碰到一些表单提交的需求,那vue的axios与上传文件碰撞后不会出现什么不一样的火花吗,听我一一道来:首先,我们需要对写一个vue的axios的表单提交,由于...

vue-cli+express获取mongodb数据的方法介绍

最近一直在看node有关的内容,空闲时间做了一个小小的爬虫,用于爬取电影天堂的数据然后写到mongodb里面,代码地址:https://github.com/fangming666/dianyingtiantang/blob/master...

详解JS中的执行上下文和执行栈

如果你是一名 JavaScript 开发者,或者想要成为一名 JavaScript 开发者,那么你必须知道 JavaScript 程序内部的执行机制。执行上下文和执行栈是 JavaScript 中关键概念之一,是 J...

了解JavaScript中的垃圾回收机制

最近看到一些面试的回顾,不少有被面试官问到谈谈JS 垃圾回收机制,说实话,面试官会问这个问题,说明他最近看到一些关于 JS 垃圾回收机制的相关的文章,为了 B 格,就会顺带的问问。最...

详解vue验证器(vue-validator)的使用

官方文档:http://vuejs.github.io/vue-validator/zh-cn/index.htmlgithub项目地址:https://github.com/vuejs/vue-validator单独使用vue-validator的方法见官方文档,本文结合vu...

详细了解JavaScript中的延迟加载

在这篇文章中,我们将看看延迟加载在web上是如何工作的。我们将介绍本地延迟加载API——延迟加载是如何实现的,延迟加载的重要性和优点,最后是一个简单的延迟加载web...

vue2.0非父子组件间怎么进行通讯?

在vue中,父组件向之组件通讯使用的是props,子组件向父组件通讯使用的是$emit+事件,那非父子间的通讯呢,在官方文档上只有寥寥数笔,概念很模糊,这个空的vue实例应该放在哪里呢,光放...

Vant 中的Toast设置全局的延迟时间操作

在引入Toast的配置文件里面配置如下:

import { Toast } from 'vant';Vue.use(Toast);Toast.setDefaultOptions({ duration: 800 }); // duration延迟时间

--完。


补...

如何实现小程序与小程序之间的跳转

前言


小程序与小程序之间互相可以跳转,形成流量的循环.在小程序中怎么实现的呢


小程序中提供了两种方式实现小程序与小程序之间的跳转


方式1-使用 API 方式跳转...

vant中的toast轻提示实现代码

在main.js中按需引入

import { Toast} from 'vantVue.use(Toast)

页面中的methods中使用

send(name, img) { let msg = `${this.Cname}送${name}1`; this.$toast({...

vant中的toast层级改变操作

1、toast在main.js中引用





2、在每个页面中使用toast





3、每个页面有一个私有样式scoped,因此类名inexa的层级写在app.vue里





注:toast每调用一次(z-index...

通过实例了解Render Props回调地狱解决方案

简而言之,只要一个组件中某个属性的值是函数,那么就可以说该组件使用了 Render Props 这种技术。听起来好像就那么回事儿,那到底 Render Props 有哪些应用场景呢,咱们还是从简...

vant-ui组件调用Dialog弹窗异步关闭操作

需求描述:


需求描述:官方文档又是组件调用方式,又是函数调用方式。


我就需要一个很简单的:点击操作弹窗显示后,我填写一个表单,表单校验通过后,再调用API接口,返回成功后,关...

JavaScript setTimeout()基本用法有哪些

在制作网页动态效果时,可能会遇到需要延时在执行的需求,这时就可以用到 js 中定时器来实现此类需求,本文将对setTimeout()做一个用法总结。

setTimeout() 方法用于在指定的...

Array.filter中如何正确使用Async

1. 如何仅保留满足异步条件的元素


在第一篇文章中,我们介绍了 async / await 如何帮助处理异步事件,但在异步处理集合时却无济于事。在本文中,我们将研究该filter函数,它可...

vant组件中 dialog的确认按钮的回调事件操作

不知道是不是我理解有问题,看了vant的组件库,他的文档是这样说的





然后我就绑定了事件 :confirm


结果他的触发机制是:加载页面时会触发,点击按钮打开模态框时会触发,点...

深入浅出了解javascript的node中间件原理

前言中间件是介于应用系统和系统软件之间的一类软件,它使用系统软件所提供的基础服务(功能),衔接网络上应用系统的各个部分或不同的应用,能够达到资源共享、功能共享的目的。在No...

vue中路由之间如何通讯?方法介绍

父子间的组件通讯是通过props和$emit来实现的,那么路由之间的通讯呢,往下看:我现在再webpack里面有一个这样的结构,我现在想test1里面的按钮点击跳转到test2里面,获得到test1传递...

给大家分享九个 JavaScript 图片懒加载库

为什么要图片懒加载在 web 应用程序中性能至关重要。你可以拥有世界上最漂亮、最吸引人的网站,但如果它不能在浏览器上快速加载,人们会倾向于略过它。要想使你的网站表现得非...

分享一些JavaScript中鲜为人知的隐藏语法或技巧

javaScript 通常被认为是最容易入门的语言,也是最难掌握的语言,我完全同意。这是因为 JavaScript 是一种非常古老且非常灵活的语言,它有着了神秘的语法和过时的特性。我已经使...

javascript中非常实用的10个特性

你可能刚上手 JavaScript,或者只是曾经偶尔用过。不管怎样,JavaScript 改变了很多,有些特性非常值得一用。 这篇文章介绍了一些特性,在我看来,一个严肃的 JavaScript 开发者每天...

抢先体验JavaScript ES12新特性

特性抢先知: String.prototype.replaceAll 新增replaceAll Promise.any WeakRefs 逻辑运算符和赋值表达式 数字分隔符号replaceAll看到replaceAll这个词,相比很容易联想到repl...

详解js中window.name的特性与作用

早就知道window有个name属性,但是究竟干什么用的一直不知道,今天花时间好好研究测试了下,发现是个有意思的JS API属性。所有浏览器都有个window.namewindow.name是一个所有浏览...

详解JavaScript中的回调函数并使用它

在JavaScript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数...

vue如何动态绑定class?方法介绍

Vue.js 的核心是一个响应的数据绑定系统,它允许我们在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。被绑定的DOM 将与数据保持同步,每当数据有改动,相...

详解Vue中动态添加类名的方法

能够向组件添加动态类名是非常强大的功能。它使我们可以更轻松地编写自定义主题,根据组件的状态添加类,还可以编写依赖于样式的组件的不同变体。添加动态类名与在组件中添加 p...

浅谈vue中axios的封装

vue中axios的封装第一步还是先下载axioscnpm install axios -S第二步建立一个htttp.jsimport axios from &#39;axios&#39;;import { Message } from &#39;element-ui&#39;;a...

vue.js中如何使用v-for以及怎么获取索引?

2.x版本:v-for="(item,index) in items"index即索引值。==========================分割线==============================1.x版本:1.v-for  示例一:<!DOCTYPE html><html><h...

深入了解vue中的计算属性

一、什么是计算属性模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:<p id="example"> {{ message.split...

JavaScript中如何替换字符串?3种方法介绍

替换字符串中的文本是 JavaScript 中的常见任务。本文研究几种用 replace 和正则表达式替换文本的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。替...

在Node.js中如何使用EventEmitter处理事件?

在本教程中我们学习 Node.js 的原生 EvenEmitter 类。学完后你将了解事件、怎样使用 EvenEmitter 以及如何在程序中利用事件。另外还会学习 EventEmitter 类从其他本地模块...

返回顶部
顶部