通过扫小程序码实现网站登陆功能
网络上关于实现本本功能的文章很多，但是给出案列的几乎没有，今天笔者实现用小程序码实现网站登陆，体验地址如下https://idea.techidea8.com/open/login.shtml思路核心流程关键...
2020-05-27
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
说到页面之间的跳转，跳转中顺带些参数，在程序猿的生活中是很常用的，下面就让我们来看看吧！这里有两种方法来解决：方法一
就是我们常用的本地储存，在当前子级页面用（ wx.setStorage...
2020-05-27
nodejs简单抓包工具使用详解
前言就是简简单单写程序的我为什么需要抓包？其实在平时写demo的时候需要用到一些图片和文本的资源的，但是需求量比较大，这个时候就想去网站上面直接复制啊，然后图片另存为啊，什么...
2020-05-27
jquery实现的分页显示功能示例
本文实例讲述了jquery实现的分页显示功能。分享给大家供大家参考，具体如下：我们在显示文章列表的时候，通常需要分页显示。一种方式是通过SQL查询的limit进行分页，即只查询该页面...
2020-05-27
jquery分页优化操作实例分析
本文实例讲述了jquery分页优化操作。分享给大家供大家参考，具体如下：前言上次写了博客 jquery分页显示，文章的jquery分页方式虽然可以通过js实现分页，但是也存在明显的弊端。该...
2020-05-27
使用vue实现多规格选择实例（SKU）
做过商城项目的小伙伴们，相信大家多多少少都会接触到规格选择这个模块，也就是所说的SKU。
公司最近在做一个下单系统，这里面就涉及到这个SKU，说实话之前我是没有写过这个的，刚开...
2020-05-27
详解vue-video-player使用心得（兼容m3u8）
下载vue-video-playernpm install vue-video-player --save在main.js文件引入
import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require(...
2020-05-27
详解基于Vue/React项目的移动端适配方案
前言本文的目标是通过下文介绍的适配方案，使用vue或react开发移动端及H5的时候，不需要再关心移动设备的大小，只需要按照固定设计稿的px值布局，提升开发效率。
下文给出了本人分...
2020-05-27
微信小程序后台持续定位功能使用详解
微信小程序团队在7月30日更新了 基础库 2.8.0其中新添加了小程序后台持续定位功能和联系定位的接口从上到下分别是1.wx.onLocationChange//监听位置实时变化2.wx.stopLocati...
2020-05-27
简述ES6新增关键字let与var的区别
最近看了很多文章，偶然间看到ES6中新增了一个关键字 let ，它具有与 var 关键字相似的功能。一开始使用它时，发现它让我对之前一些习以为常的东西产生了怀疑。下面先让我们看看...
2020-05-27
VUE实现移动端列表筛选功能
最近兴趣所致，打算使用vant搭建一个webapp，由于需要使用列表筛选，没有找到合适组件，于是写了一个简单的功能，权当记录。效果如下：
HTML:
<div class="filterbar"> <div class="...
2020-05-27
vue使用微信JS-SDK实现分享功能
最近开发微信公众号内嵌H5页面，使用vue搭建的项目，由于业务需求，需要实现微信自定义分享功能，所以项目中集成微信JS-SDK。微信JS-SDK是微信公众平台面向网页开发者提供的基于微...
2020-05-27
微信小程序 授权登录详解（附完整源码）
一、前言
由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发。官方连接：https://developers.weixin.qq.com/commu...
2020-05-27
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
最近在做项目时,需要进行两个组件联动,一个轮询获取到消息,然后将其传递给另外一个组件进行横向滚动展示,结果滚动的速度越来越快。这里记录一下来提醒自己。消息滚动的代码...
2020-05-27
微信小程序之下拉列表实现方法解析（附完整源码）
一、效果图二、实现原理
跟网页的下拉列表实现是一样的，刚刚开始默认下拉的内容的是不显示的（display:none），然后通过点击的时候，去更改 display 的属性值，来实现下拉的效果。然后...
2020-05-27
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
使用Node.JS的大多数用记事本开发，有时侯会需要统计工程代码量，然后记事本大部分没有这个功能。其实用node.js几行代码就可以实现。var path = require('path')var fs = requ...
2020-05-27
微信小程序swiper禁止用户手动滑动代码实例
前言最近做一个项目，由于用到了竖向swiper，导致占用屏幕过大，用户滑动总是滑动到swiper组件，页面无法向下拉动，于是找各种办法禁止用户手动滑动swiper组件。经过网上一番查找，网友...
2020-05-27
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
倒计时——从10倒数到0，点击按钮会还原倒计时<body> <!-- 将textvalue值设为10，从10倒数 --> <input type="text" value="10" id="txt"> <input type="button" value="重新...
2020-05-27
帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）
提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完)1. 前言作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性...
2020-05-27
js prototype和__proto__的关系是什么
我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。（这个对象下面有个属性，这个属性是另外一个对象...
2020-05-27
js针对图片加载失败的处理方法分析
本文实例讲述了js针对图片加载失败的处理方法。分享给大家供大家参考，具体如下：在项目中不可避免会用到图片，尤其是列表，有时候图片会加载失败；这样就会显示一个很难看的坏图片缩...
2020-05-27
node获取客户端ip功能简单示例
本文实例讲述了node获取客户端ip功能。分享给大家供大家参考，具体如下：使用nodejs来获取客户端ip遇到了一个需求，就是服务端让前端自己获取ip，当时就是各种百度，发现通过node来获...
2020-05-27
微信小程序前端promise封装代码实例
这篇文章主要介绍了微信小程序前端promise封装代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下config....
2020-05-27
微信小程序class封装http代码实例
这篇文章主要介绍了微信小程序class封装http,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下config.jsvar conf...
2020-05-27
Jquery实现获取子元素的方法分析
本文实例讲述了Jquery实现获取子元素的方法。分享给大家供大家参考，具体如下：Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，...
2020-05-27
angularjs自定义过滤器demo示例
本文实例讲述了angularjs自定义过滤器demo。分享给大家供大家参考，具体如下：这个基于angularjs的过滤器是最近做的"信息管理学院实验室预约"项目中的一个小功能。以下为数据:$...
2020-05-27
JavaScript在web自动化测试中的作用示例详解
前言
JS的全称JavaScript，是一种运行在浏览器中的解释型脚本语言，通常用来实现web前端页面的基本功能，对于前端开发人员是不得不掌握的一门基本技能，但是对于做web自动化测试的...
2020-05-27
javascript导出csv文件（excel）的方法示例
这里贴出JavaScript导出csv文件（excel）的代码。/** * 导出excel * @param {Object} title 标题列key-val * @param {Object} data 值列key-val * @param {Object} fileName...
2020-05-27
Vue源码分析之Vue实例初始化详解
这一节主要记录一下：Vue 的初始化过程以下正式开始：Vue官网的生命周期图示表重点说一下 new Vue()后的初始化阶段，也就是created之前发生了什么。initLifecycle 阶段export fun...
2020-05-27
JS异步处理的进化史深入讲解
前言
javascript是一门单线程的语言，也就是说一次只能完成一件任务，如果有多个任务，就需要排队进行处理。如果一个任务耗时很长，后面的任务也必须排队等待，这样大大的影响了整个...
2020-05-27
express框架中使用jwt实现验证的方法
前言接着上遍文章(使用session保存用户数据)来让使用jwt保存用户数据。
这里会用到passport-jwt/jsonwebtoken。
passport-jwt是passport的一个验证策略。它使用jwt（json web...
2020-05-27
JS阻止事件冒泡的方法详解
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs"Inherits="Default5"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht...
2020-05-27
详解vuex数据传输的两种方式及this.$store undefined的解决办法
这个问题很乌龙,但也很值得记录一下, 原因是main.js中import store时将store的首字母写成了大写.问题版本的如下所示:import Store from './store'我大概看了一下, vue似乎...
2020-05-27
vue移动端实现手机左右滑动入场动画
本文实例为大家分享了vue移动端实现手机左右滑动入场的具体代码，供大家参考，具体内容如下app.vue<template> <div id="app"> <transition :name="transitionName"> <keep-aliv...
2020-05-27
Node.js爬虫如何获取天气和每日问候详解
安装依赖
安装node.js,同时安装好依赖：
npm install request --save // http请求库npm install cheerio --save // 分析html工具npm install express --save // nodejs web框...
2020-05-27
vue 源码解析之虚拟Dom-render
vue 源码解析 --虚拟Dom-renderinstance/index.jsfunction Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is a...
2020-05-27
js实现跟随鼠标移动的小球
本文实例为大家分享了js实现跟随鼠标移动的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>follow mouse</title></head><style type="text/css"> *{...
2020-05-27
Vue中跨域及打包部署到nginx跨域设置方法
众所周知,我们在做前后端分离项目的时候,经常需要在本地起前端工程,接口希望拉取服务端的实际数据而不是本地的mock数据,而如果本地程序直接访问远程接口， 肯定会遇到跨域问...
2020-05-27
Vue路由之JWT身份认证的实现方法
一、JWT身份认证简介
JSON Web Token（JWT）是目前最流行的跨域身份验证解决方案，相较于session机制，服务器就不需要保存任何 session 数据了，也就是说，服务器变成无状态了，从而比较...
2020-05-27
详解nuxt 微信公众号支付遇到的问题与解决
背景：nuxt为默认的history模式，用这个npm 支付weixin-js-sdk，开启debug模式，尽量在ios下调试，因为alert弹窗的信息会更多。async onPay (config) { try { const wxUrl = window.l...
2020-05-27
微信小程序实现手势滑动效果
本文实例为大家分享了微信小程序实现手势滑动的具体代码，供大家参考，具体内容如下wxml:<view bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEn...
2020-05-27
详解在vue-cli3.0中自定css、js和图片的打包路径
前言
我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有 assetsDir配置项能够配置所有的静态文件所在的文件夹，并不...
2020-05-27
微信小程序事件 bindtap bindinput代码实例
一、bindtap事件
在wxml文件里绑定： <view class='wel-list' bindtap='TZdown'> <image src="/images/welcome_08.png"></image> <text>C语言资料下载</text> </view>在js...
2020-05-27
Vue.use()在new Vue() 之前使用的原因浅析
使用Vue前端框架开发有些时间了，官方文档对于插件开发也有详细的介绍。最近强迫症犯了，老在想为什么Vue.use函数执行，要在Vue实例化即new Vue(options)之前。解铃还须系铃人，这...
2020-05-27
js实现指定时间倒计时效果
本文实例为大家分享了js实现指定时间倒计时的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时</title> </hea...
2020-05-27
React传值 组件传值 之间的关系详解
react 组件相互之间的传值：
传值分父级组件传值给子组件 子组件传值给父组件 平级组件、没有嵌套的组件相互传值1.父组件向子组件传值
父组件通过属性的形式来向子组件传值，子...
2020-05-27
vue柱状进度条图像的完美实现方案
前言本文是对bar进度条实现的2种方案进行分享，第一种是很简单，纯css的实现，第二种是echart的实现。css的实现css实现很简单。代码如下：<template> <div class="haoroomflex"> <...
2020-05-27
微信小程序实现左侧滑栏过程解析
前言
一直想给项目中的小程序设置侧滑栏，将退出按钮放到侧滑中，但是小程序没有提供相应的控件和API，因此只能自己手动实现，网上很多大神造的轮子很不错，本文就在是站在巨人的肩膀...
2020-05-27
微信小程序实现手势滑动卡片效果
最近工作中有项目要使用微信小程序技术进行开发，其中一项功能困扰了我很久，卡片滑动动效以及手势识别。经过一番研究和参考，现在把成果展示。记录自己踩到的坑，如果大家有需要，也...
2020-05-27
使用typescript构建Vue应用的实现
一、Vue项目初始化-引入typescript
使用typescript构建Vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的...
2020-05-27
