编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

43浏览

0评论

vue二级菜单导航点击选中事件的方法

因为没有使用vue做一个真正完整的项目，所以乘着这个项目比较闲的时间，对标项目用vue做一些页面，丰富自己的项目经验。所以接下来基本都是一些简单的功能。目标：一级导航点击收缩...

2020-05-27 04:47:02

101浏览

0评论

浅谈webpack4 图片处理汇总

本次课程的代码目录(如下图所示)：>>> 本节课源码 >>> 所有课程源码本节课会讲述 webpack4 中的图片常用的基础操作：图片处理和 Base64编码图片压缩合成雪碧图1. 准备...

2020-05-27 04:47:01

83浏览

0评论

在Vue中获取组件声明时的name属性方法

在实际开发中，我们可能需要拿到组件声明时创建的一些属性，比较典型的话就是name属性，在实际开发中需要定位问题时，需要找到是哪一个组件，但是我们总不可能写代码的时候去先找到组...

2020-05-27 04:46:59

142浏览

0评论

使用vue点击li,获取当前点击li父辈元素的属性值方法

vue实现加载并展示后台数据的tab选项卡vue用于渲染页面jquery用于方法实现动态效果<div class="content">  <select v-on:change="getDa...

2020-05-27 04:46:58

52浏览

0评论

React 项目迁移 Webpack Babel7的实现

不久前写了一篇webpack 4 升级迁移这里简单说下 React 项目的一些配置；首先我们新建项目 react-web ，然后进入项目初始化 package.json ；cd react-web && npm init接下来我们...

2020-05-27 04:46:57

78浏览

0评论

webpack4 升级迁移的实现

好久不看 webpack 已经从 3到4了，其实很早到今年2月份就开始发布 webpack 4 的 beta 版本；每一次 webpack 的升级都还是建议阅读下《webpack 4: released today! - Sean T. L...

2020-05-27 04:46:56

63浏览

0评论

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 04:46:56

87浏览

0评论

Vue.js 十五分钟入门图文教程

TypeScript 为 JavaScript 带来静态类型检查，让 JavaScript 编写中大型应用的时候可以应用工具来避免部分错误。Vue 很早就支持 TypeScript，但配置起来比较麻烦，幸好有了 Vue C...

2020-05-27 04:46:55

172浏览

0评论

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 04:46:49

125浏览

0评论

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

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

2020-05-27 04:46:48

67浏览

0评论

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

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

2020-05-27 04:46:47

78浏览

0评论

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

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

2020-05-27 04:46:46

79浏览

0评论

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

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

2020-05-27 04:46:45

58浏览

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 04:46:44

58浏览

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 04:46:43

98浏览

0评论

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

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

2020-05-27 04:46:42

62浏览

0评论

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

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

2020-05-27 04:46:41

74浏览

0评论

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

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

2020-05-27 04:46:40

72浏览

0评论

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

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

2020-05-27 04:46:39

78浏览

0评论

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

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

2020-05-27 04:46:37

67浏览

0评论

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

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

2020-05-27 04:46:32

58浏览

0评论

详解JavaScript中操作符和表达式

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

2020-05-27 04:46:31

92浏览

0评论

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

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

2020-05-27 04:46:29

81浏览

0评论

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

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

2020-05-27 04:46:28

54浏览

0评论

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

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

2020-05-27 04:46:27

64浏览

0评论

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

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

2020-05-27 04:46:26

65浏览

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 04:46:26

57浏览

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 04:46:25

149浏览

0评论

详解js中Array的方法及技巧

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

2020-05-27 04:46:24

60浏览

0评论

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

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

2020-05-27 04:46:23

67浏览

0评论

vue仿element实现分页器效果

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

2020-05-27 04:46:22

60浏览

0评论

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

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

2020-05-27 04:46:21

60浏览

0评论

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

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

2020-05-27 04:46:20

85浏览

0评论

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

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

2020-05-27 04:46:19

66浏览

0评论

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

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

2020-05-27 04:46:18

66浏览

0评论

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

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

2020-05-27 04:46:17

82浏览

0评论

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

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

2020-05-27 04:46:16

45浏览

0评论

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

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

2020-05-27 04:46:15

85浏览

0评论

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

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

2020-05-27 04:46:14

85浏览

0评论

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

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

2020-05-27 04:46:12

51浏览

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 04:46:11

108浏览

0评论

node中的cookie的具体使用

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

2020-05-27 04:46:10

81浏览

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 04:46:09

55浏览

0评论

vue interceptor 使用教程实例详解

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

2020-05-27 04:46:08

50浏览

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 04:46:07

68浏览

0评论

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

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

2020-05-27 04:46:06

51浏览

0评论

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

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

2020-05-27 04:46:05

49浏览

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 04:46:04

58浏览

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 04:46:03

55浏览

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 04:46:02

首页 «1352 135313541355 1356 »尾页

热门文章