130浏览

0评论

解决Vue.js父组件$on无法监听子组件$emit触发事件的问题

最近学习vuejs看例子中用$on无法监听子组件$emit触发事件：使用版本vue.js 2.2.5参考文献1.vuejs API2.解决实例问题分析 1.之前写的自定义组件事件触发为this.$emit("myclick...

• 2020-05-27

77浏览

0评论

详解html-webpack-plugin插件(用法总结)

html-webpack-plugin 插件是用于编译 Webpack 项目中的 html 类型的文件，如果直接将 html 文件置于 ./src 目录中，用 Webpack 打包时是不会编译到生产环境中的。因为 Webpack...

• 2020-05-27

85浏览

0评论

bootstrap table表格插件之服务器端分页实例代码

Bootstrap Table是基于Bootstrap的轻量级表格插件，只需要简单的配置就可以实现强大的支持固定表头、单复选、排序、分页、搜索以及自定义表头等功能。 因公司的项目需要实现...

• 2020-05-27

86浏览

0评论

Vue $emit $refs子父组件间方法的调用实例

1、$emit子组件调用父组件的方法并传递数据注意：子组件标签中的时间也不区分大小写要用“-”隔开子组件：<template> <button @click="emitEvent">点击我</button></template><...

• 2020-05-27

65浏览

0评论

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

63浏览

0评论

对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

104浏览

0评论

详解SPA中前端路由基本原理与实现方式

在讲前端路由之前，先说下后端路由，以及为什么出现了前端路由。
后端路由： 浏览器在地址栏中切换不同的url时，每次都向后台服务器发出请求，服务器响应请求，在后台拼接html文件传给...

• 2020-05-27

72浏览

0评论

angular4中*ngFor不能对返回来的对象进行循环的解决方法

解决方法：可以循环返回的对象，得到对象里每一个key所对应的值，然后把值放到自己定义的一个数组中。例如：tipAttr: any = [];$.each(response.ipCustomer.tip, function(key, val...

• 2020-05-27

87浏览

0评论

Vue弹出菜单功能的实现代码

言归正传我们老样子直接先上效果图再开始今天的分享 这个项目的github可以看一看组件分析 界面组成 逻辑分析 最终实现
界面组成从上图中，我们可以看出界面主要分为menu...

• 2020-05-27

79浏览

0评论

小程序组件之仿微信通讯录的实现代码

最近模仿微信通信录做了个小程序组件，分享给大家，具体如下：效果图因为是使用的手机录屏，视频格式为MP4，上传到文章时发现只支持图片，还好电脑自动录屏功能，所以简单的录制了一下，完...

• 2020-05-27

92浏览

0评论

使用RN Animated做一个“添加购物车”动画的方法

最近在选座的新项目中试用了一下 React Native，熟悉新框架的同时，可以略微将交互效果和 Native 看齐了。分享一下项目本身比较重要的一个交互动画的做法, RT。这次我们就不装...

• 2020-05-27

74浏览

0评论

JS 数组随机洗牌的实例代码

下面通过一段代码给大家介绍js 数组随机洗牌的方法，具体代码如下所示：//先定义一个某数值范围内的随机数function getRandom(min, max) { return Math.floor(Math.random() *...

• 2020-05-27

67浏览

0评论

详解JavaScript中操作符和表达式

一、一元操作符
1.delete操作符
delete 操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放语法：delete expressiondelete 操作符会从某个对象上移除...

• 2020-05-27

98浏览

0评论

如何解决React官方脚手架不支持Less的问题(小结)

说在前面create-react-app 是由 React 官方提供并推荐使用构建新的 React 单页面应用程序的最佳方式，不过目前版本(1.5.x)其构建的项目中默认是不支持动态样式语言Less 的。...

• 2020-05-27

89浏览

0评论

angularjs中判断ng-repeat是否迭代完的实例

angular中的ng-repeat指令会自动迭代数组然后你就可以将这些迭代的数据在页面逐条显示。但是怎样才知道数据迭代完了，其实还是有方法的，今天就介绍一种方法来判断ng-repeat是...

• 2020-05-27

68浏览

0评论

vue服务端渲染缓存应用详解

服务端渲染简介服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是通过服务端渲染来返回的，用 PHP 来说，通常是使用 Smarty 等模板写模板文件，然后 PHP 服务端框架将数据和...

• 2020-05-27

73浏览

0评论

angularjs的单选框+ng-repeat的实现方法

最近在做项目的过程中，要求做一个考试系统，在答题页面涉及到单选框+ng-repeat来实现试卷的展示，做完后将答案传到后台，在这里主要讲下单选框+ng-repeat的几个要点前台代码如下：<d...

• 2020-05-27

71浏览

0评论

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

65浏览

0评论

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

162浏览

0评论

详解js中Array的方法及技巧

JS Array的一些方法在实际中很常用，这里整理记录下来，一是为了常常回顾，二也是方便大家Mapmap():返回一个新的Array，每个元素为调用function的结果语法: array.map(function(cur...

• 2020-05-27

74浏览

0评论

区别JavaScript函数声明与变量声明

今天，又由一到题目引发了一场我跟JS基础的较量：首先是var getName = function(){alert(1)};function getName(){alert(2)};getName();// 1orfunction getName(){alert(2)};var...

• 2020-05-27

75浏览

0评论

vue仿element实现分页器效果

1 .起因今日看完element中分页器的源码实现,比较简单,遂自己按着理解实现了一个简单的分页器,记录下来,以便日后温习.2.实现难点分页器的实现难点主要是什么时候显示分页器...

• 2020-05-27

69浏览

0评论

JavaScript数组方法的错误使用例子

1. 不要使用Array.indexOf，使用Array.includes“如果你要在数组中查找元素，使用Array.indexOf!”。记得在我学习JavaScript课程时候，有这样一句话。这句话没错，确实可以这么使用...

• 2020-05-27

68浏览

0评论

vue.js单文件组件中非父子组件的传值实例

最近在研究vue.js，总体来说还算可以，但是在web开发群里有一些人问在单文件组件开发模式中非父子组件如何传值的问题，今天在这里讲讲，希望对大家有所帮助！在官网api中的这段讲解很...

• 2020-05-27

95浏览

0评论

通过vue-cli3构建一个SSR应用程序的方法

1、前沿
1.1、什么是SSR
SSR（服务端渲染）顾名思义就是将页面在服务端渲染完成后在客户端直接展示。1.2、客户端渲染与服务端渲染的区别 传统的SPA模式即客户端渲染的模式 Vue...

• 2020-05-27

74浏览

0评论

Vue-不允许嵌套式的渲染方法

当存在有两个元素作为需要VUE渲染的对象是，这两个对象不允许存在嵌套关系，比如有 id='a'和 od='b'这两个元素 当<div id='a'> {{message}}<div id='b'> {{message1}} </div></...

• 2020-05-27

76浏览

0评论

解决vuejs项目里css引用背景图片不能显示的问题

解决：build->utils.js里，修改：增加publicPath:'../../',if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', fallback: 'vue...

• 2020-05-27

93浏览

0评论

vue 刷新之后 嵌套路由不变 重新渲染页面的方法

解决嵌套路由刷新时，路由没有变化，正常情况下页面是不会重新渲染的1、在router-view中加上条件渲染 v-if 默认为true。让它显示出来2、写写一个reload方法，在页面刷新只有，点击...

• 2020-05-27

51浏览

0评论

详解React中传入组件的props改变时更新组件的几种实现方法

我们使用react的时候常常需要在一个组件传入的props更新时重新渲染该组件，常用的方法是在componentWillReceiveProps中将新的props更新到组件的state中（这种state被成为派生状...

• 2020-05-27

94浏览

0评论

详解如何在微信小程序开发中正确的使用vant ui组件

微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲...

• 2020-05-27

99浏览

0评论

vue vue-Router默认hash模式修改为history需要做的修改详解

主要是因为活动页会存在pc端的时候未登录的用户也需要访问的问题，因为未登录用户在活动页面进行操作的时候会触发到登录事件，然后我们实现的方式是通过接口来判断，该接口标记的...

• 2020-05-27

57浏览

0评论

vue动态改变背景图片demo分享

如下所示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/vue.js" ></script><style>#bag{width: 200px;height...

• 2020-05-27

116浏览

0评论

node中的cookie的具体使用

为什么需要cookie我们知道http是无状态的协议，无状态是什么意思呢？
我来举一个小例子来说明：比如小明在网上购物，他浏览了多个页面，购买了一些物品，这些请求在多次连接中完成，如果...

• 2020-05-27

87浏览

0评论

Vue点击切换颜色的方法

如下所示：<template> <div> <div v-for="(list,index) in siYuan" class="aa" :class="{ red:changeRed == index}" @click="change(index)">{{list.a}}</div> </div></temp...

• 2020-05-27

64浏览

0评论

vue interceptor 使用教程实例详解

二次封装axios，根据参数来实现多个请求多次拦截1. 新建 axiosTool.js 文件，设置请求拦截和处理的逻辑import Vue from 'vue'import axios from 'axios'//取消请求let CancelTo...

• 2020-05-27

56浏览

0评论

ios设备中angularjs无法改变页面title的解决方法

如下所示：$rootScope.$watch('title',function(title){ var body = document.getElementsByTagName('body')[0]; document.title = title; var iframe = document.createElem...

• 2020-05-27

76浏览

0评论

vue的全局变量和全局拦截请求器的示例代码

做的产品证书管理系统使用的是VueJs和ElementUI，现将遇到的一些知识点记录一下。VUe全局变量的实现
全局变量专用模块Global.vue是以一个特定模块来组织管理全局变量，需要引用...

• 2020-05-27

60浏览

0评论

在vue中使用vue-echarts-v3的实例代码

特征&#8226;轻量，高效，按需绑定事件
&#8226;支持按需导入ECharts.js图表&#8203;&#8203;和组件
&#8226;支持组件调整大小事件自动更新视图一、安装npm install --save echarts...

• 2020-05-27

59浏览

0评论

AngularJS修改model值时,显示内容不变的实例

一段很简单的AngularJs代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></scri...

• 2020-05-27

70浏览

0评论

mpvue中使用flyjs全局拦截的实现代码

我们安装好flyio之后npm install flyio找到src目录下的main.js文件首先引入flyjs并实例化var Fly=require("flyio/dist/npm/wx")var fly=new Fly比方说我们每次请求我们自己...

• 2020-05-27

65浏览

0评论

解决angular2在双向数据绑定时[(ngModel)]无法使用的问题

angular2在双向数据绑定时[(ngModel)]无法使用，出现的错误是：Can't bind to 'ngModel' since it isn't a known property of 'input'.解决办法：在文件 app.component.ts 中引入...

• 2020-05-27

59浏览

0评论

在小程序/mpvue中使用flyio发起网络请求的方法

Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它，您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中...

• 2020-05-27

53浏览

0评论

Angularjs之ngModel中的值验证绑定方法

众所周知，在Angular中ngModel为动态双向绑定，存在两种方式。例如，方式一：在html中，<input type="text" ng-model="searchText" /><button ng-click="check(searchText)">Check!</...

• 2020-05-27

60浏览

0评论

Vue中使用 setTimeout() setInterval()函数的问题

在vue点击事件调用函数的过程中，想通过 setTimeout() setInterval()函数来延迟修改参数时，发现函数没有执行，控制台也没有报错，代码如下：var vm_target = new Vue({ el: '...

• 2020-05-27

54浏览

0评论

nodejs中express入门和基础知识点学习

初始化新建一个目录myapp，项目初始化$ npm init安装express $ npm install express --save创建一个hello world实例 进入myapp目录，创建一个名为app.jsvar express = require(...

• 2020-05-27

74浏览

0评论

详解webpack 热更新优化

前言随着项目的界面越来越多，webpack的热更新越来越慢，有时会达到5,7s之久，这对于开发效率影响是非常巨大的。分析过程于是今天就针对这个分析了一下热更新慢的原因，步骤如下首...

• 2020-05-27

49浏览

0评论

详解react内联样式使用webpack将px转rem

背景
在开发react项目时，很多时候我们把style写在css、less、scss里，经过像postcss这样的配置处理，但有没有这样一种需求呢，像有些样式我们直接写在xml标签上style里，然后也能进...

• 2020-05-27

45浏览

0评论

vue项目开发中setTimeout等定时器的管理问题

一、问题来源。在项目中，我们经常有这样的需求，一个页面初始化后，需要不断的去请求后端，来获取当前某个记录的最新状态。显然，这个可以用setTimeout以及回调中继续setTimeout来实...

• 2020-05-27

86浏览

0评论

webpack实现一个行内样式px转vw的loader示例

需求
自从有了postcss来处理css文件，我们可以快速进行网站适配的开发，只需要改改参数，样式按照设计稿的px写，webpack编译自动转换成rem或者vw等。但是，标签内的px怎么办呢？postcss...

• 2020-05-27

75浏览

0评论

解决angularjs WdatePicker ng-model的问题

假设我们在项目中需要用到WdatePicker以及angularjs，并有如下的代码：<div> <div class="h4">ddd</div> <input class="form-control" type="text" ng-model="text.ddd" readon...

• 2020-05-27