利用javascript能实现常见的动态的网页轮播图效果，如下图1所示：图1实现该轮播图有以下几个要点：(1)在左右两侧各有一个箭头，分别指的是向左和向右切换，即点击相应的位置就会切换...

开发小程序，封装有一个简单易用wx.request请求还是很必要的，可以省去大量的维护成本！闲话不多说，直接撸代码。流程 创建http.js文件，封装wx.request 创建api.js文件，统一管理所...

微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法，1、设置id的方法标识跳转后传递的参数值；2、通过使用data - xxxx 的方法来标识要传递的值微信小程序设置id...

本文针对的是Vue小白，不喜勿喷，谢谢出现该问题的标志如下控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html）出现的原因及解决办法...

效果html代码<form bindsubmit="formSubmit" bindreset="formReset"> <view class="section section_gap"> <view class="section__title">是否公开信息</view> <switch n...

表单类控件承载了一个网页数据的录入与交互，本章将介绍如何使用指令v-model完成表单的数据双向绑定。6.1 基本用法表单控件在实际业务较为常见，比如单选、多选、下拉选择、输...

在本文 微信小程序--获取用户地理位置名称(无须用户授权) 之前需要先看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs代码封装是在上文添加的。准备1、...

本文代码仅针对 Vue CLI 3.x 生成的项目有效，但是在第二步配置的时候，可以直接配置 webpack.externals，所以本引入思路是通用的，并不局限于该项目资源
AMap 准备-入门教程 引入...

微信小程序-获取用户session_key,openid,unionid - 后端为nodejs8.0+步骤：1、通过wx.login接口获取code既jscode，传递到后端；2、后端请求https://api.weixin.qq.com/sns/jscode...

一.实现思路 (1)实现上是左右分别一个better-scroll列表 (2)利用计算右侧列表每一个大区块的高度来计算左侧的位置二.实现1.实现左右两个better-scroll(1)dom结构(better-...

现在的网站开发，都绕不开微信登录（毕竟微信已经成为国民工具）。虽然文档已经写得很详细，但是对于没有经验的开发者还是容易踩坑。所以，专门记录一下微信网页认证的交互逻辑，也方便...

$rootvue状态管理使用vuex,如果项目不大，逻辑不多，name我们没必要用vuex给项目增加难度，只需要用$root设置vue实例的data就行了，如下main.jsnew Vue({ data(){ return{ loadi...

这篇文章用JS显示表单的登录以及验证和对键盘的监听，这里有两种方法，一种是无需用户验证直接登录，一种是需要账户密码匹配才可登录。1. html代码<div class="content"> <div c...

背景
随着业务的发展，自然地会有一些公共的业务被抽离成为公共组件共各个项目使用。但是由于各个项目用到的技术栈都有所不同，所以这个公共组件就不能方便地被引用了。为解决...

有一种叫做JSON (JavaScript Object Notation) 的轻量级数据交换格式能够替代XML的工作。它就是JSON。各语言对JSON支持的特别好，自从Ajax的流行，JSON格式传输就更流行了。一...

一、项目介绍基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat，实现了发送消息、表情(动...

效果 jslet app = getApp();Page({ data: { img: "/images/1.jpg" }, onLoad() { }, scan() { wx.scanCode({ success: (res) => { console.log("扫码结果"); console.lo...

在网站开发的某些情况下我们需要上传文件到服务器，在这个过程中可能会对文件做一定的限制，比如说文件格式，文件大小等，在一些情况下我们上传文件其实是为了获取其中的内容在前端...

在web开发中，我们经常需要用js将时间戳转yyyy-MM-dd HH-mm-ss类似的格式，这样才适合我们的观感，那么我们该如何在js中将时间戳转换成这种格式呢？其实很简单，我们开发一个时间戳工...

当我第一次发现 TypeScript 时，就把它用到了自己的 JavaScript 程序中。使用 TypeScript 有很多好处，现在你要让我在用原生 JavaScript 写任何东西的话，需要给我一个令人信服的...

平常在微信小程序开发的时候，因项目的需求，倒计时必不可少，下面主要讲解定时器在微信小程序中的使用。这里要先声明一点的就是，该篇主要实现倒计时功能，而且实现是时长较短的倒计...

VueJS可以说是近些年来最火的前端框架之一，越来越多的网站开始使用vue作为前端框架，vuejs轻量、简单，对于前端友好，学习路线平坦，这使得前端开发变得更加简易，而基于vuejs的前端组...

正在尝试改用NodeJS编写爬虫，http请求库选择了 request ，用起来还是挺简单的。现在有个需求，需要用Fiddler抓包我发出去的请求，以便和浏览器发出去的包进行对比。因为需要解密HT...

一、mintUI简介mint是一个基于vue的前端UI框架，而它的样式比较类似于手机的样式，可以说是一个基于vue打包app的UI框架，使用mint框架可以给使用vue打包的app的用户更好的交互体...

具体代码如下所示：wx.ready(function () { var startRecordflag = false var startTime = null　　　　　//btnRecord 为录音按钮dom对象 btnRecord.addEventListen...

在微信小程序中，我们可以很方便的通过API接口来获取我们当前的位置，接下来我讲告诉大家微信获取定位的API—wx.getLocation的用法，以及我们通过获取定位，得到当地的位置，天气等信...

首先确保VS Code 安装了 Vetur 和 Eslint 插件。
然后使用了vue-cli提供的简单webpack模板，这样创建的工程默认没有添加ESLint。vue init webpack-simple test-vscode配置过...

本文实例讲述了微信小程序单选radio及多选checkbox按钮用法。分享给大家供大家参考，具体如下：1.单选：radio实例：js:Page({data : {radioId:"",loves:[{id:1, name:"跑步" ,check...

Vue-cli3.X创建项目1.环境要求安装Vue-cli3.x的前置条件：Node.js
以Windows为例安装Node.js,百度 “Node.js官网” 或”Node.js中文网”均可 ,如无特殊要求 下载安装 LTS版（长...

做过校验需求的小伙伴们都知道，校验其实是个麻烦事。规则多，需要校验的字段多，都给我们前端带来巨大的工作量。一个不小心，代码里就出现了不少if else等不可维护的代码。因此，我...

本文实例讲述了微信小程序实现同一页面取值的方法。分享给大家供大家参考，具体如下：1.js里单个的值在wxml里取值方法：js里将该值定义为全局变量，在wxml里采用 {{ }}即可获取。实...

本文实例讲述了微信小程序常用赋值方法。分享给大家供大家参考，具体如下：1.微信小程序将值赋值给局部变量: "="实例：var name=options.goodsName2.微信小程序将值赋值给全局变...

该组件基于技术栈，主要涉及vue-cli生成的webpack项目脚手架，在此脚手架项目基础上完成的，整合了element-ui开源vue的UI项目1.vue-cli的安装使用npm install -g vue-cli全局安装...

本文实例讲述了微信小程序页面间传值与页面取值操作。分享给大家供大家参考，具体如下：微信小程序页面间传值1.js页面间的传值：url: ' 路径 &#63; 值='+ 获取该页面取值,实例1：pa...

路由传值在前端的路由里面，我们在切换路由的时候，也相当于切换了页面，页面与页面之前有时候需要做到传值 ，这个时候就需要进行路由传值，在VueRouter里面，两个路由之间做跳转的时候...

这是一个什么项目？答：这是一个单页面的vue.js项目，主要为了实现在非build时，进行自动路由。简单点说，就是在请求页面时，根据url进行动态添加路由。自动路由有什么限制吗？答：有，因为是...

本文旨在给大家提供一种构建一个完整 UI 库脚手架的思路：包括如何快速并优雅地构建UI库的主页、如何托管主页、如何编写脚本提升自己的开发效率、如何生成 CHANGELOG 等前言...

正文：// util.js//时间戳转换成日期时间function js_date_time(unixtime) { var dateTime = new Date(parseInt(unixtime) * 1000) var year = dateTime.getFullYear(); var...

介绍做前端的大家都知道通过 vue 开发的项目每次创建新组建的时候，都要新建一个目录，然后新增 .vue 文件，在这个文件中再写入 template 、 script 、 style 这些内容，虽然在写入...

flexiblevue移动端屏幕适配,查看项目地址效果预览# 项目clone
git clone git@github.com:NicolasGui/flexible.git# 进入项目目录
cd flexible# 安装依赖
npm install# 启动...

这次做了vue页面的图片上传功能，不带裁剪功能的！首先是html代码，在input框上添加change事件，如下：<ul class="clearfix"> <li v-if="imgs.length>0" v-for='(item ,index...

先给大家展示下效果图：1.html代码<div class="form-group" style="display: flex;"> <div> <span>验证码：</span> <input type="text" id="code" v-model="code...

核心思想&#8226;随机产生规定范围内的整数，然后再产生相同范围内的整数，两者相同时，则暂停。所用知识&#8226;Math.random() * num: 产生从0到num的随机数
&#8226;Math.floor():...

一 过滤器过滤器就是vue允许开发者自定义的文本格式化函数，可以使用在两个地方：输出内容和操作数据中。1.1 定义过滤器的两种方式1.1.1 使用Vue.filter()进行全局定义Vue.filt...

前言slot可以在子组件中开启插槽，在父组件引用该组建时，可以定义这个插槽内要展现的功能或模块，下面话不多说了，来一起看看详细的介绍吧
1.单个slot
子组件中在相应位置写slot标...

强缓存：
到底什么是强缓存？强在哪？其实强是强制的意思。当浏览器去请求某个文件的时候，服务端就在respone header里面对改文件做了缓存配置。缓存的时间、缓存类型都由服务端控...

前言
刚来公司的时候，对react项目中的thunk中间件的作用一直不太了解，最近有时间决定好好研究一下。鉴于本人初次写博客，并已假设读者已掌握redux的一些基本用法；如有错误，还望指...

本文实例讲述了微信小程序常见页面跳转操作。分享给大家供大家参考，具体如下：1.保留当前页面，跳转到应用内另一个页面：wx.navigateTo({ url: '页面路径', })实例：pageSkip :funct...

快放假了，人狠话不多，啥也不说了。先看效果图。 思路从上面的效果图来看，基本的需求包括： 左右滑动到一定的距离，就向相应的方向移动一个卡片的位置。 卡片滑动的时候有一定的...

本文实例讲述了javascript原型链学习记录之继承实现方式。分享给大家供大家参考，具体如下：在慕课网学习继承的笔记：继承的几种方式：① 使用构造函数实现继承function Parent(){...