-
js实现点击展开隐藏效果（实例代码）_javascript技巧
本章给大家介绍用js事件冒泡实现鼠标点击显示提示框效果（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
先看看效果图：代码实例：<!DOCTYPE html><html> <head> <meta charset="UTF 24 2018-10-13 0 24
-
javascript中toFixed()四舍五入使用方法详解_javascript技巧
最近做的项目涉及到金额的计算，有一种方式就是进行四舍五入的规则进行小数点后面的尾数处理，以前一直以为toFixed方法就是四舍五入的，知道一个用户反馈了金额计算的bug我才如梦初醒（亏了一毛钱），才仔细深究了下
26 2018-10-13 0 26
-
js限制输入框只能输入数字(onkeyup触发)_javascript技巧
例子：html代码<input type="text" name="" id="box" />通常都直接用：<input type="text" name="" id="box" onkeyup="value=value.replace(/[^/d]/g,'')"/>以上的缺点是，当你正确输入的是一串
23 2018-10-13 0 23
-
js限制input只能输入有效的数字(第一个不能是小数点)_javascript技巧
第一种方法：通过字符搜索判断等实现，适合功能增强<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jq.js"></script> </head><body&g
18 2018-10-13 0 18
-
基于vue和react的spa进行按需加载的实现方法_vue.js
基于vue和react的spa进行按需加载由于最近打算将所有的管理系统采用同一套登陆方法，然后在登陆后进行系统的切换选择，不需要每个系统都去重新登陆一次，所以前端这边思考将所有的系统用一套spa的应用进行构建
10 2018-10-13 0 10
-
使用Vuex解决Vue中的身份验证问题_vue.js
传统方式中，许多人使用本地存储，来管理通过客户端验证生成的tokens。一个大问题是如何有更好的方式，来管理验证tokens，从而允许我们来存储更大的用户信息。这就是Vuex的作用。 Vuex为Vue.js应用管理状态.。对
20 2018-10-13 0 20
-
使用electron将vue-cli项目打包成exe的方法_vue.js
如果你已经做好了一个vue的项目，并且想要将他打包成exe,那么请继续阅读。首先你可以下载一个demo了解一下。git clone https://github.com/electron/electron-quick-startcd electron-quick-startnpm inst
29 2018-10-13 0 29
-
脚手架vue-cli工程webpack的作用和特点_vue.js
Vue项目开发过程中，会因为很多不同的实际运用需求不断地对webpack配置进行修改，在此之前，我们需要对webpack有一个基本的认识，了解它到底能为我们做些什么webpack是一个模块打包的工具，它的作用是把互相依赖的
10 2018-10-13 0 10
-
原生JS实现旋转轮播图+文字内容切换效果【附源码】_javascript技巧
废话不多说，直接上图看效果：需求： 点击左右按钮实现切换用户图片与信息；原理： 点击右侧左侧按钮，把3号的样式给2号，2号的给1号，1号的给5号，5号的给4号，4号的样式给3号，然后根据现在是第几张图片切换成对应的文字；步骤
22 2018-10-13 0 22
-
使用 Node.js 实现图片的动态裁切及算法实例代码详解_node.js
背景&概览目前常见的图床服务都会有图片动态裁切的功能，主要的应用场景用以为各种终端和业务形态输出合适尺寸的图片。一张动辄以 MB 为计量单位的原始大图，通常不会只设置一下显示尺寸就直接输出到终端中，
16 2018-10-13 0 16
-
使用vue根据状态添加列表数据和删除列表数据的实例_vue.js
如下所示：<template> <div> <div v-for="obj of a" @click="sel(obj)"> {{obj.name}} <span v-if="!obj.select">+</span><span v-else>-</span> </div> <hr> <div>
20 2018-10-13 0 20
-
vue-cli脚手架搭建的项目去除eslint验证的方法_vue.js
eslint验证，为我们提升我们的代码质量和良好的编码风格带来了非常大的帮助，但是由于其语法验证的严格，很多程序员在初期使用的时候很不适应，就想怎么能够去掉eslint验证。其实把eslint验证去除的方法并不复杂
16 2018-10-13 0 16
-
Vue中的Props(不可变状态)_vue.js
组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父
23 2018-10-13 0 23
-
vue动态删除从数据库倒入列表的某一条方法_vue.js
如下所示：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> //导入vue.js <script type="text/javascript" src="./vue.js"></script> //非常简单了设置了一下css样式 &l
11 2018-10-13 0 11
-
vue根据值给予不同class的实例_vue.js
如下所示：<div class="chatBox-kuang" :class="addclass(skin)"></div> data(){ return{ skin:'' }}onchooseSkin(attr){ this.skin=attr}, 方法一addclass(i){ switch (i) { case 0: return 'skinA';
14 2018-10-13 0 14
-
vue实现重置表单信息为空的方法_vue.js
背景之前表单重置为空的话是这样写的this.fromline = { access_provider_name: '', // 接入商名称 access_provider_address: '', // 接入商所属地区 remark: '' // 备注 }直接把表单对象的属性设
16 2018-10-13 0 16
-
脚手架vue-cli工程webpack的基本用法详解_vue.js
webpack的打包依赖于它的一个重要配置文件webpack.config.js，在这个配置文件中就可以指定所有在源代码编译过程中的工作了，就一个配置就可以与冗长的Gruntfile或者Gulpfile说再见了。一个完整的工程项目中
30 2018-10-13 0 30
-
vue实现条件判断动态绑定样式的方法_vue.js
在我们做前端页面的时候，为了美观和直观，我们希望通过条件判断来让页面显示不同的样式，如下图所示：当值为“是”时，显示绿色的标签，当值为“否”时，显示为灰色的标签。标签的样式分别为：<el-tag type="success">
46 2018-10-13 0 46
-
vue里input根据value改变背景色的实例_vue.js
1、首先定义两个不同的.null-input .el-input__inner {background-color: rgba(255, 255, 255, 0.8); color: #525661; font-size: 16px;}.no-null-input .el-input__inner { background-color: rgba(255
18 2018-10-13 0 18
-
4个顶级开源JavaScript图表库_JavaScript
图表对于可视化数据和使网站具有吸引力非常重要。可视化演示使分析大块数据和传达信息变得更加容易。JavaScript图表库使你能够以易于理解和交互的方式可视化数据，并改善网站的设计。有四个顶级开源JavaSc
104 2018-10-13 0 104
-
vue动画之点击按钮往上渐渐显示出来的实例_vue.js
如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画</title><script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script> <style>
28 2018-10-13 0 28
-
浅谈vue项目打包优化策略_vue.js
使用vue-cli部署生产包时，发现资源包很大，打包后的vendor.js达到了1.4M，这已经很大了，而且会影响到首屏加载。那么，怎么优化呢？1.组件按需加载
这是首先可以优化的点。如果频繁使用了第三方组件/UI库，如我的项目 23 2018-10-13 0 23
-
详解React之key的使用和实践_javascript技巧
在渲染列表时，React的差异比较算法需要一个在列表范围内的唯一key来提高性能（通常用于获知哪个列表项改变了）。这个唯一的key需要我们手动提供。React官方建议使用列表数据中可用于唯一性标识的字段来作为列
33 2018-10-13 0 33
-
vue给组件传递不同的值方法_vue.js
这里讲解一下Vue 官网的一个实例，Vue将数据遍历传递给多个组件，这个是我们实际开发中常做的事情。一般大型应用都是使用组件搭建起来的，我们需要给组件传递不同的值，来实现不同的展现，实现代码的复用。<!DOCTY
18 2018-10-13 0 18
-
浅谈针对Vue相同路由不同参数的刷新问题_vue.js
在使用vue和vue-router开发spa应用时，我们会遇到这样一种问题。
当页面跳转时，组件本身并没有发生改变：// 路由映射关系'/form/:type'// 当前页面路由/form/shop1this.$router.push({ name: 'form', params: 24 2018-10-13 0 24
