工作中常用到的ES6语法

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

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

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

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

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

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

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

快速解决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...

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

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

在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...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vue表单及表单绑定方法

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

mpvue写一个CPASS小程序的示例

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vue form 表单提交后刷新页面的方法

最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据。下面可以这样解决。1、在methods中 定义好一个初始化渲染实例。例如 lnitializationData(){//初始化页面数...

vue click.stop阻止点击事件继续传播的方法

如下所示:<div id="app"> <div v-on:click="dodo"> <button v-on:click="doThis">阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: "...

JS获取并处理php数组的方法实例分析

本文实例讲述了JS获取并处理php数组的方法。分享给大家供大家参考,具体如下:$music=array();$music['tayler']=array();$music['walker']=array();$music['tayler'][]='ours';...

webpack 3.X学习之多页面打包的方法

简介我们开发不可能只写一个页面,每次都要写很多页面,这时为了开发效率,我们使用前端自动化工具webpack,那么webpack是如何打包页面的呢?又是如何打包多页面的呢?单页面打包我们知...

在AngularJs中设置请求头信息(headers)的方法及不同方法的比较

在AngularJs中有三种方式可以设置请求头信息:1、在http服务的在服务端发送请求时,也就是调用http服务的在服务端发送请求时,也就是调用http()方法时,在config对象中设置请求头信...

element UI upload组件上传附件格式限制方法

如下所示:<el-upload :action="uploadUrl" ref="upload" :multiple="false" :on-change="fileChange" :before-upload="beforeUpload" :on-success="handleAvatarSuccess" :o...

使用elementUI实现将图片上传到本地的示例

查阅饿了吗官方文档可以了解上传组件的使用方法。http://element.eleme.io/#/zh-CN/component/upload前台的页面代码为:
<el-upload class="upload-demo" ref=...

vue2.0 使用element-ui里的upload组件实现图片预览效果方法

1、首先我们在cli中引入element-ui 2、然后在具体的代码中放入uoload组件<el-upload class="upload-demo" action="" :auto-upload='false' :on-change='changeUpload'> <el...

Angular使用cli生成自定义文件、组件的方法

不得不说,和传统的复制黏贴来创建组件的方法相比,使用angular-cli的脚手架功能来创建模块、组件显得非常高效,不仅仅有了创建了文件,还包含了一些必须的代码,同时也将组件导入了...

vue项目在安卓低版本机显示空白的原因分析(两种)

vue项目在安卓低版本机显示空白原因:可能的原因一查看安卓debug,报错,可能有箭头函数语法错误,或者其他语法问题,那可能是ES6语法问题。这时候需要安装babel-pollyfill。网上找到...

element-ui 上传图片后清空图片显示的实例

使用element-ui,使用el-upload上传图片,上传图片后再次打开还是会有原来的图片,想要清空原来上传的图片,只需要在组件上绑定ref,在提交成功后的方法里调用this.$refs.upload.clea...

Vue中android4.4不兼容问题的解决方法

1.npm安装npm install babel-polyfillnpm install es6-promisepackage.json中会出现
"babel-polyfill": "^6.26.0","es6-promise": "^4.1.1",2.main.js引入import 'babel-po...

利用chrome浏览器进行js调试并找出元素绑定的点击事件详解

前言大家有没有遇到这样的一个问题,我们在分析一些大型电子商务平台的Web前端脚本时,想找到一个元素绑定的点击事件,并不是那么容易,因为有些前端脚本封装的比较隐蔽,甚至有些加...

element ui 表格动态列显示空白bug 修复方法

在使用element ui框架进行项目开发的时候,表格的列是根据后台数据动态生成的,但是发现在列刷新的视乎,会出现表格完全空白,没有显示的情况,经过自己编写demo发现,在增加列的情况下...

Vue作用域插槽slot-scope实例代码

vue中的插槽有三种:单个插槽、具名插槽、作用域插槽,这个在官网上能看到(https://cn.vuejs.org/v2/guide/components.html#单个插槽)作用域插槽简单来说就是父组件只管显示样式,...

解决vue 绑定对象内点击事件失效问题

突然的发现某段 html 代码中点击事件失效了。仔细观察才发现,这段代码内的元素都在 vue 绑定对象中。因此失效。解决办法是将绑定对象内的元素点击事件换成 v-on:click。以上...

Vue-Router的使用方法

使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。
路由,其实就是指向的意思,当我点击页面上的home...

vue 监听屏幕高度的实例

项目用vue版本是2.0的,项目中用到es6首先需要在data里面定义页面的高度data (){ return { fullHeight: document.documentElement.clientHeight }}把window.onresize事...

vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法

this.$refs['通过设置ref获取到的dom元素'].getBoundingClientRect();//示例: 获取元素距离顶部的距离this.$refs.journalUpward.getBoundingClientRect().top以上这篇vue获...

ng-events类似ionic中Events的angular全局事件

介绍ng-events 在 Angular 2 以上的版本中使用,类似于 ionic 中的 Events。可以使用 ng-events 注册一个全局事件,然后在需要的时候触发这个事件。GitHub地址快速开始npm inst...

vue中动态添加class类名的方法

vue 动态添加class类名,灵活得让你发狂,下面示例几个<template> <div> <h2>动态添加类名</h2> <!-- 第一种方式:对象的形式 --> <!-- 第一个参数 类名, 第二个参数:bo...

jQuery扩展方法实现Form表单与Json互相转换的实例代码

JQuery笔记记两段代码,使用JQuery实现从表单获取json与后端交互,以及把后端返回的json映射到表单相应的字段上。把表单转换出json对象//把表单转换出json对象 $.fn.toJson =...

快速解决vue动态绑定多个class的官方实例语法无效的问题

首先,直接进入正题,我想要给一个dom绑定多个class,而且是动态绑定,这个时候可以用v-bind简写可以写为“ :”冒号,我查了官方的语法,具体如下:<!-- class 绑定 --><div :class="{ red...

浅谈vue 单文件探索

在很多Vue项目中,我们使用 Vue.component 来定义全局组件,紧接着用new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方案在只是使用 JavaScript 增强某个视...

Vue.js 实现数据展示全部和收起功能

如图所示,当我们获取到数据后每个栏都只显示5条,多出的部分隐藏,点击显示全部将数据都展现出来,如图所示首先我们的数据类型是这样的, tableData: [ { "c...

在vue中给列表中的奇数行添加class的实现方法

---------笔记---------实现效果:给列表中的奇数或偶数添加class//奇数行<ul> <li class="list-item" v-for="(item,index) in data" :class="{'active':index%2 != 1}">{{da...

返回顶部
顶部