13 个npm 快速开发技巧(推荐)

为了保证的可读性,本文采用意译而非直译。每天,数以百万计的开发人员使用 npm 或 yarn 来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首选方式...

angular6开发steps步骤条组件

本文实例为大家分享了angular6开发steps步骤条组件的实现代码,供大家参考,具体内容如下1.先展示步骤条效果2.使用angular命令快速创建组件ng g c component/steps创建的组件在...

中高级前端必须了解的JS中的内存管理(推荐)

前言像C语言这样的底层语言一般都有底层的内存管理接口,比如 malloc()和free()用于分配内存和释放内存。
而对于JavaScript来说,会在创建变量(对象,字符串等)时分配内存,并且在不...

你或许不知道的一些npm实用技巧

前言绝大多数前端和 Node.js 开发者每天的日常工作都离不开 npm,不知道你对 npm 的观感如何?如果你觉得 npm 很棒,那么不妨看下这篇文章,说不定其中有你之前没留意过的小窍门,可...

Vue项目中ESlint规范示例代码

前言eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到,本文就给大家分享了开发项目中使用的eslint校验规范,供参考:
示例代码module.exports = { r...

vue如何限制只能输入正负数及小数

<el-input keyup.native="isFloor"/>//正数,含小数isFloor(e,type){ if(type=='floor') { var val=e.target.value; //限制只能输入一个小数点 if (val.indexOf(...

小程序中canvas的drawImage方法参数使用详解

最近在开发小程序,海报生成的过程中,要在carvas中不断去添加图片,对小程序的drawImage参数不是很明确,这次解惑。示例代码
有三个版本的写法:drawImage(imageResource, dx, dy)...

jQuery删除/清空指定元素的所有子节点实例代码

前言我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的...

react 移动端实现列表左滑删除的示例代码

最近做了一个类似系统操作的左滑删除的demo,用的taro框架,和大家分享一下~
首先需要考虑的有以下几点:
1)布局;
2)判断是左滑还是右滑,左滑时出现删除,右滑时回归原位;
3)排他性,意思是...

vue动态配置模板 'component is'代码

实现代码如下<template> <div v-if='object.child'> <div v-for="(item,ix) in object.child" :key="ix"> <component :is="item.xtype" v-if='item' :objectVlue=...

vue-cli配置flexible过程详解

基于vue-cli配置手淘的lib-flexible + rem,实现移动端自适应
安装flexible
npm install lib-flexible --save引入flexible
在项目入口文件main.js中添加如下代码,引入flexible...

Vue.js递归组件实现组织架构树和选人功能

大家好!先上图看看本次案例的整体效果。浪奔,浪流,万里涛涛江水永不休。如果在jq时代来实这个功能简直有些噩梦了,但是自从前端思想发展到现在的以MVVM为主流的大背景下,来实现一...

Vue 3.x+axios跨域方案的踩坑指南

缘起
最近实验课上需要重构以前写过的一个项目(垃圾堆),需要添加发生邮件提醒的功能,记得以前写过一个PHP版的实现,所以想把PHP写的功能整理成一个服务,然后在前端调用。但是这个...

微信小程序自定义弹窗实现详解(可通用)

本文为自定义弹窗,该内容可满足如下需求:
自定义各种布局弹窗 点击弹窗布局外消失弹窗 弹出弹窗时背景阴影半透明 各方向弹出效果(本文为自下而上弹出)话不多说,先上图看...

JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支

本文实例讲述了JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支。分享给大家供大家参考,具体如下:页面加载事件的比较 window.onload jquery 中的 document.r...

vue引入微信sdk 实现分享朋友圈获取地理位置功能

最近入职的公司主要做微信端的h5,所以在所难免要引用sdk。虽然官方文档写的还算清楚,但是还是有坑。1.在index.html中 引入微信sdk<script type="text/javascript" src="http:...

Vue.js 中的实用工具方法【推荐】

收集日常开发中常用到的一些工具方法, 包含 vue 的公用过滤器、公用指令等 (PS: 懒人养成记)公用自定义过滤器import Vue from 'vue'import moment from 'moment'/** * @fil...

JS开发常用工具函数(小结)

1、isStatic:检测数据是不是除了symbol外的原始数据
function isStatic(value) { return( typeof value === 'string' || typeof value === 'number' || typeof va...

Vue-cli3.x + axios 跨域方案踩坑指北

缘起
最近实验课上需要重构以前写过的一个项目(垃圾堆),需要添加发生邮件提醒的功能,记得以前写过一个PHP版的实现,所以想把PHP写的功能整理成一个服务,然后在前端调用。但是这个...

JS前端知识点总结之内置对象,日期对象和定时器相关操作

本文实例讲述了JS前端知识点总结之内置对象,日期对象和定时器相关操作。分享给大家供大家参考,具体如下:常见内置对象 Arguments: 函数参数集合 Array: 数组 Boolean: 布尔...

js字符串类型String常用操作实例总结

本文实例讲述了js字符串类型String常用操作。分享给大家供大家参考,具体如下:字符串是不可变的。对字符串的所有操作都会返回一个新字符串,原字符串不变在 ie 6-7 时,' abc ' +...

JS Math对象与Math方法实例小结

本文实例讲述了JS Math对象与Math方法。分享给大家供大家参考,具体如下:JavaScript 提供了 Math 内置对象方便我们进行数学运算他具有数学常用和函数的属性和方法。常用属性//...

JS实现求字符串中出现最多次数的字符和次数示例

本文实例讲述了JS实现求字符串中出现最多次数的字符和次数。分享给大家供大家参考,具体如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3...

监控微信小程序中的慢HTTP请求过程详解

Fundebug 的微信小程序监控插件在 0.5.0 版本已经支持监控 HTTP 请求错误,在小程序中通过wx.request发起 HTTP 请求,如果请求失败,会被捕获并上报。时隔一年,微信小程序插件已经...

Electron vue的使用教程图文详解

下面详细给大家介绍Electron+vue的使用,具体内容如下所示:.现如今前端框架数不胜数,尤其是angular、vue吸引一大批前端开发者,在这个高新技术快速崛起的时代,自然少不了各种框架...

VueCli3.0中集成MockApi的方法示例

一:使用场景
哎哟,好烦啊,这个需求还么结束就来下一个需求,程序员不要排期的吗?没办法啊,资本主义的XX嘴脸啊来吧,技术评审我俩把接口格式对一把,你先开发,我这边结束了我跟上,再联调M...

vue中实现Monaco Editor自定义提示功能

这次接到一个需求,要在浏览器的 IDE 中支持自定义提示功能,如下所示:可以看到,它可以根据用户输入的内容来一项一项排除,只显示完全匹配的那一项。项目的框架是 Vue ,编辑器用的是...

vue 使用axios 数据请求第三方插件的使用教程详解

axios基于http客户端的promise,面向浏览器和nodejs特色&#8226;浏览器端发起XMLHttpRequests请求
&#8226;node端发起http请求
&#8226;支持Promise API
&#8226;监听请求和返回...

基于vue实现圆形菜单栏组件

整个样式都是基于css3 得transform而实现得。每个扇形角度为360/12=30deg,当然,你不想做圆形也可以,公式就是 扇形角度=你想绘制得角度/扇形个数当你计算好每个扇形得角度...

vue router总结 $router和$route及router与 router与route区别

vue router总结 $router和$route及router与 router与route区别1 this.$router和this.$route的区别vue routerthis.$router是VueRouter的实例方法,当导航到不同url,可以使用thi...

elementui之el-tebs浏览器卡死的问题和使用报错未注册问题

elementui之新版本组件使用报错未注册问题现在elementui已经更新到2.10.1也新加了一些组件,也给我们带来了很多的方便,再此非常感谢elementui,但是在有些版本中有些组件,应该是...

cordova+vue+webapp使用html5获取地理位置的方法

1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。语法:navigator.geolocation.getCurrentPosition(success, error, options)参数: success: 成功得到...

Vue使用lodop实现打印小结

一. Lodop与C-Lodop的区别Lodop打印控件是浏览器插件,与浏览器紧密结合来实现本地打印,是一种内嵌到浏览器里交互方式。(适用浏览器:ie系列、火狐51版及历史版本、谷歌44版及历...

django中使用vue.js的要点总结

有接口如下:http://127.0.0.1:8000/info/schemes/返回json数据:[ { "name": "(山上双人标准间)黄山经典二日游(魅力黄山,日出云海,人间仙境,春暖花开)", "day": 2, "night": 1,...

详解django模板与vue.js冲突问题

问题:
django模板与vue.js的变量都是使用“{{”和“}}”包裹起来的,在渲染django模板时会先替代掉所有的“{{”和“}}”及被包裹在其中的内容,使得vue.js没有使用”{{“、”}}...

vue + typescript + video.js实现 流媒体播放 视频监控功能

视频才用流媒体,有后台实时返回数据, 要支持flash播放, 所以需安装对应的flash插件。当视频播放时,每间隔3秒向后台发送请求供检测心跳,表明在线收看状态,需要后台持续发送视频数...

echarts统计x轴区间的数值实例代码详解

有时我们需要统计自定义echarts图,统计x轴区间的y轴数量。思路是利用echarts的自定义配置:option.series[i].type='custom'中的renderItem(params, api)函数进行处理,这里包括...

使用 node.js 模仿 Apache 小部分功能

首先,这个例子用到了服务端渲染的技术。服务端渲染,说白了就是在服务端使用模板引擎,这里我先简单的介绍一下服务端渲染与客户端渲染之间的区别。服务端渲染与客户端渲染之间的...

教你3分钟利用原生js实现有进度监听的文件上传预览组件

前言本文主要介绍如何使用原生js,通过面向对象的方式实现一个文件上传预览的组件,该组件利用FileReader来实现文件在前端的解析,预览,读取进度等功能,并对外暴露相应api来实现用...

详解基于 Node.js 的轻量级云函数功能实现

导语在万物皆可云的时代,你的应用甚至不需要服务器。云函数功能在各大云服务中均有提供,那么,如何用“无所不能”的 node.js 实现呢?一、什么是云函数?云函数是诞生于云服务的一...

Vue中util的工具函数实例详解

Vue中util的工具函数,下面通过实例代码给大家介绍的非常详细,具体代码如下所示:// 防抖函数function debounce (fn, wait) {let treturn () => {let context = thislet args =...

利用不到200行代码写一款属于你自己的js类库

前言
JavaScript 的核心是支持面向对象的,同时它也提供了强大灵活的 OOP 语言能力。本文将使用面向对象的方式,来教大家用原生js写出一个类似jQuery这样的类库。我们将会学到...

ElementUI Tag组件实现多标签生成的方法示例

现在好多应用场景里会有一些需要给文章打标签等类似的操作,之前jquery用户是使用taginput来实现,使用VUE以后elementui有一个组件非常简单就是tag组件。<el-tag :key="tag" v-...

ES6 Class中实现私有属性的一些方法总结

私有属性
私有属性是面向对象编程(OOP)中非常常见的一个特性,一般满足以下的特点: 能被class内部的不同方法访问,但不能在类外部被访问; 子类不能继承父类的私有属性。备胎Class...

JavaScript实现五子棋游戏的方法详解

本文实例讲述了JavaScript实现五子棋游戏的方法。分享给大家供大家参考,具体如下:最近半个月一直在看深入的学习JavaScript,里面有很多重点和难点,比如闭包、词法分析、面向对象...

JavaScript中Dom操作实例详解

本文实例讲述了JavaScript中Dom操作。分享给大家供大家参考,具体如下:博主将按照增删改查的方式来介绍一下Dom的主要操作。1、增加节点添加节点的操作主要分为3步:(1)创建要添加...

Vue实现拖放排序功能的实例代码

Vue中实现拖放排序,啥也不说,贴上代码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><style>ul {min-height: 100px;width: 200px...

JavaScript定时器设置、使用与倒计时案例详解

本文实例讲述了JavaScript定时器设置、使用与倒计时案例。分享给大家供大家参考,具体如下:1、设置定时器定时器,适用于定时执行的任务中。在BOM的window对象中,有这样的两个函数...

vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序

vue拖拽克隆clone组件API, vue.draggable实现盒子之间相互拖拽排序克隆(网上资源整理的文档)效果图:-----------------------------------------------------------------------...

JavaScript实现的联动菜单特效示例

本文实例讲述了JavaScript实现的联动菜单特效。分享给大家供大家参考,具体如下:博主昨天发布了一篇关于JavaScript特效的文章,今天呢给大家带来联动菜单特效,这可能是一个系列哦...

返回顶部
顶部