118浏览

0评论

详解vue-router数据加载与缓存使用总结

之前开发了一个单页面应用，按照深度，分为三层：目录页、一级子页（标签页、故事页等）、二级子页（故事编辑页）。这三类页面都共享一个完整的数据model，从上级页面进入下一级页面时，能够...

• 2020-05-27

75浏览

0评论

详解Node.js中path模块的resolve()和join()方法的区别

关于Node.js中path模块的resolve()和join()方法的比较，对照着总结看例子差不多以后在写模块的时候思路就能很清晰了resolve作用：path.resolve() 该方法将一些的 路径/路径段...

• 2020-05-27

73浏览

0评论

浅析微信扫码登录原理(小结)

微信扫码登录原理解析扫码登录是现在流行的登录方式，使用这种方式及其方便，而且安全扫码登录流程原理获取唯一的uuid, 以及包含uid信息的二维码// 获取uuid getUUID: function...

• 2020-05-27

59浏览

0评论

JS 实现获取验证码 倒计时功能

setInterval 一个定时器搞定
<style>button{ background: #45BCF9; color: #fff; padding: 4px 10px; border: none; outline: none; cursor: pointer;}button:hover{...

• 2020-05-27

79浏览

0评论

简单说说angular.json文件的使用

在Angular CLI 6+的版本后，原先的angular-cli.json就被换成了angular.json，而其中里面的字段变化挺大了，如果不了解基本的组成，或者直接把老版本的代码 copy 到新版本的工作空间...

• 2020-05-27

111浏览

0评论

JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值

删除数组指定的某个元素var msg = " "; //textarea 文本框输入的内容var emp = [ ]; //定义一个数组,用来存msg分割好的内容1. 首先可以给JS的数组对象定义一个函数，用于查...

• 2020-05-27

92浏览

0评论

vue实现类似淘宝商品评价页面星级评价及上传多张图片功能

最近在写一个关于vue的商城项目，然后集成在移动端中，开发需求中有一界面，类似淘宝商城评价界面！实现效果图如下所示：评价页点击看大图，且可左右滑动功能需求分析1.默认为5颗星，为非...

• 2020-05-27

79浏览

0评论

Webstorm2016使用技巧(SVN插件使用)

最近改用Webstorm作为开发工具，在网上查找一些使用技巧时，发现很多文章都是早期版本的介绍，看起来比较费力，在这里把2016版本的一些使用技巧逐步整理出来，帮助刚接触本软件的“菜...

• 2020-05-27

56浏览

0评论

vue 本地服务不能被外部IP访问的完美解决方法

解决 webpack-dev-serveri 启动后通过外部访问报错 invalid host header修改 config/index.js 的 host 属性为 ‘0.0.0.0'{// ...,host: '0.0.0.0',port: 8080,// ...}修改...

• 2020-05-27

94浏览

0评论

Vue项目自动转换 px 为 rem的实现方法

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本...

• 2020-05-27

94浏览

0评论

详解Vue项目在其他电脑npm run dev运行报错的解决方法

一个 Vue 项目从一台电脑上传到 github 上之后，再另外一台电脑上 git clone 。并使用 npm run dev 或 npm run start 发生以下报错的解决方法。报错原因
缺少 node_modules...

• 2020-05-27

70浏览

0评论

vue-router权限控制(简单方式)

在vue-router控制前端权限是常见需求： 有一种做法是直接在后端完成判断，提供页面列表和操作列表，在前端进行渲染，但这个方案并不优雅，前后端耦合度比较高。 比较常见的做法是把...

• 2020-05-27

110浏览

0评论

Element-UI踩坑之Pagination组件的使用

先说结论：在改变pageSize时，若当前的currentPage超过了最大有效值，就会修改为最大有效值。一般Pagination组件的声明如下：<el-pagination @size-change="handleSizeChange" @c...

• 2020-05-27

147浏览

0评论

vue 使用vue-i18n做全局中英文切换的方法

1、vue-i18n安装　　npm install vue-i18n --save-dev2、在main.js文件中引入　import VueI18n from 'vue-i18n';　　Vue.use(VueI18n);　　const i18n = new VueI18n({　　...

• 2020-05-27

78浏览

0评论

vue移动端项目缓存问题实践记录

最近在做一个vue移动端项目，被缓存问题搞得头都大了，积累了一些经验，特此记录总结下，权当是最近项目问题的一个回顾吧！先描述下问题场景：A页面->B页面->C页面。假设A页面是列表页...

• 2020-05-27

68浏览

0评论

详解微信小程序中组件通讯

这篇主要讲组件通讯（1）父组件向子组件传值：<header title='{{title}}' bind:fn='fn' id='header'></header>通过title='{{title}}'传向子组件向子组件传递参数子组件接收参数：Co...

• 2020-05-27

62浏览

0评论

vue-cli项目配置多环境的详细操作过程

vue-cli 默认只提供了 dev 和 prod 两种环境。但其实正真的开发流程可能还会多一个 sit 或者 stage 环境，就是所谓的测试环境和预发布环境。所以我们就要简单的修改一下代码...

• 2020-05-27

39浏览

0评论

小程序实现多选框功能

最近写小程序的时候，遇到多选框的问题！并不是多选框不好操作，而是小程序的多选框实在太丑了好吗！本来的初衷是想修改一下默认样式就OK了，从边框 宽度 到背景 却在最后选择出来的...

• 2020-05-27

50浏览

0评论

基于vue2.0实现仿百度前端分页效果附实现代码

前言上篇文章中，已经使用vue实现前端分页效果，这篇文章我们单独将分页抽离出来实现一个分页组件先看实现效果图代码实现按照惯例，我们在冻手实现的时候还是先想一想vue实现组件...

• 2020-05-27

60浏览

0评论

微信小程序实现单选功能

初次接触js弄了好长时间才出来效果，但是还是觉的不做梦完美，希望有更好的方式进行交流；实现效果如下：虽说这个小功能但是对于我这个新手来说还是有点难；具体代码如下：WXML：<view cl...

• 2020-05-27

46浏览

0评论

傻瓜式解读koa中间件处理模块koa-compose的使用

最近需要单独使用到koa-compose这个模块，虽然使用koa的时候大致知道中间件的执行流程，但是没仔细研究过源码用起来还是不放心(主要是这个模块代码少，多的话也没兴趣去研究了)。...

• 2020-05-27

69浏览

0评论

小程序云开发部署攻略(图文教程)

写在前边微信小程序的云开发功能刚刚上线，笔者小试一把，看看是不是真的可以一人搞定小程序的开发，而不需要再去伺候一个后台了，虽然不难，但是还是废了一些周折，特此记录一下，旨在帮...

• 2020-05-27

54浏览

0评论

提升node.js中使用redis的性能遇到的问题及解决方法

问题初现某基于node.js开发的业务系统向外提供了一个dubbo服务，提供向第三方缓存查询、设置多项业务数据并聚合操作结果。在QPS达到800时（两台虚拟机，每台机器4Core8G4node进程...

• 2020-05-27

60浏览

0评论

小程序实现左滑删除功能

本文实例为大家分享了小程序实现左滑删除功能的具体代码，供大家参考，具体内容如下<!-- 外层包裹视图 --><view class="cont"> <!-- 列表 --> <view wx:for="{{list}}" wx:key=...

• 2020-05-27

46浏览

0评论

require.js 加载过程与使用方法介绍

require.js简介
require.js是javascript模块化编程中常用的一个JS库。
现在的网页功能较以前已经丰富了许多，同时网页上需要导入越来越多的JS文件来实现这些功能。使用原有的...

• 2020-05-27

66浏览

0评论

小程序实现列表删除功能

本文实例为大家分享了小程序列表删除功能的具体代码，供大家参考，具体内容如下 地址簿删除，先获取当前地址部分的id值，根据id值来删除对应的地址部分。 获取全部的地址信息，定义...

• 2020-05-27

40浏览

0评论

微信小程序实现左滑修改、删除功能

本文实例为大家分享了微信小程序实现左滑修改、删除的具体代码，供大家参考，具体内容如下wxml：<view class="offer-item" wx:for-items='{{offerList}}'> <!--这里绑定了刚才说...

• 2020-05-27

50浏览

0评论

vue通过cookie获取用户登录信息的思路详解

思路 进入页面 若未登录，跳转至登陆页面 若已登录，从cookie中获取用户信息，并执行后续操作2. 登录页面，存入cookie（setCookie）import {setCookie,getCookie}from 'src/js/cooki...

• 2020-05-27

57浏览

0评论

vue通过style或者class改变样式的实例代码

通过style改变样式<div :style="{ 'min-height': size + 'px' }"></div> <div :style="[{ 'min-height': size + 'px' },{color:'red'}]"></div> <div :style="{ 'opa...

• 2020-05-27

58浏览

0评论

Vue.js 父子组件通信的十种方式

面试官：Vue 中父子组件通信有哪些方式？自己先想一分钟。无可否认，现在无论大厂还是小厂都已经用上了Vue.js 框架，简单易上手不说，教程详尽，社区活跃，第三方套件还多。真的是前端开...

• 2020-05-27

95浏览

0评论

elementUI 设置input的只读或禁用的方法

只读：readonly在data里定义：readonly: true,然后在input框里加上readonly就可以了。禁用：disabled在data里定义：edit: true,然后在input框里加上：:disabled="edit"就可以了PS：下面...

• 2020-05-27

46浏览

0评论

node上的redis调用优化示例详解

前言如果一个 Node 应用有多台服务器或多个进程在跑，每个进程都拥有自己的内存空间，各个进程之间的数据共享就显得非常重要。使用数据库是一个解决数据共享的方案，但一些临时性...

• 2020-05-27

45浏览

0评论

vue组件中的样式属性scoped实例详解

Scoped CSSScoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素 它...

• 2020-05-27

42浏览

0评论

Vue.js中对css的操作（修改）具体方式详解

使用v-bind：class或者v-bind:style或者直接通过操作dom来对其样式进行更改；1.v-bind:class || v-bind:style其中v-bind是指令，: 后面的class 和style是参数，而class之后的指在vu...

• 2020-05-27

45浏览

0评论

vue.js 实现v-model与{{}}指令方法

上次我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。今天，我们就基于上一节的代码，来实现一个MVVM类，将其...

• 2020-05-27

49浏览

0评论

Vue项目History模式404问题解决方法

本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（由于每个项目的情况都不尽相同，本方案已经完美解决本在所使用项目，具体情况可能还需要修改。）1.项目...

• 2020-05-27

56浏览

0评论

Vue中使用方法、计算属性或观察者的方法实例详解

熟悉 Vue 的都知道 方法methods、计算属性computed、观察者watcher 在 Vue 中有着非常重要的作用，有些时候我们实现一个功能的时候可以使用它们中任何一个都是可以的，但是它们...

• 2020-05-27

59浏览

0评论

详解js删除数组中的指定元素

本篇文章将会给大家介绍两种删除数组中的指定元素的方式，分别为：1、单独定义一个的函数，通过函数来删除指定数组元素。2、为Array对象定义了一个removeByValue的方法，在调用方法...

• 2020-05-27

45浏览

0评论

小程序获取周围IBeacon设备的方法

本文实例为大家分享了小程序获取周围IBeacon设备的具体代码，供大家参考，具体内容如下该功能实现需要使用以下API：wx.startBeaconDiscovery(OBJECT)：开始搜索附近的iBeacon设备wx...

• 2020-05-27

119浏览

0评论

微信小程序ibeacon三点定位详解

空余时间简单写了一个微信小程序ibeacon三点定位。事先淘宝买了七八个ibeacon小设备，放置在办公司角落。分别设置三个ibeacon的位置坐标点，根据每一个ibeacon到已经开启蓝牙的...

• 2020-05-27

61浏览

0评论

详解vue 项目白屏解决方案

在做的项目是使用 vue-cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题
白屏可能的原因...

• 2020-05-27

48浏览

0评论

nodejs中函数的调用实例详解

一、调用本js文件中的函数var http = require('http');http.createServer(function (request,response){ response.writeHead(200, {'Contet-Type':'text/html;charset=utf-...

• 2020-05-27

46浏览

0评论

vue+iview 实现可编辑表格的示例代码

先简单说明一下,这个Demo引入的vue,iview的方式是标签引入的,没有用到webpack之类的构建工具...
毕竟公司还在用angularjs+jq.
这也是我第一次写文章,大家看看思路就行了,要...

• 2020-05-27

47浏览

0评论

jQuery+PHP实现上传裁剪图片

本文是一个简单的jquery图片预览+裁剪的例子，原理是在前端获取要裁剪的信息，如宽高比、裁剪坐标，上传图片之后在后端php进行切割jquery代码（必须在最后面引入）function showCutIm...

• 2020-05-27

68浏览

0评论

iview在vue-cli3如何按需加载的方法

iview在官方文档上，对于使用脚手架vue-cli3的项目的使用只有一句话：“我们为最新的 Vue CLI 3 提供了相应的 iView 插件，如果你正在用 Vue CLI 3，可以直接在插件中搜索 iview，安...

• 2020-05-27

76浏览

0评论

微信小程序实现自动定位功能

本文实例为大家分享了微信小程序实现自动定位的具体代码，供大家参考，具体内容如下使用了腾讯地图提供的免费api： 需要引入一个js文件：下载地址js代码：// 引入SDK核心类var QQMapW...

• 2020-05-27

87浏览

0评论

vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例

如果是已经有点经验的同学，可以直接看下面这个函数，应该就能明白怎么回事，新手可以看下面的详细教程。函数：handleEdit: function (index, row) { this.editFormVisible = true...

• 2020-05-27

80浏览

0评论

微信小程序实现签到功能

本文实例为大家分享了微信小程序实现签到功能的具体代码，供大家参考，具体内容如下效果图：今天是16号，所以显示已签到，渲染页面时请求后台传的参数为这月签到的日期如：["16", "14"]...

• 2020-05-27

47浏览

0评论

VUE+Element UI实现简单的表格行内编辑效果的示例的代码

原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示效果示例地址<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- 引入样式 --> <l...

• 2020-05-27

58浏览

0评论

vue+element-ui实现表格编辑的三种实现方式

1、表格内部显示和编辑切换
这种方式就是利用两个标签显示隐藏来实现，我们这里用input和span，正常用span将数据显示，点击编辑时，将span隐藏，显示input进行编辑。选中当前行我们可...

• 2020-05-27