130浏览

0评论

服务端预渲染之Nuxt(使用篇)

现在大多数开发都是基于 Vue 或者 React 开发的，能够达到快速开发的效果，也有一些不足的地方, Nuxt 能够在服务端做出渲染，然后让搜索引擎在爬取数据的时候能够读到当前页面。...

• 2020-05-27

196浏览

0评论

小程序获取当前位置加搜索附近热门小区及商区的方法

本文详细的介绍了小程序获取当前位置加搜索附近热门小区及商区的方法，分享给大家两种方法：一种是腾讯地图获取，另一种是百度地图获取
我用的是腾讯地图获取步骤如下1、话不多说...

• 2020-05-27

171浏览

0评论

详解element-ui日期时间选择器的日期格式化问题

最近在做vue+element-ui的后台管理页面，其中用到了DateTimePicker来选择日期时间，但是在将数据传回后台的过程中遇到了一些令人头疼的问题，在此记录一下解决方案，以免日后再次遇...

• 2020-05-27

131浏览

0评论

如何为你的JavaScript代码日志着色详解

前言在使用 JavaScript 开发项目，可借助 console.log 来打印日志，以便捷分析问题；但，当接触相对比较项目，纯黑色的日志输出，就会使得其作用大大削弱；虽然 info， wran、error 等方法...

• 2020-05-27

137浏览

0评论

vue+element+Java实现批量删除功能

表格的主要代码段主要方法是： @selection-change="selsChange<el-table ref="singleTable" v-loading="loading" :data="tableData" stripe @selection-change="selsChange">...

• 2020-05-27

127浏览

0评论

使用taro开发微信小程序遇到的坑总结

Taro，京东凹凸实验室出品的适配多端的一个框架，Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端...

• 2020-05-27

148浏览

0评论

详解vue中axios请求的封装

axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中, 也是vue官方推荐使用的http库；封装axios，一方面为了以后维护方便，另一方面也可以对请求进行自定义处...

• 2020-05-27

126浏览

0评论

微信小程序实现bindtap等事件传参

之前一直以为微信小程序按钮点击事件传参是和web端相同，即在事件中写明所传递的参数即可，但是这样尝试过以后发现小程序的控制台报错，报所写的bindtap中参数错误，之后百度发现，小...

• 2020-05-27

175浏览

0评论

微信小程序视图控件与bindtap之间的问题的解决

在微信小程序中 最常用的<view>控件 可以用bindtap（冒泡反应） 如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset，其包含一个名为m...

• 2020-05-27

124浏览

0评论

vue.js实现会动的简历(包含底部导航功能，编辑功能)

在网上看到一个这样的网站，STRML 它的效果看着十分有趣,如下图所示:
这个网站是用 react.js 来写的，于是，我就想着用 vue.js 也来写一版，开始撸代码。首先要分析打字的原理实现，...

• 2020-05-27

122浏览

0评论

微信小程序BindTap快速连续点击目标页面跳转多次问题处理

问题描述：1）wxml片段<view bindtap="loadMulti"> <text>连续点击,加载多次</text></view><view bindtap="loadOnce"> <text>连续点击,加载一次</text></view>2）js代码片段loa...

• 2020-05-27

139浏览

0评论

「中高级前端面试」JavaScript手写代码无敌秘籍（推荐）

1. 实现一个new操作符new操作符做了这些事： 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个...

• 2020-05-27

173浏览

0评论

详解小程序如何避免多次点击，重复触发事件

作为前端开发，我们经常会遇到的场景，比如用户点击获取验证码按钮时，没有反应，大部分用户都会接着点击，这就会造成用户收到多条验证码，这是因为后台api请求比较慢，而客户端体验又做...

• 2020-05-27

106浏览

0评论

纯javascript实现选择框的全选与反选功能

HTML部分<div id="wrap_input_box" > <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox...

• 2020-05-27

125浏览

0评论

利用Bootstrap Multiselect实现下拉框多选功能

利用Bootstrap Multiselect实现下拉框多选功能,并在点击事件中获取到所有选中option的value值首先展示项目案例:多选下拉框功能实现.gif下面是所有完整的代码,重点以及主要...

• 2020-05-27

104浏览

0评论

简单说说如何使用vue-router插件的方法

1 安装
首先，通过 npm 安装 vue-router 插件：
npm install --save vue-router安装的插件版本是：vue-router@3.0.22 用法
2.1 新建 vue 组件
在 router 目录中，新建 views 目录，...

• 2020-05-27

118浏览

0评论

Koa 中的错误处理解析

不像 express 中在末尾处注册一个声明为 (err, req, res, next) 中间件的方式，koa 刚好相反，在开头进行注册。app.use(async (ctx, next) => { try { await next(); } catch...

• 2020-05-27

104浏览

0评论

基于three.js实现的3D粒子动效实例代码

一、背景
粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个...

• 2020-05-27

123浏览

0评论

Vue中使用create-keyframe-animation与动画钩子完成复杂动画

本篇文章主要介绍了 Vue中使用create-keyframe-animation与动画钩子完成复杂动画，分享给大家 如何实现这个动画？ 效果分析点`start`的时候，我们把整个动画拆分为两种效果（过渡和...

• 2020-05-27

108浏览

0评论

webpack4实现不同的导出类型

webpack最基本的配置就是导出一个静态的对象，但是由于我们业务比较复杂，往往需要动态配置webpack以构建目标代码。幸运的是，webpack为我们提供了动态配置webpack文件的支持。下...

• 2020-05-27

142浏览

0评论

使用Three.js实现太阳系八大行星的自转公转示例代码

一. Three.js框架简介
Three.js是用javascript编写的WebGL第三方库，运用three.js框架写3D程序，就如同在现实生活中观察一个3D场景一样，让人置身其中。介绍three.js必须提到它的...

• 2020-05-27

385浏览

0评论

浅谈JavaScript闭包

最近朋友面试被问到了 JS 闭包的问题，本人一时语塞，想起了袁华的一句话：“这道题太难了，我不会做，不会做啊！”。JS 闭包属于面向对象的一个重要知识点，特此本人又开始了一段说走就...

• 2020-05-27

109浏览

0评论

vue使用keep-alive保持滚动条位置的实现方法

前言
下班前，20分钟，发一篇。。。
简单介绍，使用keep-alive的时候，返回前一页，没有保持滚动条位置。
事实上，就算不使用keep-alive，位置也没有被记录。
但是，在不适用keep-alive的时...

• 2020-05-27

138浏览

0评论

浅谈发布订阅模式与观察者模式

背景
设计模式并非是软件开发的专业术语，实际上，“模式”最早诞生于建筑学。设计模式的定义是：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说，设计...

• 2020-05-27

117浏览

0评论

vue响应式系统之observe、watcher、dep的源码解析

Vue的响应式系统
Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript 对象，而当你修改它们时，视图会进行更新，这使得状态管理非常简单直接，我们可...

• 2020-05-27

158浏览

0评论

NodeJs操作MongoDB教程之分页功能以及常见问题

一,方法介绍
1,聚合操作之countcount()方法可以查询统计符合条件的集合的总数1 db.User.count(<query>) // 此方法等价于 db.User.find(<query>).count()在分布式集合中，会...

• 2020-05-27

132浏览

0评论

4 种滚动吸顶实现方式的比较

前言我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的是 offsetTop 这个属性，而且...

• 2020-05-27

123浏览

0评论

浅谈Vue.js组件(二)

插槽（Slot）定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。在子组件中通过加入<slot>元素占位，便能...

• 2020-05-27

142浏览

0评论

实例分析Array.from(arr)与[...arr]到底有何不同

写在开头：在正文开始之前我们先说明一下类数组(估计大家一定不会陌生)类数组的特点1.有索引
2.有长度
3.是个对象
4.能被迭代特点说明：对于类数组的特点前三个我就不做说明了...

• 2020-05-27

144浏览

0评论

javascript实现手动点赞效果

做移动开发的时候经常会遇到点赞的一些处理，尤其是当使用字体图标的时候，由于仅希望改变字体，但是字体经过编译之后又和它的.html()不一致，所以导致判断起来比较麻烦，最后想了一...

• 2020-05-27

111浏览

0评论

详解vue 自定义marquee无缝滚动组件

先上效果图：（1） 看起来可能有点卡顿，但是实际上页面上看起来挺顺畅的。（2） 思路就是获取每一个列表的宽度，设置定时器移动列表，当移动的距离达到一个列表的宽度的时候，把这个距离放到...

• 2020-05-27

114浏览

0评论

Angular脚手架开发的实现步骤

简介写一份自定义的angular脚手架吧
写之前我们先解析一下antd的脚手架前提先把 Angular Schematic这篇文章读一遍,确保了解了collection等基础antd脚手架克隆项目git clone...

• 2020-05-27

120浏览

0评论

nodejs分离html文件里面的js和css的方法

摘要： 本文要实现的内容，使用nodejs 对文件的增删改查，演示的例子-》分离出一个html 文件里面的script 和style 里面的内容，然后单独生成js文件和css 文件。中间处理异步的api-...

• 2020-05-27

208浏览

0评论

vue实现文字横向无缝走马灯组件效果的实例代码

marquee标签已经废弃了，只能手动实现文字走马灯样式
基于vue组件开发<template> <div class="wrap"> // 外框，固定宽度 <div id="box"> // 内部滚动框 <div id="marquee">{...

• 2020-05-27

171浏览

0评论

关于vue状态过渡transition不起作用的原因解决

总所周知，vue中的transition标签可以方便得进行动画过渡，使用的方法也很简单。<transition name="你要的名字"> 过渡的元素...</transition>这里需要主要一点的是：过渡的元素...

• 2020-05-27

210浏览

0评论

详解axios中封装使用、拦截特定请求、判断所有请求加载完毕）

&#8226;基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用
&#8226;vue2.0之后，就不再对 vue-resource 更新，而是推荐使用 axios，本项目也是使用 axios
&#8226;...

• 2020-05-27

88浏览

0评论

vue 点击展开显示更多(点击收起部分隐藏)

功能如下：
这里就需要一开始只显示6个数据，点击展开才显示全部
HTML里调用showdetailList：<div> <p v-for="(item, index) in showdetailList"> <span>{{item.title}}...

• 2020-05-27

95浏览

0评论

JS隐藏号码中间4位代码实例

本文实例为大家分享了JS隐藏号码中间4位的具体代码，供大家参考，具体内容如下
function resetPhone(phone) { var str = String(phone) var len = str.length; var prev,nex...

• 2020-05-27

91浏览

0评论

js中数组常用方法总结（推荐）

前言从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开...

• 2020-05-27

111浏览

0评论

详解vue-cli3 中跨域解决方案

此方案只能用于开发环境，线上最好设置同源策略（遇到个后端,装你妈批）前后端不在同一服务器的情况下，前端要访问后端API，可通过在vue.config.js中配置代理服务器。0：前提条件1：安装v...

• 2020-05-27

107浏览

0评论

JavaScript 性能提升之路（推荐）

在平时工作做项目的过程中我们有时候会遇到页面加载很久才加载出来的情况，这样严重影响了用户的体验效果。虽然说有时候可能是因为网络问题，但有些时候确实是前端代码没有足够...

• 2020-05-27

121浏览

0评论

Vue中computed、methods与watch的区别总结

前言对于那些开始学习Vue的人来说，对于方法、计算属性和观察者之间的区别有点混淆。
尽管通常可以使用它们中的每一个来完成或多或少相同的事情，但了解每个人在哪里胜过其他人...

• 2020-05-27

99浏览

0评论

关于JavaScript 数组你应该知道的事情（推荐）

首先做一个粗体声明：循环经常是无用的，并且使得代码很难阅读。
当谈到迭代一个数组的时候，无论你想去查找元素，排序或者任何其他的事，都有可能存在一个数组的方法供你使用。然而，...

• 2020-05-27

136浏览

0评论

小程序分享模块超级详解(推荐)

导语：在小程序项目开发中，分享能力几乎是每个项目必备的要求，但原生的分享能力比较有限，不够灵活，今天就我们就一起来研究下，如何在现有基础上，增强小程序分享的能力，使信息传递更加...

• 2020-05-27

133浏览

0评论

详解vue.js移动端配置flexible.js及注意事项

前言最近在用vue做移动端项目，网上找了一些移动端适配的方案，个人觉得手淘团队flexible.js还是比较容易上手，在这里做下总结。主体flexible.js适配方案采用rem布局，根据屏幕分辨...

• 2020-05-27

99浏览

0评论

从0到1搭建Element的后台框架的方法步骤

由于最近公司要开发一个后台管理系统，查阅了很多vue框架,本人觉得element简洁，方便，于是选择它作为我们的首选框架，并分享给大家，如果您觉得有需要改进的地方可以提出来一起探讨，G...

• 2020-05-27

103浏览

0评论

用node撸一个监测复联4开售短信提醒的实现代码

背景
北美复仇者联盟4首映电影票eBay上面已经2500美元一张票了，为了避免抢不到票 写了个监控复仇者联盟4开售就发送短信的脚本，这样我们可以第一时间进行抢票，毕竟抢到就是赚到...

• 2020-05-27

123浏览

0评论

微信小程序第三方框架对比 之 wepy / mpvue / taro

众所周知如今市面上端的形态多种多样，手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口，当业务要求同时在不同的端都要求有所表现的时候，...

• 2020-05-27

84浏览

0评论

Webpack4+Babel7+ES6兼容IE8的实现

前阵子重构了一个挺有意思的项目，是一个基于浏览器环境的数据采集sdk。公司各个产品的前端页面中都嵌入了这个sdk，用于采集用户的行为数据，上传到公司的大数据平台，为后续的运营...

• 2020-05-27

84浏览

0评论

基于mpvue搭建微信小程序项目框架的教程详解

简介：　　mpvue框架对于从没有接触过小程序又要尝试小程序开发的人员来说，无疑是目前最好的选择。mpvue从底层支持 Vue.js 语法和构建工具体系，同时再结合相关UI组件库，便可以高...

• 2020-05-27