65浏览

0评论

Vue实现购物车的全选、单选、显示商品价格代码实例

今天中午废了一会时间，总算把项目中的购物车的单选、全选、以及实现数据的动态显示做出来了，给小白分享一下我个人一个解决办法：购物车的基本页面如下：先说实现的总体思路 1.给...

• 2020-05-27

64浏览

0评论

vue项目打包后上传至GitHub并实现github-pages的预览

vue项目打包后上传至GitHub，并实现github-pages的预览1. 打包vue 项目vue项目：
命令行输入打包命令npm run build，生成了dist文件夹：

打包完成。打包常见问题1——项目资源无法...

• 2020-05-27

97浏览

0评论

微信小程序生成海报分享朋友圈的实现方法

项目需求写完有一段时间了，但是还是想回过来总结一下，一是对项目的回顾优化等，二是对坑的地方做个记录，避免以后遇到类似的问题。需求利用微信强大的社交能力通过小程序达到裂变...

• 2020-05-27

90浏览

0评论

微信小程序和百度的语音识别接口详解

介绍因为项目需要,使用到了微信小程序和百度的语音接口 现在将项目中的一个小模块拿出来单独分享.技术关键字 微微信小程序 百度语音接口 nodejs,express fluent-ffmegp...

• 2020-05-27

72浏览

0评论

JS解惑之Object中的key是有序的么

当我们使用for/in遍历一个Object对象的时候，打印的结果是否按key的顺序打印出来呢？
答案是：不一定。
背景
最近在做一个项目的时候，遇到这样一个需求：
一个下拉列表中有3个固定选...

• 2020-05-27

68浏览

0评论

用Vue编写抽象组件的方法

看过 Vue 源码的同学可以知道，<keep-alive>、<transition>、<transition-group>等组件
组件的实现是一个对象，注意它有一个属性 abstract 为 true，表明是它一个抽象组件。Vue...

• 2020-05-27

57浏览

0评论

详解vue-cli中使用rem,vue自适应

1.rem.js内容 ! function(n) { var e = n.document, t = e.documentElement, i = 720, d = i / 100, o = "orientationchange" in n &#63...

• 2020-05-27

93浏览

0评论

如何获取vue单文件自身源码路径

这个问题要从一个想法说起。D2Admin 是一个开源的，前端中后台集成方案，原先是基于 vue-cli2，大概是向 vue-cli3 过渡时，
作者老李，想在页面右下角加个 Toggle 点击，跳到当前页面源...

• 2020-05-27

69浏览

0评论

vue路由跳转传参数的方法

vue中路由跳转传参数有多种,自己常用的是下面的几种 通过router-link进行跳转 通过编程导航进行路由跳转 1. router-link<router-link :to="{ path: 'yourPath', para...

• 2020-05-27

59浏览

0评论

使用vue-router切换页面时，获取上一页url以及当前页面url的方法

今天在实现一个小功能的时候，遇到一个问题，使用vue-router获取上一页面的url信息，我尝试了多种方式，发现使用vue-router的canDeactivate钩子实现这个功能最为方便，现在将我的实现...

• 2020-05-27

88浏览

0评论

Vue运用transition实现过渡动画

vue的过渡动画，主要是transition标签的使用，配合css动画实现的。官方文档css过渡通过点击事件来切换show的值来改变显示的文本，下面的css通过进入离开时的在匀速状态下xxs（秒）下...

• 2020-05-27

66浏览

0评论

Vue 幸运大转盘实现思路详解

转盘抽奖主要有两种，指针转动和转盘转动，个人觉得转盘转动比较好看点，指针转动看着头晕，转盘转动时指针是在转盘的中间位置，这里要用到css的transform属性和transition属性，这两个...

• 2020-05-27

98浏览

0评论

记录一次开发微信网页分享的步骤

需求
最近在做一个项目需求，分享领好书活动，获取用户的个人信息以及unionID，并诱导用户分享给好友或朋友圈，达到裂变拉新的目的。在做的过程中遇到了一些坑的地方，所以回过来总结...

• 2020-05-27

270浏览

0评论

webpack结合express实现自动刷新的方法

前言在我们开发的过程中，我们会使用webpack-dev-server实现自动刷新，webpack-dev-server会把编译后的文件全部保存在内存里，而不会写入到文件目录内。但当我们的开发是前端和后...

• 2020-05-27

138浏览

0评论

详解Vue、element-ui、axios实现省市区三级联动

现在大部分电商的网站、app都需要用户或者管理者去选择设置地区等位置信息。下面我就介绍一下前端开发者用vue，axios，element-ui开发一个省市区三级联动的组件。1.准备工作，首...

• 2020-05-27

79浏览

0评论

javascript实现对话框功能警告（alert 消息对话框）确认（confirm 消息对话框）

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。注:alert弹出消息...

• 2020-05-27

50浏览

0评论

Vue数据绑定简析小结

作为MVVM框架的一种，Vue最为人津津乐道的当是数据与视图的绑定，将直接操作DOM节点变为修改 data 数据，利用 Virtual Dom 来 Diff 对比新旧视图，从而实现更新。不仅如此，还可以通...

• 2020-05-27

88浏览

0评论

微信小程序扫描二维码获取信息实例详解

1.最简单的扫二维码获得信息。首先，在网上找一个二维码生成网站，生成一个二维码，我用的是草料二维码，随便生成了一个二维码做测试。就这个。我搭建的界面如下：如图可见，点击1中的...

• 2020-05-27

85浏览

0评论

Node.js一行代码实现静态文件服务器的方法步骤

静态文件服务器实现nodejs不仅仅可以用来写服务端接口，用来做静态文件服务器替代nginx的功能， 也是分分钟可以搞定的。 话不多说，先上代码：var server=http.createServer(functi...

• 2020-05-27

73浏览

0评论

详解vue中使用protobuf踩坑记

官方解释为：Protocol buffers are a flexible, efficient, automated mechanism for serializing structured data – think XML, but smaller, faster, and simpler. You de...

• 2020-05-27

718浏览

0评论

基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)

基于Vue实现的多条件筛选功能(类似京东和淘宝功能)，可以支持多选、清空、全选功能，数据源是通过JSon格式的数据封装而成。实现的效果图：代码实现如下：html:<div id='app'><templ...

• 2020-05-27

72浏览

0评论

vue接入腾讯防水墙代码

vue接入腾讯防水墙代码，具体代码如下所示：开始创建代码：登陆调用方法代码总结以上所述是小编给大家介绍的vue接入腾讯防水墙代码,希望对大家有所帮助，如果大家有任何疑问请给我...

• 2020-05-27

83浏览

0评论

VUE接入腾讯验证码功能（滑块验证）备忘

最近在用VUE做个简单的用户系统，登录注册需要验证码，想找个那种拖动的，找geetest居然已经不面向小客户了（或者说只有收费套餐）。腾讯防水墙的验证码免费使用，有2000/小时的免费额...

• 2020-05-27

151浏览

0评论

小程序扫描普通链接二维码跳转小程序指定界面方法

微信官方文档https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html看了官方文档之后，还是存在很多困惑，微信小程序是托管到微信服务器上的，要想扫描普通链...

• 2020-05-27

66浏览

0评论

webpack-mvc 传统多页面组件化开发详解

最近有一个项目，还是使用的传统 MVC 模式开发，完全基于jQuery，使用了基于java模板引擎velocity，页面中嵌入了大量java语法，使得前后端分离不彻底，工程打包上线苦不堪言，为实现后端...

• 2020-05-27

55浏览

0评论

微信小程序实现Session功能及无法获取session问题的解决方法

因为小程序原生不支持Cookie，因此也不支持Session。网上找到的的一些方法有缺陷，而且很多累赘，估计没有实际测试过，在此直接给出实测可用的代码。大概思路就是借助小程序本地储...

• 2020-05-27

141浏览

0评论

Vue Echarts实现可视化世界地图代码实例

Echarts实现可视化世界地图模拟迁徙，以我自己开发过程。下载Echarts依赖：npm install echarts成功以后引入依赖：import echarts from 'echarts'peopleInsertCharts为生成echart...

• 2020-05-27

98浏览

0评论

Vue中UI组件库之Vuex与虚拟服务器初识

一、日历组件new Date()的月份是从0开始的。下面表达式是：2018年6月1日new Date(2018, 5, 1);下面表达式是：2018年5月1日new Date(2018, 4, 1);或new Date(2018, 5-1, 1);下面...

• 2020-05-27

84浏览

0评论

详解Vue demo实现商品列表的展示

Vue实现商品列表的展示是一个比较简单的入门demo，下面是具体的实现：简单CSS样式：<style> #box ul{ display: flex; flex-wrap: wrap; } #box li{ padding: 3px; list-style...

• 2020-05-27

51浏览

0评论

vue搜索和vue模糊搜索代码实例

1、使用vue来实现一般搜索<form action="" @submit="submitQuery" class="all_two"> <el-input v-model="input" placeholder="请输入内容" ref="search" style="width:30...

• 2020-05-27

75浏览

0评论

微信小程序实现获取用户信息并存入数据库操作示例

本文实例讲述了微信小程序实现获取用户信息并存入数据库操作。分享给大家供大家参考，具体如下：微信小程序获取用户信息简单，但是在存入自己服务器数据库的过程中研究了一天多的...

• 2020-05-27

72浏览

0评论

7个好用的JavaScript技巧分享（译）

前言就像所有其他编程语言一样，JavaScript也有许多技巧可以完成简单和困难的任务。 一些技巧广为人知，而其他技巧则足以让你大吃一惊。 让我们来看看你今天就可以开始使用的七...

• 2020-05-27

92浏览

0评论

详解Vue前端生产环境发布配置实战篇

前言
首先这篇文章是写给Vue新手的，老司机基本不用看了。当我们刚接触vue的时候，特别是对于第一次用前端框架的同学来说，心情可以说是比较激动的，框架带来的种种新体验，是以前jQu...

• 2020-05-27

114浏览

0评论

微信小程序实现用table显示数据库反馈的多条数据功能示例

本文实例讲述了微信小程序实现用table显示数据库反馈的多条数据功能。分享给大家供大家参考，具体如下：解决了微信小程序自定义表格，并显示的多条数据的问题。index.wxml<view>...

• 2020-05-27

101浏览

0评论

微信小程序：数据存储、传值、取值详解

小程序界面传值父级界面：A界面
子级界面：B界面一、url传值详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。
1. 正向传值：A界面 –>B界面用 navigator标签或...

• 2020-05-27

68浏览

0评论

vue父组件触发事件改变子组件的值的方法实例详解

父组件向子组件通信业务场景：现在我要在父组件点击一个回退按钮，这个回退会传进子组件中（子组件中有两步进程），子组件来处理。解决方案起初我是父组件通过props传值，但是发现只有...

• 2020-05-27

80浏览

0评论

JavaScript实现随机点名器实例详解

你是公司的程序员，年会的时候公司要给员工抽奖发福利，要求你写一个页面小程序，用来随机选出幸运员工，分设一二三等奖大致如下图示例: 以下是点名器的一种思路，页面比较简陋，只给出...

• 2020-05-27

95浏览

0评论

常见的浏览器存储方式（cookie、localStorage、sessionStorage）

今天我们从前端的角度了解一下浏览器存储，我们常见且常用的存储方式主要由两种：cookie、webStorage（localStorage和sessionStorage）。下面我们来一一认识它们。Cookie基于HTTP规...

• 2020-05-27

88浏览

0评论

iphone刘海屏页面适配方法

1. 下面是实现iphonex 刘海屏前端页面适配的一个插值算法小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body,...

• 2020-05-27

91浏览

0评论

微信小程序人脸识别功能代码实例

前几天偶然看见一个人脸识别的小程序demo，觉得很有趣下载下来想玩玩，结果只是一个框架而已用不了的，花了点时间完善一下吐槽一下wx.uploadFile这个接口，真是个大坑，最开始调用时...

• 2020-05-27

85浏览

0评论

js实现继承的方法及优缺点总结

整理《javascript高级程序设计》中继承的方法以及优缺点。
1. 原型链
ECMAScript中描述了原型链的概念，并将原型链作为实现继承的主要方法。
原型链继承的基本思想是利用原型...

• 2020-05-27

103浏览

0评论

深入浅析vue-cli@3.0 使用及配置说明

使用vue-cli3已经有相当一段时间了，一直没怎么去注意其中的配置，所以趁着这段时间总结下应用过程中的一些经验，本文是从安装到开发使用的一个过程讲解，也可以说是新手向的文章，文...

• 2020-05-27

84浏览

0评论

Vue.js轮播图走马灯代码实例（全）

话不多说先上效果图，本文引荐链接https://www.freexyz.cn/article/129112.htm这个是html,<template> <div> <div class="back_add"> <div class="threeImg"> <div class=...

• 2020-05-27

76浏览

0评论

微信小程序封装自定义弹窗的实现代码

最近在做小程序的登录，需要同时获取用户手机号和头像昵称等信息，但是小程序又不支持单个接口同时获取两种数据，因此想到自定义一个弹窗，通过弹窗按钮触发获取手机号事件。记录...

• 2020-05-27

201浏览

0评论

vue使用vuex实现首页导航切换不同路由的方法

vue实现首页导航切换不同路由的方式（二）【使用vuex实现的】，具体代码如下所示：<nav> <!-- 导航栏 --> <div class="indexNavOut"> <div class="indexNav"> <ul class...

• 2020-05-27

62浏览

0评论

浅谈JS的原型和继承

参考文献JavaScript原型与继承的秘密__proto__除null和undefined，JS中的所有数据类型都有这个属性； 它表示当我们访问一个对象的某个属性时，如果该对象自身不存在该属性， 就从它...

• 2020-05-27

59浏览

0评论

vue实现菜单切换功能

vue实现菜单切换，点击菜单导航切换不同的内容以及为当前点击的选项添加样式，或者组件。method里： css:html代码：<nav> <ul> <li> <a :class="{active : Index == 1}" @click="ch...

• 2020-05-27

100浏览

0评论

Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)

demo需求分析：图中菜单区域为header公用组件，点击相应的菜单选项跳转到对应的路由，在菜单下区域加载相应组件的内容。以下两图分别为点击“我的电站”、“个人中心”的效果demo...

• 2020-05-27

68浏览

0评论

利用原生JavaScript实现造日历轮子实例代码

前言在日常开发中，大多数都是在和框架打交道，久而久之便遗忘了原生JS的感觉，个人感觉中原生JS基础还是很重要的，所以最近就利用了空余时间造一个轮子出来，虽然以我的水平造出来的...

• 2020-05-27

76浏览

0评论

微信小程序事件对象中e.target和e.currentTarget的区别详解

在小程序的事件回调触发时，会接收一个事件对象，事件对象的参数中包含一个target和currentTarget属性，接下来说说这二者的区别。首先上代码：wxml部分：<view id='tar-father' bindt...

• 2020-05-27