47浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

77浏览

0评论

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

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

• 2020-05-27

51浏览

0评论

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

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

• 2020-05-27

256浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

66浏览

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

100浏览

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

64浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

基于vue.js实现的分页

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

• 2020-05-27

93浏览

0评论

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

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

• 2020-05-27

69浏览

0评论

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

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

• 2020-05-27

114浏览

0评论

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

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

• 2020-05-27

87浏览

0评论

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

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

setTimeout时间设置为0详细解析

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

• 2020-05-27

58浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

63浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

109浏览

0评论

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

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

• 2020-05-27

93浏览

0评论

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

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

• 2020-05-27

65浏览

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

84浏览

0评论

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

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

• 2020-05-27

93浏览

0评论

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

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

• 2020-05-27

46浏览

0评论

vue 过滤器filter实例详解

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

84浏览

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

71浏览

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

115浏览

0评论

iview table render集成switch开关的实例

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

• 2020-05-27

49浏览

0评论

JavaScript实现区块链

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

• 2020-05-27

232浏览

0评论

vue使用facebook twitter分享示例

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

Facebook
• 2020-05-27

54浏览

0评论

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

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

• 2020-05-27

63浏览

0评论

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

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

• 2020-05-27

42浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

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

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

• 2020-05-27

42浏览

0评论

vue2.0路由切换后页面滚动位置不变BUG的解决方法

最近项目中遇到这样一个问题，vue切换路由，页面到顶端的滚动距离仍会保持不变。<a href="javascript:;" rel="external nofollow" class="btn btn01" @click="useRightNow">立...

• 2020-05-27

58浏览

0评论

vue的mixins属性详解

首先先给出官网 https://vuejs.org/v2/guide/mixins.html今天在开发项目的时候要改变一个标签的属性，因为项目中有多个地方都要改(业务逻辑相同)，所以就看有没办法只改变一个...

• 2020-05-27

46浏览

0评论

vue2.0模拟锚点的实例

在vue项目中，因为采用路由跳转，会导致无法使用常规的a标签配合ID的锚点功能。解决办法：<a href="javascript:void(0)" rel="external nofollow" @click="goAnchor('#anchor')">...

• 2020-05-27

49浏览

0评论

Vue使用mixins实现压缩图片代码

本文介绍了Vue使用mixins实现压缩图片代码，分享给大家，具体如下：图片压缩
创建mixins image-compress.js
export default { methods: { /** * 检查并压缩图片大小 */ che...

• 2020-05-27

55浏览

0评论

vue项目国际化vue-i18n的安装使用教程

前言项目需要支持多语言，我们需要提取出项目中使用的静态文本，使用语言包进行管理， 当切换语言设置的时候，可以自动切换整个项目的文字显示。发现Vue项目中有对应的组件 vue-i18...

• 2020-05-27

47浏览

0评论

Vue2.0 事件的广播与接收(观察者模式)

1.Vue1.0 事件的广播与接收(观察者模式)
早期vue1.0组件之间的这通信传递数据的方法，vue官网给出了两上方法 $dispatch 和 $broadcast。
但vue2.0之后就弃用 这两个方法，以下...

• 2020-05-27

47浏览

0评论

vue2.0安装style/css loader的方法

项目需要引用额外的ui组件库，就需要安装style-loader和css-loader安装style-loader （css-loader默认有）npm install style-loader -D然后，打开模板build--webpack.base.conf.js...

• 2020-05-27

95浏览

0评论

iview table高度动态设置方法

在使用iview table表格组件的时候，由于我的屏幕分辨率比较大，在自己pc机上设置的固定高度很适合，在测试（test）时候发现在别的终端如1368*768的机器上都显示不全，下面就把我的和其...

• 2020-05-27

60浏览

0评论

Angular4集成ng2-file-upload的上传组件

在Github上找到了一个支持Angular4好用的文件上传组件ng2-file-upload，这里简单介绍一下这个库的集成使用方案。本文基于该组件的1.2.1版。1. 安装安装非常简单，只要在项目根...

• 2020-05-27