微信小程序项目实践之验证码倒计时功能
效果如下：点击发送验证码按钮，按钮背景变色，不可点击，显示倒计时文字 首先js文件的data里面 声明一个变量用于表示当前是否可以点击，codeIsCanClick = true, 默认是可以点击...
2020-05-27
详解性能更优越的小程序图片懒加载方式
意义懒加载或者可以说是延迟加载，针对非首屏或者用户"看不到"的地方延迟加载，有利于页面首屏加载速度快、节约了流量,用户体验好实现方式传统H5的懒加载方式都是通过监听页面...
2020-05-27
微信小程序项目实践之主页tab选项实现
官方文档效果图：实现底部Tab选项，只需要在项目根目录下的app.json下修改如图： 先介绍一下app.json文件默认有两个代码块：
1、pages
这里注册了当前小程序的所有页面路径
2、wind...
2020-05-27
微信小程序实践之动态控制组件的显示/隐藏功能
组件有个属性：hidden='' ,值为true/false ，当false的时候说明不隐藏，当true的时候说明隐藏，注意该隐藏是不保留组件位置的。实现即 .js 配合.wxml 文件一、在.js 文件下的 Page(...
2020-05-27
小程序自定义组件实现城市选择功能
上篇文章有介绍一些小程序的自定义组件语法，这篇文章就不多做赘述，重点介绍组件的实现逻辑。先把效果图贴出来，看看要实现的效果：城市选择效果图.gif首先还是设置布局，从实现效果...
2020-05-27
vue代理和跨域问题的解决
一、安装vue-resource插件cnpm install vue-resource --save在根目录下的package.json检查一下插件的版本在rourer-index.js下引入文件import Resource from 'vue-resource'...
2020-05-27
微信小程序实现天气预报功能
本文实例为大家分享了微信小程序实现天气预报功能的具体代码，供大家参考，具体内容如下这个案例是仿UC中天气界面做的中间也有点出入，预留了显示当前城市名字和刷新图标的位置，自...
2020-05-27
详解Angularjs 自定义指令中的数据绑定
有关自定义指令的scope参数，网上很多文章都在讲这3种绑定方式实现的效果是什么，但几乎没有人讲到底怎么使用，本篇希望聊聊 到底怎么用 这个话题。一. 自定义指令
自定义指令，是...
2020-05-27
微信小程序实现折叠展开效果
本文实例为大家分享了微信小程序实现折叠展开效果的具体代码，供大家参考，具体内容如下wxml：<view class="page"><!-- 总数 --><view class="li" bindtap='changeToggle'><view...
2020-05-27
React组件重构之嵌套+继承及高阶组件详解
前言在最近做的一个react项目中，遇到了一个比较典型的需要重构的场景：提取两个组件中共同的部分。
最开始通过使用嵌套组件和继承的方式完成了这次重构。
但是后来又用高阶组...
2020-05-27
微信小程序实现之手势锁功能实例代码
设计思路流程图1、全局常量constructor(page,opts){ // 初始化全局常量数据 this.page = page; this.width = opts.width || 300; this.height = opts.height || 300;...
2020-05-27
微信小程序实现弹出菜单
本文实例为大家分享了微信小程序实现弹出菜单的具体代码，供大家参考，具体内容如下菜单
代码:
1.index.js//index.js//获取应用实例var app = getApp()Page({ data: { isPoppi...
2020-05-27
Angular5集成eventbus的示例代码
1.package.json中"dependencies": { ... "vertx3-eventbus-client": "3.5.2", },然后 npm install，或者：npm install vertx3-eventbus-client@3.5.22.angular-cli.json中...
2020-05-27
微信小程序实现自定义加载图标功能
效果图实现思路1.首先通过HTML+CSS实现加载动画的静态效果；
2.根据需求给每个动画设计不同的动画效果。例如第一个加载图标的静态绘制1、首先确定动画的盒子宽高；
2、设置盒...
2020-05-27
微信小程序实现分享到朋友圈功能
截止到2017年11月18号，微信小程序官方还尚未开放直接分享到朋友圈的能力，但是劳动人民的智慧是伟大的，现在普遍的做法是，生成一张带有小程序码的图片，保存到用户相册，用户自行发布...
2020-05-27
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
做项目过程中，需要用到后台模拟数据，在机缘巧合下发现了mock，在学习使用的过程中又偶遇了axios-mock-adapter。现在将实例展示如下：1、准备实例是建立在vue-cli的基础上实现
需...
2020-05-27
解决vue-cli3 使用子目录部署问题
在使用 vue-cli3 build的时候，使用非子目录需要在 vue.config.js 中添加如下代码：module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '/dist/' : '/'...
2020-05-27
浅谈Vue初学之props的驼峰命名
在vue的中文官网有这样的说明：HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 pro...
2020-05-27
微信小程序自定义对话框弹出和隐藏动画
本文实例为大家分享了微信小程序自定义对话框弹出和隐藏动画的具体代码，供大家参考，具体内容如下index.js//index.jsvar app = getApp(); let animationShowHeight = 300; Pag...
2020-05-27
JavaScript去掉数组重复项的方法分析【测试可用】
本文实例分析了JavaScript去掉数组重复项的方法。分享给大家供大家参考，具体如下：利用JavaScript的object的特性，我们可以非常容易的实现将一个数组的重复项去掉。object的特性...
2020-05-27
如何理解Vue的v-model指令的使用方法
本文主要讲解v-model指令，主要包括HTML元素的v-model和组件上的v-model两种，用四个简单的案例介绍v-model的使用。案例一：HTML元素的v-model -输入框(text)<!DOCTYPE html> <h...
2020-05-27
vue用递归组件写树形控件的实例代码
最近在vue项目中遇到需要用树形控件的部分，比如导航目录是不确定的，所以必须要用树形结构，不管导航目录有几级，都可以自动显示出来，我一开始觉得element-ui有树形控件，不需要自己...
2020-05-27
微信小程序表单弹窗实例
开发中有时候会碰到需要一个表单弹窗来处理数据的提交处理，然后这次发布的这套源码就是解决这个问题！WXML代码如何：<!--button--> <view class="btn" bindtap="powerDrawer" da...
2020-05-27
vue+express 构建后台管理系统的示例代码
一个vue+express 构建的后台管理系统说明：vue+express 构建的后台管理系统,包括登录、注册、表格的增删改查github 在线搭建vue项目：1.安装vue-cli脚手架npm install -g vue-c...
2020-05-27
js中split()方法得到的数组长度问题
定义和用法
split() 方法用于把一个字符串分割成字符串数组。
语法
stringObject.split(separator,howmany) 参数 描述 separator 必需...
2020-05-27
微信小程序表单验证form提交错误提示效果
本文实例为大家分享了微信小程序表单验证提交错误提示的具体代码，供大家参考，具体内容如下
表单验证，点击确认发布不能为空错误提示。以下是效果图：代码如下：WXML:<view class="a...
2020-05-27
微信小程序定位当前城市的方法
微信小程序定位获取当前所在城市，供大家参考，具体内容如下1、利用微信小程序接口 wx.getLocation() 获取当前经纬度，接口。2、拿到经纬度之后，通过微信的wx.request()请求百度地...
2020-05-27
js调用设备摄像头的方法
本文实例为大家分享了js调用设备摄像头的具体代码，供大家参考，具体内容如下使用getUserMedia这个API来获取摄像头的权限
兼容chrome和火狐，IOS不兼容
下面是源码：
<!DOCTYPE h...
2020-05-27
微信小程序项目实践之九宫格实现及item跳转功能
效果图：实现效果图红色线包含部分的九宫格效果，并附带item点击时间。 具体实现： 1、首先添加图片资源文件 在项目根目录新建一个目录，取名为images , 用于存放图片资源，然后...
2020-05-27
jQuery实现表单动态添加数据并提交的方法
本文实例讲述了jQuery实现表单动态添加数据并提交的方法。分享给大家供大家参考，具体如下：情景1：已经存在form对象了，动态为form增加对象并提交function formAppendSubmit(){ v...
2020-05-27
搭建vue开发环境
搭建vue的开发环境：1、必须要安装nodejs2、搭建vue的开发环境 ，安装vue的脚手架工具 官方命令行工具npm install --global vue-cli / cnpm install --global vue-cli （ 此命令...
2020-05-27
Angularjs实现页面模板清除的方法
前几天项目在上线过程中，出现了一些新问题。页面在切换时由于前一个页面的模板清理不及时，会造成页面的重叠。导致这个问题的原因是：页面模板缓存，即上一个页面退出时，浏览器没有...
2020-05-27
vue 中的keep-alive实例代码
Vue 实现组件信息的缓存当我们在开发vue的项目过程中，避免不了在路由切换到其他的component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的...
2020-05-27
Vue中的异步组件函数实现代码
具体代码如下所示：export default new Router({ routes: [ { path: '/live', name: 'live', component: () => import('@/view/live/live.vue') } ]})上面的代码是很...
2020-05-27
webpack+vue-cil中proxyTable处理跨域的方法
跨域了解同源政策：所谓"同源"指的是"三个相同"。 协议相同 域名相同 端口相同解决跨域
1.jsonp 缺点：只能get请求 ，需要修改B网站的代码
2.cors 这个方案缺点 是 ie6 7 兼容...
2020-05-27
基于Vue+element-ui 的Table二次封装的实现
本人第一次写这个 写的不好还望指出来作为一个由于公司产品的升级然促使我从一个后端人员自学变成前端的开发人员 ！公司做的数据管理系统所以离不开表格了 然后表格样式统一...
2020-05-27
详解处理bootstrap4不支持远程静态框问题
起步我就是喜欢用新的，况且 bs4 出来也很久了，用了一段时间后发现它并不支持远程静态框了，查了一下这部分已经被移除了。 所以，以前的 <a data-toggle="modal" href="remote.htm...
2020-05-27
JS+H5 Canvas实现时钟效果
用JavaScript+Canvas来实现最简单的时钟效果，供大家参考，具体内容如下效果图：先看html代码：<html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascr...
2020-05-27
微信小程序实现topBar底部选择栏效果
本文实例为大家分享了微信小程序实现topBar底部选择栏的具体代码，供大家参考，具体内容如下先看一下效果：底部分为三个页面，点击不同的选项就会跳转到相对应的页面去。 下面是文...
2020-05-27
小程序视频列表中视频的播放与停止的示例代码
效果类似一条视频的小程序，就是视频列表，然后每个视频上覆盖一张视频的封面图，点击封面图的播放按钮视频播放，点击别的视频的时候，停止播放当前视频，播放点击的视频。差不多是这样...
2020-05-27
详解angular分页插件tm.pagination二次触发问题解决方案
今天在学习angularjs的分页插件时遇到了一个前端的问题，谷歌浏览器开发者模式调试的时候发现每次点击分页刷新按钮会触发两次后台请求，ajax向后台发送了两次请求，这对于强迫症...
2020-05-27
详解Koa中更方便简单发送响应的方式
背景最近做了很多node的后台项目，写了很多接口，但是发现随着接口的慢慢增多，需要写越来越来越多类似于下面这种代码。ctx.body = { data: { name: 'test' }, status: {...
2020-05-27
通过webpack引入第三方库的方法
一般来说，引入第三方库有一下三种情况： 通过CDN引入； 通过npm 安装并引入； 第三方js文件就在本地通过CDN
这是最简单的一种方式，例如引入高德地图，可以直接把以下代码放在index...
2020-05-27
浅谈vue父子组件怎么传值
背景：最近在做vue的项目，因为页面的逻辑比较复杂，代码量较多，所以就想抽离出一些组件放到component里面。问题就随之来了。
因为vue不提倡在子组件中修改父组件的值，所以如果要这...
2020-05-27
jQuery实现table表格信息的展开和缩小功能示例
本文实例讲述了jQuery实现table表格信息的展开和缩小功能。分享给大家供大家参考，具体如下：<%@ page language="java"import="java.util.*"pageEncoding="UTF-8"%><%String pa...
2020-05-27
jQuery实现输入框的放大和缩小功能示例
本文实例讲述了jQuery实现输入框的放大和缩小功能。分享给大家供大家参考，具体如下：<%@ page language="java" import="java.util.*"pageEncoding="UTF-8"%><%Stringpath = re...
2020-05-27
jQuery实现的点击按钮改变样式功能示例
本文实例讲述了jQuery实现的点击按钮改变样式功能。分享给大家供大家参考，具体如下：1. css代码：index4.css@CHARSET "UTF-8";.sd{ font-weight: bold; color: black; backgr...
2020-05-27
基于Vue实现关键词实时搜索高亮显示关键词
最近在做移动real-time-search于实时搜索和关键词高亮显示的功能，通过博客的方式总结一下，同时希望能够帮助到别人~~~如果不喜欢看文字的朋友我写了一个demo方便已经上传到了g...
2020-05-27
vue项目中添加单元测试的方法
从网上找了很多例子关于单元测试，都是如何新建项目的时候的添加单元测试，用vue-cli中怎么添加，但是我的项目已经生成了，不能再一次重新初始化，这时如何添加单元测试，这里面遇到了...
2020-05-27
JavaScript数组基于交换的排序示例【冒泡排序】
本文实例讲述了JavaScript数组基于交换的排序。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...
2020-05-27
