编程开发 - 教程之家

编程开发

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

72浏览

0评论

详解vuex的简单使用

1 目录的配置
根据官方推荐在src目录里面创建store目录2 创建store里面的文件
根据官方推荐创建 actions.js, getters.js,index.js, mutations.js, mutations-types.js, sta...

2020-05-27 08:02:21

80浏览

0评论

vue移动UI框架滑动加载数据的方法

前言
在我们移动端还有一个很常用的组件，那就是滑动加载更多组件。平常我们看到的很多插件实现相当复杂就觉得这个组件很难，其实不是的！！这个组件其实可以很简单的就实现出来，而...

2020-05-27 08:02:20

66浏览

0评论

vue路由懒加载的实现方法

本文介绍了vue的路由懒加载，分享给大家，具体如下：
我们可以把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。 component可以是一个箭头函数，我...

2020-05-27 08:02:19

73浏览

0评论

AngularJS对动态增加的DOM实现ng-keyup事件示例

我们经常在网页中看到这种形式的内容，如图：用鼠标点击一下，就变成了一个input，如图：如果未输入内容，并且鼠标离开后，则变回了原来的样子；如果输入了内容，即使鼠标离开，也保持内容不变，...

2020-05-27 08:02:17

76浏览

0评论

webpack打包js的方法

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。在代码实践之前，先说一写webpack的基础知识。...

2020-05-27 08:02:16

43浏览

0评论

vue 简单自动补全的输入框的示例

实现一个输入框，输入信息后显示由后台返回的数据，供用户选择，之前用的elm的组件，不过那个有点大。。。简单的情况下自己实现一个也能满足要求。。。应该吧。。。主题包括一个inp...

2020-05-27 08:02:15

63浏览

0评论

angular5 httpclient的示例实战

从angular 4.3.0 以后的版本开始使用httpclient，替换了之前的http，引用的包路径已经变为了angular/common/http了
一个基础的 httpclient 样例import { Injectable } from '@a...

2020-05-27 08:02:14

65浏览

0评论

解决vue多个路由共用一个页面的问题

在日常的vue开发中我们可能会遇见多个路由需要共用一个页面的需求，特别是当路由是通过动态添加的，不同的路由展示的东西只是数据不同其他没有变化。例如：let routes = [ {path...

2020-05-27 08:02:13

108浏览

0评论

vue 多入口文件搭建 vue多页面搭建的实例讲解

红色为更改后的不同之处vue 多入口文件搭建在webpack.base.conf中修改varpath = require('path')varconfig = require('../config')varutils = require('./utils')varprojec...

2020-05-27 08:02:12

43浏览

0评论

一种angular的方法级的缓存注解（装饰器）

使用es6中装装饰器能做很多事情，今天分享一种在angular使用装饰器进行方法调用缓存的功能。应用场景是这样的，在前端工作中，会有一些经常使用的方法经常被调用，但是这些方法每次...

2020-05-27 08:02:11

65浏览

0评论

解决vue 路由变化页面数据不刷新的问题

每天记录一点点，把我遇到的问题记录下来，希望可以帮助到更多和我遇到同样问题的人。问题描述：通过调接口，动态显示帮助页面的问题列表，问题列表有多级，当点击的这个问题没有下一...

2020-05-27 08:02:09

70浏览

0评论

解决vue单页使用keep-alive页面返回不刷新的问题

使用vue单页开发项目时遇到一个很恶心的问题：在列表页点击一条数据进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查阅了一下相关问题，使用<keep-alive>解决这个...

2020-05-27 08:02:09

45浏览

0评论

解决vue页面刷新或者后退参数丢失的问题

在toB的项目中，会经常遇到列表数据筛选查询的情景，当要打开某一项的详情页或者暂时离开列表页，再返回（后退时），选择的筛选条件会全部丢失，辛辛苦苦选择好的条件全没了，还得重新选择，...

2020-05-27 08:02:08

242浏览

0评论

Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解

1.Ionic3.x中页面(组件)之间正向传值方式？
这里所说的正向传值指的是如有两个页面，我们简称页面A 和页面B,正向指的是A跳转到B,比如一个商品跳转这个商品的详情页面。正向传...

2020-05-27 08:02:06

59浏览

0评论

vue页面离开后执行函数的实例

如下所示：destroyed: function () { console.log("我已经离开了！"); this.doSomething(); },说明：destroyed是与methods、mounted同层级的以上这篇vue页面离开后执行函数的实...

2020-05-27 08:02:05

66浏览

0评论

vue轮播图插件vue-concise-slider的使用

vue-concise-slidervue-concise-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端版本v2.4.7 支持vue2.0+特点简单配置轻量 (~24kB...

2020-05-27 08:02:04

75浏览

0评论

vue加载自定义的js文件方法

在做项目中需要自定义弹出框。就自己写了一个。效果图遇见的问题怎么加载自定义的js文件vue-插件这必须要看。然后就是自己写了。export default{ install(Vue){ var tpl;...

2020-05-27 08:02:03

62浏览

0评论

Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解

1.Ionic3.x 页面正向传值
关于正向传值，上一篇文章里面有讲，具体可以看这里：https://www.freexyz.cn/article/136302.htm2.Ionic3.x 页面 pop反向传值,主要有两种方式 1 .利...

2020-05-27 08:02:02

95浏览

0评论

基于vue中css预加载使用sass的配置方式详解

1.安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass2.在build文件夹下的webpack.base.conf.js的rules里...

2020-05-27 08:02:00

59浏览

0评论

微信小程序中实现手指缩放图片的示例代码

公司开发微信小程序，pm想实现如下需求：
用手指缩放图片。其实在实现这个需求以前，并不知道，微信公众号以及微信小程序里面有一个原生的api就自带这个特效，而且微信朋友圈也是用的...

2020-05-27 08:01:59

73浏览

0评论

基于vue.js实现的分页

本文主要介绍基于vue的分页原生写法。先po上效果图：html部分，将page作为一个单独的组件<script type="text/x-template" id="page"> <ul class="pagination"> <li v-show="...

2020-05-27 08:01:57

87浏览

0评论

浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

vue-cli中已经内置配置好了sass 以及lass的配置。如果需要的话直接下载两个模块就可以了,webpack它会根据 lang 属性自动用适当的加载器去处理。如果需要使用sass，则安装：npm...

2020-05-27 08:01:55

63浏览

0评论

解决vue-cli创建项目的loader问题

在使用vue-cli项目创建项目中，使用sass等预编译css语言时，不需要在config中配置，只需要在项目中安装相应loader即可。例如： 1、在项目中使用sass$ npm i node-sass -D$ npm i sa...

2020-05-27 08:01:54

106浏览

0评论

vue-cli脚手架引入图片的几种方法总结

我个人常用的方法，一直在摸索更好的方法，如果各位大佬有什么建议，可以给我评论留言哦1、import方法第一步：在.vue文件中import edit from 'path'（path是图片与.vue的相对路径）第二...

2020-05-27 08:01:52

81浏览

0评论

用vue写一个仿简书的轮播图的示例代码

1.先展示最终效果：2.解决思路
Vue的理念是以数据驱动视图，所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式，只需改变每张图片的class即可实现轮播效果。动画效果...

2020-05-27 08:01:47

69浏览

0评论

vue-cli脚手架config目录下index.js配置文件的方法

此文章介绍vue-cli脚手架config目录下index.js配置文件1、此配置文件是用来定义开发环境和生产环境中所需要的参数2、关于注释当涉及到较复杂的解释我将通过标识的方式(如（1）)...

2020-05-27 08:01:28

78浏览

0评论

setTimeout时间设置为0详细解析

前言本文主要给大家介绍了关于setTimeout时间设置为0的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。1、开胃菜，setTimeout为何物
首先看一下w3sch...

2020-05-27 08:01:26

53浏览

0评论

JS实现的集合去重，交集，并集，差集功能示例

本文实例讲述了JS实现的集合去重，交集，并集，差集功能。分享给大家供大家参考，具体如下：1. js 实现数组的集合运算为了方便测试我们这里使用nodejs，代码如set_operation.jsfunction...

2020-05-27 08:01:24

68浏览

0评论

Bootstrap 中data-[*] 属性的整理

【1 data-属性】data属性是HTML5的新属性。允许开发者自由为其标签添加属性.存储数据，这种自定义属性一般用“data-”开头。存储的（自定义）数据能够被页面的 JavaScript 中利用...

2020-05-27 08:01:21

58浏览

0评论

基于Axios 常用的请求方法别名(详解)

Axios是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。常用的请求方法别名一般有: Get/post/http协议请求执行Get请求function get(){ return axios.get('/data...

2020-05-27 08:01:17

90浏览

0评论

使用Vuex实现一个笔记应用的方法

最近开始着手学习 Vue，先大略的过了一遍官方文档，跟着敲过一部分官方文档中的 DEMO，然而还是不甚了了。在网上找到了一个入门的笔记应用，即便是入门级的应用，在学习途中依旧困难...

2020-05-27 08:01:13

80浏览

0评论

vue2.0 根据状态值进行样式的改变展示方法

用户在进行流程操作的时候，一般分为进行中，未开始，已完成，前端页面就要进行相应的状态区分展示。这里测试的是背景颜色区分。demo：<span class="contract-span" :class="statusTe...

2020-05-27 08:01:12

96浏览

0评论

vue2.0 实现页面导航提示引导的方法

用户在进行一些新的操作流程时，提供一些导航流程也是必要的。项目中采用的是iview 的对话框进行实现的。demo： <Modal v-if="modalOFF === 1"> <p>这里是对话框一</p> <but...

2020-05-27 08:01:10

86浏览

0评论

Vue2.0 给Tab标签页和页面切换过渡添加样式的方法

使用vue-router构建单页应用时，如何给当前页面的标签页添加样式呢？1.在app.vue文件中你的nav中添加路由地址2.依然在app.vue文件中，添加样式不用在任何位置加class，只要在css中...

2020-05-27 08:01:09

59浏览

0评论

vue toggle做一个点击切换class(实例讲解)

实例如下所示：<template> <div> <span :class="{'bg-primary text-danger':isA,'bg-success text-white':!isA}" @click="toggle()">AAAAA</span> </div></template><sc...

2020-05-27 08:01:08

81浏览

0评论

聊聊JS动画库 Velocity.js的使用

前言又到了炎热的7月，很久没有更新技术文章了，原因是上月月底实习结束，从公司离职。然后最近在弄自己的项目和考驾照，为了下次公司的应聘做准备，送别了女朋友到外地，哩哩啦啦半个...

2020-05-27 08:01:06

87浏览

0评论

vue页面切换到滚动页面显示顶部的实例

在用mint ui写移动端从'listview'跳转到详情页时,详情页面由于大于手机高度可以滚动,当点击'listview'滚动list进入详情页面时发现详情页面不是从顶部开始显示。一、目标：‘l...

2020-05-27 08:01:04

43浏览

0评论

vue 过滤器filter实例详解

vue的过滤器一般在JavaScript 表达式的尾部，由“|”符号指示：过滤器可以让我们的代码更加优美，一般可以用在时间格式化，首字母大写等等。例如：{{ date | dateFormat }}这是过滤器...

2020-05-27 08:01:03

89浏览

0评论

基于datepicker定义自己的angular时间组件的示例

基于datepicker定义自己的angular时间组件，分享给大家。首先是引入相应的文件jquery和datepicker，如下
"styles": [ "styles.less", "./assets/lib/datetimepicker/datet...

2020-05-27 08:00:59

78浏览

0评论

Vue.js 动态为img的src赋值方法

需求是这样：ajax获取数据如下{ "code": "200", "data": { "SumAmount": 200, "List": [{ "amount": 100, "sex": "male", "fee": 1, "id": 98, "status": 2...

2020-05-27 08:00:58

67浏览

0评论

解决Vue.js 2.0 有时双向绑定img src属性失败的问题

错误用法：<img src="http:0.0.0.127/{{item.imgname}}" alt="">正确用法：<img src="'http:0.0.0.127/'+item.imgname" alt="">绑定属性的时候，前面加:属性的值可以用表达式，但注...

2020-05-27 08:00:56

106浏览

0评论

iview table render集成switch开关的实例

今天想要分享的是iview table render集成switch开关修改table表格的值，看文档记得看2.0的，不注意打开就成1.0然后用上了一直没有效果又没有找出原因。给出的只是一种写法思路，...

2020-05-27 08:00:52

45浏览

0评论

JavaScript实现区块链

几乎每个人都听说过像比特币和以太币这样的加密货币，但是只有极少数人懂得隐藏在它们背后的技术。在这篇文中，我将会用JavaScript来创建一个简单的区块链来演示它们的内部究竟...

2020-05-27 08:00:50

215浏览

0评论

vue使用facebook twitter分享示例

记录一次vue使用分享
固定内容的分享参考文档facebook 分享文档twitter 分享文档vue 使用facebook 使用分享找到index.html 添加一下代码  <div id=...

2020-05-27 08:00:49

48浏览

0评论

200行代码实现blockchain 区块链实例详解

了解blockchain的概念很简单（区块链，交易链块）：它是分布式的（即不是放置在同一台机器上，不同的网络设备上的）数据库支持主办记录日益增长的名单。但是，这也是容易混淆blockchain与我...

2020-05-27 08:00:46

57浏览

0评论

react以create-react-app为基础创建项目

什么是create-react-appcreate-react-app是一个js库，使用它能够很方便地建立react项目，免去了建立react项目时配置webpack、调试服务器、运行脚本等麻烦，你只需要使用这个库，便...

2020-05-27 08:00:42

38浏览

0评论

解决vue2.0动态绑定图片src属性值初始化时报错的问题

在vue2.0中，经常会使用类似这样的语法 v-bind:src = " imgUrl "（缩写 :src = " imgUrl "），看一个案例<template> <div> <img :src="imgUrl"> </div></template><script>exp...

2020-05-27 08:00:41

62浏览

0评论

create-react-app构建项目慢的解决方法

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

2020-05-27 08:00:39

61浏览

0评论

解决vue项目报错webpackJsonp is not defined问题

在vue单页面应用中，我们大概都会使用CommonsChunkPlugin这个插件。传送门 CommonsChunkPlugin但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not...

2020-05-27 08:00:34

77浏览

0评论

react中fetch之cors跨域请求的实现方法

项目中使用了react，当中需要使用fetch来代替ajax。由于react的create_react_app工具很方便，基本上开箱即用，经过创建项目，输入npm start命令后，便自动监听一个3000的端口，到此前端...

2020-05-27 08:00:30

首页 «1293 129412951296 1297 »尾页

热门文章