100浏览

0评论

vue实现登录页面的验证码以及验证过程解析(面向新手)

做成之后就是这个样子接下来上代码
创建一个组件。显示验证码图片<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeig...

• 2020-05-27

55浏览

0评论

用 js 写一个 js 解释器过程详解

用 js 来 编译 js 看起来是个高大上的东西，实际原理其实很简单，无非就是利用 js 对象属性可以用字符串表示 这个特性来实现的黑魔法罢了。
之所以看起来那么 深奥, 大概是由于...

• 2020-05-27

64浏览

0评论

jQuery实现input[type=file]多图预览上传删除等功能

下面我们了解一下，多图上传时，怎么实现预览、上传、删除等功能。下图是功能实现的预览效果，虽然样式有点丑，不过功能还是实现了。话不多说，直接看代码会更直观一些。首先定义一下...

• 2020-05-27

64浏览

0评论

微信小程序的授权实现过程解析

自从小程序文档更新后，自动授权已不存在啦目前的授权都是通过button来实现的，具体知识点可参考小程序的官方文档，以下是我做的一个小demo（进入首页，跳出一个登录弹出框，弹出框是自...

• 2020-05-27

45浏览

0评论

微信小程序中悬浮窗功能的实现代码

问题场景所谓悬浮窗就是图中微信图标的按钮，采用fixed定位，可拖动和点击。这算是一个比较常见的实现场景了。为什么要用cover-view做悬浮窗？原生组件出来背锅了~最初我做悬浮窗...

• 2020-05-27

61浏览

0评论

操作按钮悬浮固定在微信小程序底部的实现代码

本章节主要介绍了如何将操作按钮悬浮固定在微信小程序底部&#63;操作起来也比较简单，还不会的朋友一起跟着小编学习一下吧，希望对你们有所帮助。　　常见的有加入购物车按钮、...

• 2020-05-27

62浏览

0评论

超轻量级的js时间库miment使用解析

介绍
Miment 是一个轻量级的时间库（打包压缩后只有1K）,没有太多的方法，
Miment的设计理念就是让你以几乎为零的成本快速上手，无需一遍一遍的撸文档
由来
首先 致敬一下Moment，非...

• 2020-05-27

64浏览

0评论

vue下使用nginx刷新页面404的问题解决

nginx 是一个代理的服务器。
出现的问题：写好的页面通过nginx作为代理的服务器给别的同事看的时候发现了新写的页面打开就404，并且从其他页面跳转可以看到但是刷新页面就404。...

• 2020-05-27

52浏览

0评论

基于mpvue的简单弹窗组件mptoast使用详解

介绍
mptoast 是一个基于mpvue的简单弹窗组件 github地址： https://github.com/noahlam/mpvue-toast
特性1.轻量 目前整个项目未打包前大概只有120行代码(包括注释)，5kb左右(...

• 2020-05-27

83浏览

0评论

详解使用JWT实现单点登录（完全跨域方案）

首先介绍一下什么是JSON Web Token（JWT）？官方文档是这样解释的：JSON Web Token（JWT）是一个开放标准（RFC 7519），它定义了一种紧凑且独立的方式，可以在各方之间作为JSON对象安全地传输信...

• 2020-05-27

70浏览

0评论

详解JWT token心得与使用实例

本文你能学到什么？
token的组成
token串的生成流程。
token在客户端与服务器端的交互流程
Token的优点和思考
参考代码：核心代码使用参考，不是全部代码JWT token的组成
头...

• 2020-05-27

47浏览

0评论

小程序中英文混合排序问题解决

小程序中英文混合排序问题
在开发一个手机联系人列表的功能时，遇到需求是需要将联系人列表按照拼音顺序排序。而联系人列表是会出现中英文混合的情况。于是遇到了问题。小程...

• 2020-05-27

44浏览

0评论

jQuery实现的记住帐号密码功能完整示例

本文实例讲述了jQuery实现的记住帐号密码功能。分享给大家供大家参考，具体如下：记住密码是每个有帐号登录的网站必备的，现在说一下通过COOKIE实现的记住密码功能。<!DOCTYPE ht...

• 2020-05-27

62浏览

0评论

vue.js实现数据库的JSON数据输出渲染到html页面功能示例

本文实例讲述了vue.js实现数据库的JSON数据输出渲染到html页面功能。分享给大家供大家参考，具体如下：1、首先通过json.php把数据库给输出为json格式的数据[ { "id":1,...

• 2020-05-27

62浏览

0评论

vue.js基于v-for实现批量渲染 Json数组对象列表数据示例

本文实例讲述了vue.js基于v-for实现批量渲染 Json数组对象列表数据。分享给大家供大家参考，具体如下：Vuejs的出现减轻了对DOM的直接操作，同时它提供的 v-for 渲染列表数据也给...

• 2020-05-27

64浏览

0评论

原生JS 实现的input输入时表格过滤操作示例

本文实例讲述了原生JS 实现的input输入时表格过滤操作。分享给大家供大家参考，具体如下：需求：对input框进行键盘输入后根据输入的内容去匹配表格中指定的数据项，若存在相匹配的...

• 2020-05-27

74浏览

0评论

JS实现的tab切换并显示相应内容模块功能示例

本文实例讲述了JS实现的tab切换并显示相应内容模块功能。分享给大家供大家参考，具体如下：思路：一层循环遍历操作的元素并获取当前遍历到的元素的下标，通过下标去选择显示对应的...

• 2020-05-27

64浏览

0评论

在Vue项目中用fullcalendar制作日程表的示例代码

前言最近老牌日历插件fullcalendar更新了v4版本，而且添加了Vue支持，所以用最新的fullcalendar v4制作一个完整日历体验一下，效果图：安装FullCalendar的功能被分解为“插件”。如...

• 2020-05-27

63浏览

0评论

vue v-for 使用问题整理小结

今天使用v-for指令的时候遇到一个错误
[Vue warn]: Error in render: "TypeError: Cannot read property 'children' of undefined"页面使用代码
<template v-for="(c,...

• 2020-05-27

48浏览

0评论

前后端常见的几种鉴权方式(小结)

最近在重构公司以前产品的前端代码，摈弃了以前的session-cookie鉴权方式，采用token鉴权，忙里偷闲觉得有必要对几种常见的鉴权方式整理一下。目前我们常用的鉴权有四种： HTTP Ba...

• 2020-05-27

72浏览

0评论

vue的注意规范之v-if 与 v-for 一起使用教程

当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中所以，不推荐v-if和v-for同时使用使用推荐方式：<ul><liv-for="u...

• 2020-05-27

40浏览

0评论

Nodejs监听日志文件的变化的过程解析

最近有在做日志文件的分析，其中有一个需求：A服务器项目需要用Nodejs监听日志文件的变化，当项目产生了新的日志信息，将新的部分通过socket传输到B服务器项目。socket暂时不做分析...

• 2020-05-27

47浏览

0评论

Vue组件间通信 Vuex的用法解析

上回说到Vue组件间通讯，最后留了一个彩蛋~~~Vuex。Vuex是另一种组件通讯的方法，这节来说说Vuex(store仓库)。首先Vuex需要安装，安装的方式有很多，在这里就不一一细说了。我是通...

• 2020-05-27

68浏览

0评论

Nuxt.js实战和配置详解

前段时间刚好公司有项目使用了Nuxt.js来搭建，而刚好在公司内部做了个分享，稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学，主要讲下搭建过程中做的一些配置。建议初次使...

• 2020-05-27

51浏览

0评论

jQuery提示框插件SweetAlert用法分析

本文实例讲述了jQuery提示框插件SweetAlert用法。分享给大家供大家参考，具体如下：SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了...

• 2020-05-27

51浏览

0评论

JS 自执行函数原理及用法

js自执行函数，听到这个名字，首先会联想到函数。接下来，我来定义一个函数：function aaa(a,b){ return sum = a + b}定义了一个名为aaa的函数，在里面可以计算两个数的和。如果想执...

• 2020-05-27

65浏览

0评论

基于 vue-skeleton-webpack-plugin 的骨架屏实战

前言目前正在做的项目，登录是需要跳转到别人的页面的，导致重定向很多，需要优化一下白屏时间，所以就用到了骨架屏，但是这次用的骨架屏不是自动生成的，还是自己敲的样式，一步步来吧，先...

• 2020-05-27

51浏览

0评论

浅谈Vue项目骨架屏注入实践

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己...

• 2020-05-27

59浏览

0评论

使用apifm-wxapi快速开发小程序过程详解

前言我们要开发小程序，基本上都要涉及到以下几个方面的工作：1、购买服务器，用来运行后台及接口程序；2、购买域名，小程序中需要通过域名来调用服务器的数据；3、购买 SSL 证书，小程序...

• 2020-05-27

46浏览

0评论

使用apifm-wxapi模块中的问题及解决方法

问题在使用 “apifm-wxapi” 模块开发小程序过程中，很多用户可能会遇到很多问题；
无法获取 openid
当前登录token无效，请重新登录
解决办法1.初始化 “apifm-wxapi” 的时候，有...

• 2020-05-27

57浏览

0评论

NodeJs 实现简单WebSocket即时通讯的示例代码

服务器的实现很简单，先装一个nodeJs的模块，叫nodejs-websocket ， 直接在nodeJs命令行中敲入：npm install nodejs-websocket回车就可以安装好了，然后就可以开始建立服务器了，因为有...

• 2020-05-27

106浏览

0评论

详解将微信小程序接口Promise化并使用async函数

前言
小程序一直到现在接口还是和刚开始一样使用的回调函数的方式，如果想在小程序中不使用框架的情况下使用Promise+Async怎么办呢？2019最新解决方案
1. 将接口Promise化
首先...

• 2020-05-27

99浏览

0评论

微信小程序 高德地图路线规划实现过程详解

前言最近项目中做到相关网约车小程序。需要使用到地图中的路线规划，对3种地图进行了分析。这里稍微做一下总结： 百度地图 百度坐标 （BD-09） 腾讯地图 火星坐标(GCJ-02) 高德...

• 2020-05-27

70浏览

0评论

微信小程序3种位置API的使用方法详解

获取位置
获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用；当用户点击“显示在聊天顶部”时，此接口可继续调用。wx.getLocation(object)<view class="container"...

• 2020-05-27

42浏览

0评论

解决vue单页面修改样式无法覆盖问题

当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元...

• 2020-05-27

60浏览

0评论

浅入深出Vue之自动化路由

在软件开发的过程中，"自动化"这个词出现的频率是比较高的。 自动化测试 ， 自动化数据映射 以及各式的代码生成器。这些词语的背后，也说明了在软件开发的过程中，对于那些 重复 、...

• 2020-05-27

66浏览

0评论

VUE组件中的 Drawer 抽屉实现代码

因为项目中用的是 element-ui 框架，而这个框架并没有抽屉组件，所以自己实现一个，具体代码如下：drawer.vue
<template> <div class="drawer"> <div :class="maskClass" @click="...

• 2020-05-27

69浏览

0评论

JS中如何轻松遍历对象属性的方式总结

自身可枚举属性
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。如果对...

• 2020-05-27

128浏览

0评论

Flutter 超实用简单菜单弹出框 PopupMenuButton功能

相信在实际开发过程当中，肯定少不了这样的功能：
点击 AppBar 右上角的按钮，弹出一个菜单供用户选择。幸运的是，Flutter 提供给我们了一个 Widget，直接就能实现如上的效果。PopupM...

• 2020-05-27

72浏览

0评论

通过js示例讲解时间复杂度与空间复杂度

1. 博客背景
今天有同事在检查代码的时候，由于函数写的性能不是很好，被打回去重构了，细思极恐，今天和大家分享一篇用js讲解的时间复杂度和空间复杂度的博客2. 复杂度的表示方式...

• 2020-05-27

68浏览

0评论

angularjs请求数据的方法示例

在 app.module.ts 中引入 HttpClientModule 并注入import {HttpClientModule} from '@angular/common/http';imports: [ BrowserModule, HttpClientModule]Angular get 请求...

• 2020-05-27

66浏览

0评论

Vue 中可以定义组件模版的几种方式

前端组件化开发已经是一个老生常谈的话题了，组件化让我们的开发效率以及维护成本带来了质的提升。当然因为现在的系统越来越复杂庞大，所以开发与维护成本就变得必须要考虑的问...

• 2020-05-27

174浏览

0评论

vue-cli3+typescript新建一个项目的思路分析

最近在用vue搭一个后台管理的单页应用的demo，因为之前只用过vue-cli2+javascript进行开发，而vue-cli3早在去年8月就已经发布，并且对于typescript有了很好地支持。所以为了熟悉...

• 2020-05-27

44浏览

0评论

详解使用WebPack搭建React开发环境

第一步、基础环境
初始化
项目初始化npm init -y安装webpacknpm i webpack安装reactnpm i react react-dom -s项目基础框架
入口文件(src/index.js)import React from 'reac...

• 2020-05-27

67浏览

0评论

微信小程序点餐系统开发常见问题汇总

java后台相关问题
一，程序包lombok不存在通常报这个错误，是因为，我们的开发者工具idea没有安装lombok库导致的解决办法如下：
提示我们没有安装，我们就安装一个不就行了，下面来教大...

• 2020-05-27

59浏览

0评论

vue实现行列转换的一种方法

行列转换是一个老生常谈的问题，这几天逛知乎有遇到了这个问题。一个前端说，拿到的数据是单列的需要做转换才能够绑定，折腾了好久才搞定，还说这个应该后端直接出数据，不应该让前端...

• 2020-05-27

57浏览

0评论

Vue路由前后端设计总结

一开始我还以为vue的路由只能用在工程化的项目里面呢，然后研究了一下才发现，在脚本化里面也是可以用的。其实呢不管在哪里用，把原理研究明白就对了。一、 官网demo这里不得不吐...

• 2020-05-27

39浏览

0评论

VUE前后端学习tab写法实例

动态创建一个tab，里面放一个table，这样一个后台管理的基本功能（之一）就出来了。好吧，这里其实只是试试水，感受一下vue的数据驱动可以怎么玩，通过一个个实例学习一下vue的各个知识点...

• 2020-05-27

54浏览

0评论

VUE写一个简单的表格实例

目录： 1、脚本式开发. 2、工程化开发 3、工程化和脚本的区别 4、来个table试试水 4,1、目标 4.2、思路 4.3、设计与编码 4.4、效果 5、业务分离 6、功能拓展——个...

• 2020-05-27

66浏览

0评论

Vue数据绑定实例写法

为什么绑定简单的数据渲染，包括表达式、函数在内。其实都只是在标签中渲染，如果遇到以下情况怎么办呢：需要在标签内部进行某种 "骚操作" 。需要控制流来控制不同数据下的不同渲...

• 2020-05-27