vue+axios+element ui 实现全局loading加载示例
实现全局loading加载分析需求，我们只需要在请求发起的时候开始loading，响应结束的时候关闭loading，就这么简单 对不对？import axios from 'axios';import { Message, Loading }...
2020-05-27
vue webpack多页面构建的实例代码第1/3页
项目示例地址： https://github.com/ccyinghua/webpack-multipage项目运行:下载项目之后# 下载依赖npm install# 运行npm run devhttp://localhost:3000/login.htmlhttp://loc...
2020-05-27
使用vue.js在页面内组件监听scroll事件的方法
思路：scroll在哪儿个组件内，就在获取那个dom元素。网上好多思路是window.addEventListener("scroll", function(){ console.log('scrolling'); });这是监听不到的！如果你整个...
2020-05-27
Vue项目数据动态过滤实践及实现思路
这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如 $mount...
2020-05-27
vue 使用html2canvas将DOM转化为图片的方法
一、前言
我发现将DOM转化为图片是一个非常常见的需求，而自己手动转是非常麻烦的，于是找到了html2canvas这个插件，既是用得比较多的也是维护得比较好的一个插件。注意：版本比较...
2020-05-27
js监听html页面的上下滚动事件方法
最近在一个项目中，在写前端页面的时候，想像以前做Android时在页面时刻监听上下滚动的事件，查找资料发现由鼠标或类似用户动作触发的事件有以下图示：不多说了，直接上代码了，经过测...
2020-05-27
vue axios数据请求get、post方法及实例详解
我们常用的有get方法以及post方法，下面简单的介绍一下这两种请求方法vue中使用axios方法我们先安装axios这个方法npm install --save axios安装之后采用按需引入的方法，哪个页...
2020-05-27
vue中的watch监听数据变化及watch中各属性的详解
首先确认 watch是一个对象，一定要当成对象来用。
对象就有键，有值。
键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。
值可以是...
2020-05-27
VUE 实现滚动监听 导航栏置顶的方法
HTML非重点的代码，比如样式啥的，我就不放上来了，一笔带过简略的写一下html代码，可以对照文章最后的效果图看，应该不难理解
<div :style="{ paddingBottom: paddingBottom}"> <hea...
2020-05-27
vue项目中使用tinymce编辑器的步骤详解
Tinymce富文本也是一款很流行编辑器 把文件放在static下，然后在index.html文件中引入这个文件 <script src="static/tinymce/tinymce.min.js"></script><tinymce :h...
2020-05-27
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
就在昨天，微信宣布了微信小程序开发者工具新增“云开发”功能下载最新的开发者工具，现在无需服务器即可实现小程序的快速迭代！分类功能和搜素功能的效果图1.首页分类功能的实现...
2020-05-27
微信小程序实现tab左右切换效果
本文实例为大家分享了微信小程序实现tab左右切换展示的具体代码，供大家参考，具体内容如下
分析1、设置data-current属性用于：点击当前项时，通过点击事件swichNav中处理e.dataset...
2020-05-27
React router动态加载组件之适配器模式的应用详解
前言本文讲述怎么实现动态加载组件，并借此阐述适配器模式。一、普通路由例子
import Center from 'page/center';import Data from 'page/data';function App(){ return ( <...
2020-05-27
JS中判断字符串存在和非空的方法
看到这个题目你是怎么想的呢？这个很简单啊，typeof 一下，再判断length。if(typeof unknownVariable ==='string' && unknownVariable.length){ ... }搞定了吗？如果这个字符串是...
2020-05-27
jquery 动态遍历select 赋值的实例
获取select 选中的值：$("#selDepUnit").children('option:selected').val();Ajax 动态为select赋值：$.ajax({ type: "POST", url: "/department/findDepByPid", data:"pid=...
2020-05-27
vue this.reload 方法 配置
1.场景在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.relo...
2020-05-27
vue二级菜单导航点击选中事件的方法
因为没有使用vue做一个真正完整的项目，所以乘着这个项目比较闲的时间，对标项目用vue做一些页面，丰富自己的项目经验。所以接下来基本都是一些简单的功能。目标：一级导航点击收缩...
2020-05-27
浅谈webpack4 图片处理汇总
本次课程的代码目录(如下图所示)：>>> 本节课源码 >>> 所有课程源码 本节课会讲述 webpack4 中的图片常用的基础操作： 图片处理 和 Base64编码 图片压缩 合成雪碧图1. 准备...
2020-05-27
在Vue中获取组件声明时的name属性方法
在实际开发中，我们可能需要拿到组件声明时创建的一些属性，比较典型的话就是name属性，在实际开发中需要定位问题时，需要找到是哪一个组件，但是我们总不可能写代码的时候去先找到组...
2020-05-27
使用vue点击li,获取当前点击li父辈元素的属性值方法
vue实现加载并展示后台数据的tab选项卡vue用于渲染页面jquery用于方法实现动态效果<div class="content"> <!-- change方法, 数值改变触发 --> <select v-on:change="getDa...
2020-05-27
React 项目迁移 Webpack Babel7的实现
不久前写了一篇webpack 4 升级迁移 这里简单说下 React 项目的一些配置；首先我们新建项目 react-web ，然后进入项目初始化 package.json ；cd react-web && npm init接下来我们...
2020-05-27
webpack4 升级迁移的实现
好久不看 webpack 已经从 3到4了，其实很早到今年2月份就开始发布 webpack 4 的 beta 版本；每一次 webpack 的升级都还是建议阅读下 《webpack 4: released today! - Sean T. L...
2020-05-27
Vue通过ref父子组件拿值方法
父拿子的值<!doctype html><html><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.3.2/vue.min.js"></script></head><body><div id="box"> <v-...
2020-05-27
Vue.js 十五分钟入门图文教程
TypeScript 为 JavaScript 带来静态类型检查，让 JavaScript 编写中大型应用的时候可以应用工具来避免部分错误。Vue 很早就支持 TypeScript，但配置起来比较麻烦，幸好有了 Vue C...
2020-05-27
vue elementUI tree树形控件获取父节点ID的实例
首先找到element-ui.common.js文件 如下 具体看你工程下的node_modulesD:\workSpace\vue_manage\node_modules\element-ui\lib\element-ui.common.js找到getCheckedNodes该...
2020-05-27
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
最近学习vuejs看例子中用$on无法监听子组件$emit触发事件：使用版本vue.js 2.2.5参考文献1.vuejs API2.解决实例问题分析 1.之前写的自定义组件事件触发为this.$emit("myclick...
2020-05-27
详解html-webpack-plugin插件(用法总结)
html-webpack-plugin 插件是用于编译 Webpack 项目中的 html 类型的文件，如果直接将 html 文件置于 ./src 目录中，用 Webpack 打包时是不会编译到生产环境中的。因为 Webpack...
2020-05-27
bootstrap table表格插件之服务器端分页实例代码
Bootstrap Table是基于Bootstrap的轻量级表格插件，只需要简单的配置就可以实现强大的支持固定表头、单复选、排序、分页、搜索以及自定义表头等功能。 因公司的项目需要实现...
2020-05-27
Vue $emit $refs子父组件间方法的调用实例
1、$emit子组件调用父组件的方法并传递数据注意：子组件标签中的时间也不区分大小写要用“-”隔开子组件：<template> <button @click="emitEvent">点击我</button></template><...
2020-05-27
vue-cli 使用axios的操作方法及整合axios的多种方法
1.创建vue脚手架vue init webpack demo2.cd 项目根目录，再安装axiosnpm install axios -S3.在main.js中//把axios赋值到vue的原型上，方便调用Vue.prototype.$http = axios4.在...
2020-05-27
对angular2中的ngfor和ngif指令嵌套实例讲解
ng2 结构指令不能直接嵌套使用，可使用标签来包裹指令示例如下<ul><ng-container *ngFor="let item of lists"><div class="thumb p-date" *ngIf="item.picurl"><a href="# "...
2020-05-27
详解SPA中前端路由基本原理与实现方式
在讲前端路由之前，先说下后端路由，以及为什么出现了前端路由。
后端路由： 浏览器在地址栏中切换不同的url时，每次都向后台服务器发出请求，服务器响应请求，在后台拼接html文件传给...
2020-05-27
angular4中*ngFor不能对返回来的对象进行循环的解决方法
解决方法：可以循环返回的对象，得到对象里每一个key所对应的值，然后把值放到自己定义的一个数组中。例如：tipAttr: any = [];$.each(response.ipCustomer.tip, function(key, val...
2020-05-27
Vue弹出菜单功能的实现代码
言归正传我们老样子直接先上效果图再开始今天的分享 这个项目的github可以看一看组件分析 界面组成 逻辑分析 最终实现
界面组成从上图中，我们可以看出界面主要分为menu...
2020-05-27
小程序组件之仿微信通讯录的实现代码
最近模仿微信通信录做了个小程序组件，分享给大家，具体如下：效果图因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完...
2020-05-27
使用RN Animated做一个“添加购物车”动画的方法
最近在选座的新项目中试用了一下 React Native，熟悉新框架的同时，可以略微将交互效果和 Native 看齐了。分享一下项目本身比较重要的一个交互动画的做法, RT。这次我们就不装...
2020-05-27
JS 数组随机洗牌的实例代码
下面通过一段代码给大家介绍js 数组随机洗牌的方法，具体代码如下所示：//先定义一个某数值范围内的随机数function getRandom(min, max) { return Math.floor(Math.random() *...
2020-05-27
详解JavaScript中操作符和表达式
一、一元操作符
1.delete操作符
delete 操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放语法：delete expressiondelete 操作符会从某个对象上移除...
2020-05-27
如何解决React官方脚手架不支持Less的问题(小结)
说在前面create-react-app 是由 React 官方提供并推荐使用构建新的 React 单页面应用程序的最佳方式，不过目前版本(1.5.x)其构建的项目中默认是不支持动态样式语言Less 的。...
2020-05-27
angularjs中判断ng-repeat是否迭代完的实例
angular中的ng-repeat指令会自动迭代数组然后你就可以将这些迭代的数据在页面逐条显示。但是怎样才知道数据迭代完了，其实还是有方法的，今天就介绍一种方法来判断ng-repeat是...
2020-05-27
vue服务端渲染缓存应用详解
服务端渲染简介服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是通过服务端渲染来返回的，用 PHP 来说，通常是使用 Smarty 等模板写模板文件，然后 PHP 服务端框架将数据和...
2020-05-27
angularjs的单选框+ng-repeat的实现方法
最近在做项目的过程中，要求做一个考试系统，在答题页面涉及到单选框+ng-repeat来实现试卷的展示，做完后将答案传到后台，在这里主要讲下单选框+ng-repeat的几个要点前台代码如下：<d...
2020-05-27
angularjs下ng-repeat点击元素改变样式的实现方法
1.一个angularjs的学习，了解ng-class的使用技巧；2.代码：html： <div ng-repeat='myimg in myimgs'> <img ng-src="{{myimg}}" ng-click="fabricChoose($index)" ng-class="{fa...
2020-05-27
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
页面代码：<!-- 弹出层 --><section class="popup-bg" ng-if="IsActive"> <div class="popup-box phone-detail"> <div class="popup-title popup-detail-title">通讯录 <i...
2020-05-27
详解js中Array的方法及技巧
JS Array的一些方法在实际中很常用，这里整理记录下来，一是为了常常回顾，二也是方便大家Mapmap():返回一个新的Array，每个元素为调用function的结果语法: array.map(function(cur...
2020-05-27
区别JavaScript函数声明与变量声明
今天，又由一到题目引发了一场我跟JS基础的较量：首先是var getName = function(){alert(1)};function getName(){alert(2)};getName();// 1orfunction getName(){alert(2)};var...
2020-05-27
vue仿element实现分页器效果
1 .起因今日看完element中分页器的源码实现,比较简单,遂自己按着理解实现了一个简单的分页器,记录下来,以便日后温习.2.实现难点分页器的实现难点主要是什么时候显示分页器...
2020-05-27
JavaScript数组方法的错误使用例子
1. 不要使用Array.indexOf，使用Array.includes“如果你要在数组中查找元素，使用Array.indexOf!”。记得在我学习JavaScript课程时候，有这样一句话。这句话没错，确实可以这么使用...
2020-05-27
vue.js单文件组件中非父子组件的传值实例
最近在研究vue.js，总体来说还算可以，但是在web开发群里有一些人问在单文件组件开发模式中非父子组件如何传值的问题，今天在这里讲讲，希望对大家有所帮助！在官网api中的这段讲解很...
2020-05-27
通过vue-cli3构建一个SSR应用程序的方法
1、前沿
1.1、什么是SSR
SSR（服务端渲染）顾名思义就是将页面在服务端渲染完成后在客户端直接展示。1.2、客户端渲染与服务端渲染的区别 传统的SPA模式即客户端渲染的模式 Vue...
2020-05-27
