65浏览

0评论

Vue实现底部侧边工具栏的实例代码

下载地址： https://github.com/imxiaoer/FloatToolBar因为是个常见的功能，所以写个组件。效果图如下：组件具体代码如下： tool.vue<template> <ul class="float-tool"> <li clas...

• 2020-05-27

64浏览

0评论

解决vue的 v-for 循环中图片加载路径问题

先看一下产品需求，如下图所示，产品要求图片和它的名称一一对应，本来是非常简单的需求，后台直接返回图片路径和名称，前台直接读取就可以了，但是我们没有存储图片的服务器，再加上是一...

• 2020-05-27

66浏览

0评论

详解vue-cli下ESlint 配置说明

1，关闭eslint这里只说vue-cli脚手架的关闭方法，其实很简单，就是把 build/webpack.base.conf.js
配置文件中的eslint rules注释掉即可。module: { rules: [ // { // test...

• 2020-05-27

72浏览

0评论

vue自定v-model实现表单数据双向绑定问题

vue.js的一大功能便是实现数据的双向绑定，本文给大家介绍vue自定v-model实现表单数据双向绑定，具体内容如下所示：子组件代码如下v-model语法糖v-model实现了表单输入的双向绑定...

• 2020-05-27

86浏览

0评论

webpack4 SCSS提取和懒加载的示例

本节课讲解在webpack v4中的 SCSS 提取和懒加载。值得一提的是，v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。>>> 本节课源码>>> 所有课程源码1. 准备工作关于 SCSS 处...

• 2020-05-27

61浏览

0评论

解决vue单页路由跳转后scrollTop的问题

作为vue的初级使用者，在开发过程中遇到的坑太多了。在看页面的时候发现了页面滚动的问题，当一个页面滚动了，点击页面上的路由调到下一个页面时，跳转后的页面也是滚动的，滚动条并...

• 2020-05-27

77浏览

0评论

vue自定义底部导航栏Tabbar的实现代码

如图所示，要完成类似的一个底部导航切换。首先。我们需要分为5个大的VUE文件。可以根据自己的习惯来放在不同的位置。我将5个主要的vue文件放在了5个不同的文件夹然后,在comp...

• 2020-05-27

74浏览

0评论

Angular5中状态管理的实现

前面学习了vue，react 都有状态管理，如vue中的vuex是全局状态管理，在任何组件里都可以引用状态管理中的数据，同样，react中的redux和mbox也是，但遇到angular5却不知道了。
一年前使...

• 2020-05-27

107浏览

0评论

JavaScript日期工具类DateUtils定义与用法示例

本文实例讲述了JavaScript日期工具类DateUtils定义与用法。分享给大家供大家参考，具体如下：DateUtils = { patterns: { PATTERN_ERA: 'G', //Era 标志符 Era strings. For...

• 2020-05-27

86浏览

0评论

Vue 通过自定义指令回顾v-内置指令(小结)

Vue.js 的各种指令（Directives）更加方便我们去数据驱动 DOM，例如 v-bind、v-on、v-model、v-if、v-for、v-once 等内置指令，这些指令的职责就是当表达式改变时将某些行为应用到...

• 2020-05-27

61浏览

0评论

Vue-router的使用和出现空白页,路由对象属性详解

Vue-router的使用和出现空白页2018.08.28 更新 vue-router：前端路由系统——改变视图的同时不会向后端发出请求1、 hash2、history2018.06.25 更新get到一个新技能import Vue...

• 2020-05-27

59浏览

0评论

vue-cli 引入jQuery，Bootstrap，popper的方法

1.安装插件npm install jquery --save //jquery插件npm install bootstrap --save //bootstrapnpm install --save popper.js //popper.js2.修改build目录下的webp...

• 2020-05-27

95浏览

0评论

基于vue-router 多级路由redirect 重定向的问题

在做多级路由的时候遇到很多问题，虽然不难，但是如果没有经验，往往要花一整天时间才能解决（可能我笨），况且网上资料也很少。项目需要是这样的：登录页面跳到后台页面重定向，登录页是一...

• 2020-05-27

87浏览

0评论

JavaScript封装的常用工具类库bee.js用法详解【经典类库】

本文实例讲述了JavaScript封装的常用工具类库bee.js。分享给大家供大家参考，具体如下：bee.js下载地址：github下载地址：https://github.com/shadowOfCode/bee.js或点击此处本站下...

• 2020-05-27

57浏览

0评论

解决vue.js this.$router.push无效的问题

如下所示：login() { if(this.email.length > 0 && this.password.length >0) { this.$http.post('/api/login', { user: this.email, password: this.password })...

• 2020-05-27

79浏览

0评论

vue 纯js监听滚动条到底部的实例讲解

在网页中，我们会遇到很多在滚动条到底部的时候有数据正在加载的事件，那么怎样用vue去实现这样的内容呢？本篇只给出一个雏形，结合vue的生命周期用纯javascript写的一个监听函数，后...

• 2020-05-27

60浏览

0评论

vue移动端监听滚动条高度的实现方法

这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部首先做的如何监听滚动条的高度，下面是我写的方法var _this =thiswindow.addEvent...

• 2020-05-27

77浏览

0评论

前后端如何实现登录token拦截校验详解

一、场景与环境
最近需要写一下前后端分离下的登录解决方案，目前大多数都采用请求头携带 Token 的形式1、我是名小白web工作者，每天都为自己的将来担心不已。第一次记录日常开...

• 2020-05-27

65浏览

0评论

vue 中滚动条始终定位在底部的方法

滚动条定位在底部，首先想到的是，动态修改滚动条到顶部的距离等于div的高度，代码实现：var div = document.getElementById('data-list-content')div.scrollTop = div.scrollHeigh...

• 2020-05-27

71浏览

0评论

Angular项目如何升级至Angular6步骤全纪录

前言前段时间将所负责的 Angular2 项目升级到了 Angular5 版本，这两天又进行了升级至 Angular6 的尝试。总的来说，两次升级过程比较类似，也不算复杂。2018年5月4日，Angular6.0.0...

• 2020-05-27

71浏览

0评论

ES6中let 和 const 的新特性

在javascript中，我们都知道使用var来声明变量。javascript是函数级作用域，函数内可以访问函数外的变量，函数外不能访问函数内的变量。本文给大家介绍ES6中let 和 const 的特性，...

• 2020-05-27

72浏览

0评论

Vue组件中的data必须是一个function的原因浅析

组件可以有自己的data，并且data必须是一个function。在下面这个例子中，data 返回了一个在外部定义的对象。并且这个组件在页面中使用了3次，点击+1时出现了如下情况：data中的coun...

• 2020-05-27

63浏览

0评论

详解JS中统计函数执行次数与执行时间

一、统计函数执行次数
常规的方法可以使用 console.log 输出来肉眼计算有多少个输出不过在Chrome中内置了一个 console.count 方法，可以统计一个字符串输出的次数。我们可以...

• 2020-05-27

77浏览

0评论

解决vue 打包发布去#和页面空白的问题

1.vue项目中config文件下index.js中打包配置build: { // Template for index.html index: path.resolve(__dirname, '../yiTownWebApp/index.html'), // Paths assetsRoot:...

• 2020-05-27

71浏览

0评论

JS实现可针对算术表达式求值的计算器功能示例

本文实例讲述了JS实现可针对算术表达式求值的计算器功能。分享给大家供大家参考，具体如下：HTML部分：<div> <div id="in"> <input name="in" type="text" class="clsin" id="i...

• 2020-05-27

65浏览

0评论

用POSTMAN发送JSON格式的POST请求示例

postman是一个很好的http模拟器，在测试rest服务时是很好用的工具，可以发送get、post、put等各种请求。在地址栏里输入请求url：http://127.0.0.1:8081/getmoney选择“POST”方式...

• 2020-05-27

69浏览

0评论

工作中常用到的ES6语法

什么是ES6？
　　ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。　　ECMAScript和J...

• 2020-05-27

96浏览

0评论

解决vue-cli项目打包出现空白页和路径错误的问题

vue-cli项目打包：1. 命令行输入：npm run build打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。第一个问题，文件引用路径。我们直接运行打包后的文件夹中的i...

• 2020-05-27

105浏览

0评论

create-react-app安装出错问题解决方法

create-react-app慢的解决方法在操作官方实例Create React App时,需要执行指令：create-react-app my-app来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,...

• 2020-05-27

130浏览

0评论

快速解决Vue项目在IE浏览器中显示空白的问题

vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的引入方法：打开packge.json，在dependencies中加...

• 2020-05-27

78浏览

0评论

快速解决vue-cli在ie9+中无效的问题

1、ie9+报错vuex requires a Promise polyfill in this browser.解决如下：npm install --save-dev babel-polyfill或者 cnpm install babel-polyfill -D修改 webpack.base.co...

• 2020-05-27

67浏览

0评论

使用validate.js实现表单数据提交前的验证方法

　　现在是学的ASP.NET，关于表单验证，目前知道的，除了以前那种傻瓜式的每个表单选项都用一个函数去验证之外，有两种方法是比较方便的，今天先介绍一下第一种，在前端实现表单验证的...

• 2020-05-27

65浏览

0评论

在vue项目中引入高德地图及其UI组件的方法

引入高德地图：打开index.html，引用高德地图的JavaScript API：<script type="text/javascript" src="http://webapi.amap.com/maps&#63;v=1.3&key=你的API key"></script>在“ke...

• 2020-05-27

67浏览

0评论

Element UI 自定义正则表达式验证方法

如下所示：//指定数据中心的验证表单valiForm，验证规则rules<el-form :model="valiForm" :rules="rules" ref="valiForm" label-width="100px" class="demo-valiForm"> <el-fo...

• 2020-05-27

66浏览

0评论

vue2中使用sass并配置全局的sass样式变量的方法

Sass语言 Sass是一种强大的css扩展语言（css本身并不是一门语言），它允许你使用变量、嵌套规则、mixins、导入等css没有但开发语言（如Java、C#、Ruby等）有的一些特性，并且完全...

• 2020-05-27

127浏览

0评论

微信小程序的部署方法步骤

部署环境：
jdk1.7 mysql5.6 tomcat7 centos6.51资料准备
1)linux服务器，推荐使用阿里云，这里预算有限，所以使用了香港的低配服务器。
2)域名，这里是在阿里云平台上申请的...

• 2020-05-27

62浏览

0评论

Nodejs使用Mongodb存储与提供后端CRD服务详解

前言众所周知JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。每一种解析...

• 2020-05-27

76浏览

0评论

基于element-ui的rules中正则表达式

在rules中的pattern中写正则表达式<template> <el-form :model="unuseForm" label-position="top" :rules="dialogRules"> <el-form-item label="原因" prop="loseEfficacyR...

• 2020-05-27

95浏览

0评论

vue做移动端适配最佳解决方案(亲测有效)

vw 解决方案
1. 安装并配置PostCss插件
复制代码 代码如下:npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport...

• 2020-05-27

85浏览

0评论

为jquery的ajax请求添加超时timeout时间的操作方法

下面给大家介绍为jquery的ajax请求添加超时timeout时间的实例有时侯要用ajax来轮询某个服务是否可用，但是各个浏览器ajax的超时时间有可能不一样，所以希望ajax能只尝试几秒钟，...

• 2020-05-27

94浏览

0评论

elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)

在做后台管理系统中遇到一个需求, 点击一个按钮可以变换里面字的内容当状态为显示的时候, 该行第一个按钮为隐藏;当状态为隐藏的时候, 该行第一个按钮为显示;具体代码如下:...

• 2020-05-27

92浏览

0评论

Vue表单及表单绑定方法

基础用法可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过...

• 2020-05-27

61浏览

0评论

mpvue写一个CPASS小程序的示例

mpvue 是什么
1、一套定位于开发小程序的前端开发框架，核心目标是提高开发效率，增强开发体验；
2、框架提供了完整的Vue.js 开发体验，开发者编写Vue.js代码，mpvue将其解析转换为小...

• 2020-05-27

87浏览

0评论

微信小程序canvas拖拽、截图组件功能

先看下微信小程序canvas拖拽功能组件地址github.com/jasondu/wx-… readme近期补上实现效果如何实现 使用canvas 使用movable-view标签由于movable-view无法实现旋转，所以...

• 2020-05-27

73浏览

0评论

原生JS实现获取及修改CSS样式的方法

本文实例讲述了原生JS实现获取及修改CSS样式的方法。分享给大家供大家参考，具体如下：大家都知道在JavaScript原生操作中获取元素的样式，在实际操作是使用时比较频繁的一件事，这...

• 2020-05-27

69浏览

0评论

关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)

下面一段代码给大家介绍vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)，具体代码如下所示：<div class="imglist-item" v-for="(items,key) in imgmaterialdial...

• 2020-05-27

83浏览

0评论

JavaScript使用indexOf()实现数组去重的方法分析

本文实例讲述了JavaScript使用indexOf()实现数组去重的方法。分享给大家供大家参考，具体如下：数组去重方法有多中,这里列举出自己认为比较容易理解的方法.思路: 1. 创建一个...

• 2020-05-27

91浏览

0评论

JS中DOM元素的attribute与property属性示例详解

一、'表亲戚':attribute和property
为什么称attribute和property为'表亲戚'呢&#63;因为他们既有共同处,也有不同点.attribute 是 dom 元素在文档中作为 html 标签拥有的属性...

• 2020-05-27

66浏览

0评论

微信小程序内拖动图片实现移动、放大、旋转的方法

屏幕就像是数学上的坐标轴，且在第四象限，以屏幕左上角为圆点，X轴向右为正向左为负，Y轴向下为正向上为负（这点和数学上相反的）以圆点为基点画个距离圆点上下50宽高100的矩形来演示c...

• 2020-05-27

83浏览

0评论

原生JS实现动态加载js文件并在加载成功后执行回调函数的方法

本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法。分享给大家供大家参考，具体如下：有的时候需要动态加载一个javascript文件，并且在加载成功后执行回...

• 2020-05-27