51浏览

0评论

vue图片上传本地预览组件使用详解

最近项目一直在使用vue，以前只是用vue做过一些简单的demo对数据进行增删改，并没有用于实际开发项目。今天就想了解一下如何用vue实现常见的图片上传前本地预览效果。效果预览：<...

• 2020-05-27

90浏览

0评论

React 组件渲染和更新的实现代码示例

最近一直写React，慢慢就对里面的一些实现很好奇。最好奇的就是自定义标签的实现和this.setState的实现。这里不分析JSX是如何解析的，所有组件都用ES5方式编写。组件渲染渲染时...

• 2020-05-27

53浏览

0评论

javascript中join方法实例讲解

我们先来看一下Array.join()函数的基本语法Array.join([separator])separator表示用于分隔数组的每个元素的字符串。如果保留默认数组元素，请用逗号（，）分隔。此函数返回通过使用...

• 2020-05-27

93浏览

0评论

详解Puppeteer前端自动化测试实践

起因目前我们在持续开发着一个几十个页面，十万+行代码的项目，随着产品的更迭，总会出现这样的问题。在对某些业务逻辑或者功能进行添加或者修改的时候（尤其是通用逻辑），这些通用的...

• 2020-05-27

69浏览

0评论

Element-UI中Upload上传文件前端缓存处理示例

Element-UI对于文件上传组件的功能点着重于文件传递到后台处理，所以要求action为必填属性。
但是如果需要读取本地文件并在前端直接处理，文件就没有必要传递到后台，比如在本地...

• 2020-05-27

72浏览

0评论

微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法

本文实例讲述了微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法。分享给大家供大家参考，具体如下：在小程序...

• 2020-05-27

81浏览

0评论

微信小程序HTTP接口请求封装的实现

最近在学习小程序的编写，需要调用后端接口，经常要用到wx.request方法，所以就自己封装了一下，简化一下代码，如果能给大家提供帮助更好，我的项目后端是使用的Java SSM框架，wx.request...

• 2020-05-27

82浏览

0评论

ES6基础之默认参数值

如果调用函数的过程中，定义的参数缺失，此参数变量的值则会是undefined。怎么给缺失的参数赋值默认值，在ES6之前，没有简洁的语法设置缺失参数的默认值，但是我们一般可以这么编写代...

• 2020-05-27

56浏览

0评论

ES6基础之展开语法(Spread syntax)

展开语法用"..."进行表示，展开语法将可迭代的对象拆分成独立的值（语法层面展开）。扩展语法通常用于将可迭代的对象的值传递到函数的参数中。今天小编将从以下方面进行介绍： 函...

• 2020-05-27

65浏览

0评论

ES6基础之解构赋值(destructuring assignment)

我们经常可以在其他编程语言(如GO语言)中看到多返回值这种特性，因为在很多实际场景中，函数的返回值中，函数的返回值并不只有一个单一的值。ES6之前，并没有可以直接使用语法来实...

• 2020-05-27

84浏览

0评论

JavaScript数组、json对象、eval()函数用法实例分析

本文实例讲述了JavaScript数组、json对象、eval()函数用法。分享给大家供大家参考，具体如下：一、JavaScript中的数组数组使用[]、new Array()或new Array(count)进行创建创建...

• 2020-05-27

33浏览

0评论

Vue实现table上下移动功能示例

本文实例讲述了Vue实现table上下移动功能。分享给大家供大家参考，具体如下：结合Element组件，scope中有三个参数（row，cow，$index）分别表示行内容、列内容、以及此行索引值，table上绑...

• 2020-05-27

64浏览

0评论

angularjs实现table表格td单元格单击变输入框/可编辑状态示例

本文实例讲述了angularjs实现table表格td单元格单击变输入框/可编辑状态。分享给大家供大家参考，具体如下：html部分：<table> <thead> <tr > <th width="40px;">序号</th>...

• 2020-05-27

40浏览

0评论

JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例

本文实例讲述了JavaScript数据结构与算法之二叉树插入节点、生成二叉树。分享给大家供大家参考，具体如下：javascript数据结构与算法-- 插入节点、生成二叉树二叉树中，相对较小...

• 2020-05-27

71浏览

0评论

JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】

本文实例讲述了JavaScript数据结构与算法之基本排序算法定义与效率比较。分享给大家供大家参考，具体如下：javascript数据结构与算法--基本排序算法（冒泡、选择、排序）及效率比较...

• 2020-05-27

270浏览

0评论

Vue动态生成el-checkbox点击无法赋值的解决方法

前言最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的例如：
定义的 data...

• 2020-05-27

75浏览

0评论

JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】

本文实例讲述了JavaScript数据结构与算法之二叉树遍历算法。分享给大家供大家参考，具体如下：javascript数据结构与算法--二叉树遍历（先序）先序遍历先访问根节点， 然后以同样方式...

• 2020-05-27

69浏览

0评论

利用vue重构有赞商城的思路以及总结整理

这个是我的第一个vue项目，历时了两个多星期完成吧，通过这个项目了解了vue框架的基本语法以及生命周期等特性，并且了解了vue-loader、vue-cli、vue-router、vuex的基本使用方法，...

• 2020-05-27

56浏览

0评论

VUE搭建手机商城心得和遇到的坑

从github上看了一下第一次提交时间是2018年10月22号。到现在将近4个月时间，总算是一点一滴的自己一个人完成了这个使用vue做的商城项目。以前看到别人做的这种项目就很羡慕，想...

• 2020-05-27

56浏览

0评论

用Fundebug插件记录网络请求异常的方法

在服务端，不管我们使用Node.js、Java、PHP还是Python等等，都会用日志以文本的形式记录请求以及报错信息。这个对于后端做事后分析是很有用的。另一方面，前端有时候出问题其实是...

• 2020-05-27

70浏览

0评论

Fundebug支持监控微信小程序HTTP请求错误的方法

摘要： Fundebug的微信小程序错误监控插件更新至0.5.0，支持监控HTTP请求错误。接入插件接入Fundebug的错误监控插件非常简单，只需要下载fundebug.0.5.0.min.js，在app.js中引入并...

• 2020-05-27

38浏览

0评论

JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】

本文实例讲述了JavaScript数据结构与算法之检索算法。分享给大家供大家参考，具体如下：javascript数据结构与算法---检索算法（顺序查找、最大最小值、自组织查询）一、顺序查找法/...

• 2020-05-27

79浏览

0评论

详解基于iview-ui的导航栏路径（面包屑）配置

起因
上家公司的后台管理系统都是刷表刷出来的，所用很久很久没写后台管理系统了。换了工作后总算要开始捣腾router了，很久没用都快忘光了，所以把一些通用的模块记录一下，也分享...

• 2020-05-27

86浏览

0评论

JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】

本文实例讲述了JavaScript数据结构与算法之检索算法。分享给大家供大家参考，具体如下：javascript数据结构与算法---检索算法（二分查找法、计算重复次数）/*只需要查找元素是否存...

• 2020-05-27

83浏览

0评论

vue工程全局设置ajax的等待动效的方法

最近在做vue的项目，使用了element-ui作为ui组件库，采用vuex进行状态管理，与后台的请求交互采用axios库实现，原本做的页面，ajax请求个数也只有三个，将等待动画的显示和隐藏通过muta...

• 2020-05-27

46浏览

0评论

浅谈Node框架接入ELK实践总结

我们都有过上机器查日志的经历，当集群数量增多的时候，这种原始的操作带来的低效率不仅给我们定位现网问题带来极大的挑战，同时，我们也无法对我们服务框架的各项指标进行有效的量...

• 2020-05-27

51浏览

0评论

vue2.0中set添加属性后视图不能更新的解决办法

今天在工作中遇到一个问题，郁闷了很久，特地写一篇博客记录一下，方便以后再遇到可以查找，也分享个各位小伙伴，在网上查找很多资料说用Vue.$set设置属性后视图也会更新，但是真相并不...

• 2020-05-27

66浏览

0评论

vue组件之间通信方式实例总结【8种方式】

本文实例总结了vue组件之间通信方式。分享给大家供大家参考，具体如下：对于vue来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的各种方式的总结，总共有8种方式...

• 2020-05-27

51浏览

0评论

Vue.js实现开发购物车功能的方法详解

本文实例讲述了Vue.js实现开发购物车功能的方法。分享给大家供大家参考，具体如下：购物车一般包含商品名称、单价、数量等信息，数量可以任意新增或减少，商品项也可删除，还可以支持...

• 2020-05-27

55浏览

0评论

详解关于Vuex的action传入多个参数的问题

问题：
已知Vuex中通过actions提交mutations要通过context.commit(mutations,object)的方式来完成
然而commit中只能传入两个参数，第一个就是mutations,第二个就是要传入的参数...

• 2020-05-27

57浏览

0评论

详解单页面路由工程使用微信分享及二次分享解决方案

wxShare 说明文档
单页面路由工程使用微信分享及二次分享解决方案
很多人在单页面工程中使用weixin jsSDK时 ,第一次调用正常, 路由切换时发现调用分享配置报错, 此时忽略了...

• 2020-05-27

86浏览

0评论

Vue动态组件与异步组件实例详解

本文实例讲述了Vue动态组件与异步组件。分享给大家供大家参考，具体如下：1 在动态组件上使用 keep-alive我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件：<compo...

• 2020-05-27

47浏览

0评论

Vue自定义属性实例分析

本文实例讲述了Vue自定义属性。分享给大家供大家参考，具体如下：1 事件名跟组件和 prop 不同，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件...

• 2020-05-27

48浏览

0评论

Vue Prop属性功能与用法实例详解

本文实例讲述了Vue Prop属性功能与用法。分享给大家供大家参考，具体如下：1 Prop 的大小写 (camelCase vs kebab-case)HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写...

• 2020-05-27

31浏览

0评论

Vue 组件注册实例详解

本文实例讲述了Vue 组件注册。分享给大家供大家参考，具体如下：1 组件名在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了：Vue.component('m...

• 2020-05-27

47浏览

0评论

JavaScript中的事件与异常捕获详析

事件处理
【onClick】单击事件、【onMouseOver】鼠标经过事件、【onMouseOut】鼠标移出事件、【onChange】文本内容改变事件、【onSelect】文本被框选事件、【onFoucus】得...

• 2020-05-27

37浏览

0评论

JavaScript中构造函数与原型链之间的关系详解

在Javascript中不存在class的概念，它的class概念是通过构造函数（constructor）与原型链（prototype）来实现。1.构造函数（constructor）：创建对象时的初始化对象，总是与new 关键是一同出...

• 2020-05-27

52浏览

0评论

利用Webpack实现小程序多项目管理的方法

故事是这样的产品小姐姐：“我要做一堆小程序，一周上线一到两个没问题吧”
码畜小哥哥：“你他喵是不是傻，做那么多干什么”
产品小姐姐：“蹭些流量呀，用户量多了就可以考虑转化流量...

• 2020-05-27

38浏览

0评论

写一个Vue Popup组件

组件长这样主要有标题、内容、按钮个数、按钮颜色、按钮文案这些可配置项期望的调用方式一不需要等待用户二次确认import Modal from 'common/components/modal'handleModal...

• 2020-05-27

126浏览

0评论

Vue自定义指令上报Google Analytics事件统计的方法

发现问题
一般前端开发离不开数据统计，我们经常需要接入统计服务以方便运营，例如现在需要统计一个按钮<template> <button @click="handleClick" /></template><script>export...

• 2020-05-27

84浏览

0评论

js实现一个页面多个倒计时的3种方法

本文实例为大家分享了js实现一个页面多个倒计时的具体代码，供大家参考，具体内容如下说明： 方法1， 方法二是基础原理版，方法三升级版（参考for循环，定时器，闭包混合一块的那点事。）方法...

• 2020-05-27

62浏览

0评论

js实现网页同时进行多个倒计时功能

本文实例为大家分享了js实现网页同时进行多个倒计时的具体代码，供大家参考，具体内容如下创建一个时间类Timer.每个商品的倒计时生成一个实例：var time = new Timer();/***start...

• 2020-05-27

66浏览

0评论

js实现多个倒计时并行 js拼团倒计时

本文是对类似于拼团，多个商品每个都有各自的倒计时，一开始接到接到这个需求也是头疼了一阵子，如果是在商品列表少的时候完全就可以写成死的，固定的变量，写几个定时器就ok了，但是这...

• 2020-05-27

59浏览

0评论

JS module的导出和导入的实现代码

最近看了些Vue框架写的程序，发现自己的前端知识还停留在几年以前，发现现在Javascript程序里有各种各样的对module的导入和到处，导入乍一看跟python的语法挺像的无非就是把from...

• 2020-05-27

72浏览

0评论

js实现倒计时器自定义时间和暂停

js倒计时器可自定义时间和暂停，效果如下，点击start 开始计时，end结束计时分别复制 H5 css js 代码即可实现，具体的算法在js控制函数中（都写了注释）css html,body{width:100%;heigh...

• 2020-05-27

57浏览

0评论

js实现通过开始结束控制的计时器

本文实例为大家分享了js通过开始结束控制计时器的具体实现代码，供大家参考，具体内容如下
时间戳的使用的可以取消对多次点击事件产生效果的累加，譬如下文，运用时间戳，保证了在多...

• 2020-05-27

61浏览

0评论

JS实现判断有效的数独算法示例

本文实例讲述了JS实现判断有效的数独算法。分享给大家供大家参考，具体如下：判断一个 9x9 的数独是否有效。只需要根据以下规则，验证已经填入的数字是否有效即可。1.数字 1-9 在...

• 2020-05-27

58浏览

0评论

JS实现的合并两个有序链表算法示例

本文实例讲述了JS实现的合并两个有序链表算法。分享给大家供大家参考，具体如下：将两个有序链表合并为一个新的有序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成...

• 2020-05-27

84浏览

0评论

JS实现电话号码的字母组合算法示例

本文实例讲述了JS实现电话号码的字母组合算法。分享给大家供大家参考，具体如下：给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。给出数字到字母的映射如下（与电...

• 2020-05-27

79浏览

0评论

create-react-app使用antd按需加载的样式无效问题的解决

官网给出的按需加载解决方案，先安装 babel-plugin-import
因为antd默认引入样式是less，所以需要手动配置为CSS，配置方法如下：
第一种方法：在package.json中配置，这种方法成功的前...

• 2020-05-27