详解如何使用koa实现socket.io官网的例子
socket.io官网中使用express实现了一个最简单的IM即时聊天，今天我们使用koa来实现一下### 框架准备1.确保你本地已经安装好了nodejs和npm，使用koa要求node版本>7.62.在你需要...
2020-05-27
微信小程序实现预览图片功能
本文实例为大家分享了微信小程序实现预览图片的具体代码，供大家参考，具体内容如下
先看下效果图：这种效果在一些商城类的小程序里是很常见的一种功能，实现起来也很简单下面我们...
2020-05-27
微信小程序实现弹出层效果
本文实例为大家分享了微信小程序实现弹出层效果的具体代码，供大家参考，具体内容如下先看下效果图吧 其实这个效果实现起来很简单，就是通过三目运算符来控制遮罩层的显示和隐藏...
2020-05-27
微信小程序如何获取手机验证码
一种比较常见的功能获取手机验证码，供大家参考，具体内容如下先看效果图：其实这个功能实现起来很简单，主要就是调取第三方接口，拿到返回值验证的问题直接上代码吧：<view class='cha...
2020-05-27
原生js实现淘宝放大镜效果
大家经常逛淘宝、天猫、京东这类网站的时候往往会看到一些图片展示的效果，例如：把鼠标放在图片上右侧会出现一个放大的预览区域，这就是所谓放大镜效果。今天闲着没事干，就打算复...
2020-05-27
微信小程序实现登录注册tab切换效果
利用三元运算符实现登录注册效果切换，供大家参考，具体内容如下直接上代码wxml:<view class='top'> <text class="{{login?'active':''}}" catchtap='login'>登录</text> <...
2020-05-27
Vuex的基本概念、项目搭建以及入坑点
前言：Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化.Vuex的四大核心1.s...
2020-05-27
小程序实现单选多选功能
小程序的单选组件radio和多选组件checkbox的样式只提供更改颜色，这对实际项目中的需求显然是不够的，所以自己模拟实现一个。踩坑点：小程序不支持操作dom1、模拟实现多选框：实现...
2020-05-27
小程序实现选择题选择效果
本文实例为大家分享了小程序实现选择题的显示方法，供大家参考，具体内容如下下面是三张效果图：初始图，选项正确图，选项错误图。wxml代码：<view class='selection'> <view class='{{...
2020-05-27
浅谈vux之x-input使用以及源码解读
前言近期项目中使用的vux中的input，以及使用自定义校验规则和动态匹配错误提示，有时间记录下自己的使用经历和源码分析。希望大家多多指正，留言区发表自己宝贵的建议。 详解 列...
2020-05-27
详解webpack+ES6+Sass搭建多页面应用
webpack同之前的gulp相比，gulp属于非模块化打包工具，webpack属于模块化打包工具，两者的优劣这里不做过多分析（可自行百度）。目的：是为了分享一下使用过程中，用到的插件、loader、遇...
2020-05-27
微信小程序tabbar底部导航
微信小程序重写tabbar底部导航，供大家参考，具体内容如下1.app.js代码如下： editTabBar: function() { var e = this.globalData.tabbar, a = getCurrentPages(), t = a[a.le...
2020-05-27
vue router的基本使用和配置教程
路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮...
2020-05-27
使用vue2实现带地区编号和名称的省市县三级联动效果
我们知道省市区县都有名称和对应的数字唯一编号，使用编号可以更方便查询以及程序处理，我们今天来了解一下使用vue2来实现常见的省市区下拉联动选择效果。准备数据源我们的省市...
2020-05-27
基于Vue2实现简易的省市区县三级联动组件效果
这是一个基于Vue2的简易省市区县三级联动组件，可以控制只显示省级或只显示省市两级，可设置默认值等。提供原始省市县代码和名称数据，适用于各种有关城市区县的应用。安装我们使...
2020-05-27
基于vue2的canvas时钟倒计时组件步骤解析
今天给大家介绍一款基于vue2的canvas时钟倒计时组件，这个时钟倒计时组件采用canvas动画的炫酷动画效果形式，根据剩余时间的多少变换颜色和旋转扇形的速度，适合抢购、拍卖、下注...
2020-05-27
vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用）
前言： 此事例是在vue组件中，使用canvas实现倒计时动画的效果。其实，实现效果的逻辑跟vue没有关系，只要读懂canvas如何实现效果的这部分逻辑就可以了 canvas动画的原理：利用...
2020-05-27
浅谈Vue数据响应
Vue 中可以用 $watch 实例方法观察一个字段，当该字段的值发生变化时，会执行指定的回调函数（即观察者），实际上和 watch 选项作用相同。如下：vm.$watch('box', () => { console.log...
2020-05-27
基于nodejs的雪碧图制作工具的示例代码
前颜（yan）
雪碧图（CSS sprite ），就是把很多小图标合并为一张图片。在Web开发中，使用雪碧图是优化Web性能的一种方法。比如你可能遇到过这样的一种场景：在你的页面中，使用到了很多的...
2020-05-27
vue多级复杂列表展开/折叠及全选/分组全选实现
首先，来看下效果图
在线体验地址：https://hxkj.vip/demo/multipleList/。温馨提示，打开之后按F12，使用手机模式食用，口味更佳！
可以看出，这个列表有三种展现形式：
1.第一层级中包含...
2020-05-27
微信小程序http连接访问解决方案的示例
HTTP + 加密 + 认证 + 完整性保护 = HTTPS，小程序考虑到信息安全的问题，选用了更为稳定安全的https 来进行信息传递。HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全...
2020-05-27
在element-ui的el-tree组件中用render函数生成el-button的实例代码
本文主要介绍怎么在el-tree组件中通过render函数来生成el-button。这是element-ui中el-tree树：这是需要实现的效果：tree.vue文件中，具体实现的代码如下：<template> <el-tree...
2020-05-27
对 Vue-Router 进行单元测试的方法
由于路由通常会把多个组件牵扯到一起操作，所以一般对其的测试都在 端到端/集成 阶段进行，处于测试金字塔的上层。不过，做一些路由的单元测试还是大有益处的。对于与路由交互的...
2020-05-27
微信小程序实现底部导航
之前我的做微信小程序的时候，需要一个底部导航样式，但是我搜索的时候，大部分都是写的一些小程序自定义的tabBar的样式，而当时我在网上有一个地方找到了这个模板，现在介绍给大家参...
2020-05-27
手把手教你如何使用nodejs编写cli命令行
前端日常开发中，会遇见各种各样的cli，比如一行命令帮你打包的webpack，一行命令帮你生成vue项目模板的vue-cli，还有创建react项目的create-react-app等等等等。这些工具极大地方...
2020-05-27
利用hasOwnProperty给数组去重的面试题分享
hasOwnProperty
hasOwnProperty是javascript中用于检测对象是否包含某个属性的方法，返回一个布尔值。var o = { a: 1};console.log(o.hasOwnProperty('a')); // trueconsole....
2020-05-27
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
我一直想在这个小项目上花一些时间做一些研究，但是由于生活所迫让我总是一直繁忙。现在我终于可以抽出一些时间了继续研究这种攻击技术了，我将在本文中阐述我的研究成果。很...
2020-05-27
支付宝小程序tabbar底部导航
支付宝小程序重写tabbar底部导航，供大家参考，具体内容如下1.app.js中代码如下
editTabBar: function () { var e = this.globalData.tabbar, a = getCurrentPages(), t = a[a...
2020-05-27
React Component存在的几种形式详解
前言最近项目基本都是用 React，今天总结分享 React Component 常见的几种形式，如果你在写 React 时经常不知道怎么拆分代码，这篇文章或许对你有所帮助。React.Component是一个...
2020-05-27
vue项目上传Github预览的实现示例
最近在用Vue仿写cnode社区，想要上传到github，并通过Github pages预览，在这个过程中遇到了一些问题，因此写个笔记，以便查阅。完成Vue项目以后，在上传到github之前，需要修改一些配置...
2020-05-27
学习使用ExpressJS 4.0中的新Router的用法
概述
ExpressJS 4.0中提出了新的路由Router。Router好比是一个“迷你版”的express应用，它没有引入views或者settings，但是提供了路由应有的API，.use，.get,.param和route。示例...
2020-05-27
移动端H5页面返回并刷新页面（BFcache）的方法
项目中的需求：点击浏览器中的返回按钮，要让页面重新加载资源。因为这部分的资源每次去加载的内容都不一样，如果返回的时候，还是看到原先的内容，那做这个内容块的意义就很小了；而如...
2020-05-27
给localStorage设置一个过期时间的方法分享
思考点
在 web 开发中，我们知道 cookie、session、localStorage都可以保存用户的数据，cookie的 domain、path 限制了 cookie 的跨域， 有数量和大小的限制，可以设置有效时间。 se...
2020-05-27
Vue props 单向数据流的实现
1、props通信注意：DOM模板的驼峰命名props要转为短横分割命名。<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>Vue</title> </head> <b...
2020-05-27
微信小程序实现选项卡效果
本文实例为大家分享了微信小程序实现选项卡效果展示的具体代码，供大家参考，具体内容如下
demo.wxss.swiper-tab{ width: 100%; border-bottom: 2rpx solid #777777; tex...
2020-05-27
详解Vue内部怎样处理props选项的多种写法
开发过程中，props 的使用有两种写法：// 字符串数组写法const subComponent = { props: ['name']}// 对象写法const subComponent = { props: { name: { type: String, de...
2020-05-27
Vue项目中最新用到的一些实用小技巧
写在前面
在最近的 Vue 项目中，为了完成需求使用了一些小技巧，做个笔记，或许也能帮到道友。
阅读重点
需求一：为路径配置别名
在开发过程中，我们经常需要引入各种文件，如图片、CSS...
2020-05-27
浅谈Vue数据响应思路之数组
之前梳理Vue数据响应思路 时没有考虑数组的情况。js 中数组有很多实例方法，其中有一部分会改变数组本身的值，比如 push pop shift unshift 等，这些方法被称为变异方法，这些变异...
2020-05-27
vue实现自定义日期组件功能的实例代码
实现一个日期组件，如图：
components.js代码如下：Vue.component('sc-calendar',{ template:'<div class="scCalendar">' + '<div class="calendar_header">' + '<div class...
2020-05-27
electron中使用bootstrap的示例代码
安装
安装bootstrap命令如下：
npm install bootstrap --save安装后可能报告如下错误：
npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installe...
2020-05-27
Vue递归实现树形菜单方法实例
什么是树形菜单还是要简单的啰嗦一下，比如：
上图是截图自elementui的实例，实现方式是用文档结构（类似像原生Dom文档结构的写法）的方式，好处就是很灵活，可以方便的自定义，作为一个通...
2020-05-27
微信小程序自定义tabBar组件开发详解
本文实例为大家分享了微信小程序自定义tabBar组件的具体代码，供大家参考，具体内容如下以下代码保存在github地址先看一看目录 template文件夹里存放tabbar模板。
template/te...
2020-05-27
100行代码实现一个vue分页组功能
今天用vue来实现一个分页组件，总体来说，vue实现比较简单，样式部分模仿了elementUI。所有代码的源码可以再github上下载的到：下载地址 先来看一下实现效果：点击查看效果
整体思路...
2020-05-27
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载.
BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区...
2020-05-27
Vue常用的几个指令附完整案例
越来越多的人在用Vue，刚开始接触vue的话常接触的指令就几个，统一归纳一下，做个demo演示。指令v-text
v-html
v-bind
v-on
v-model
v-for
代码学习技术最好还是要看下代码是什么...
2020-05-27
小程序实现页面顶部选项卡效果
本文实例为大家分享了小程序实现选项卡效果的具体代码，供大家参考，具体内容如下效果图：github源码下载<!--index.wxml--> <view class="swiper-tab" > <view bindtap="swithN...
2020-05-27
详解ES6中的 Set Map 数据结构学习总结
ES6中的 Set 数据结构
ES6 新增了一种 Set 数据结构。它类似数组。 最重要的一点是 Set中的结构成员没有重复的, 可用这点 一行代码实现数组去重。 Set 本身是一个构造函数...
2020-05-27
微信小程序下拉框功能的实例代码
微信小程序组件里没有下拉框，正好要用到，记下来以后参考wxml代码<view class='top'> <view class='top-text'> 选择接收班级</view> <!-- 下拉框 --> <view class='top-sel...
2020-05-27
vue组件tabbar使用方法详解
本文实例为大家分享了vue组件tabbar的具体使用方法，供大家参考，具体内容如下1.App.vue<!-- 入口文件 --><template> <div id="app"> <!-- 视图层 --> <router-view></router-v...
2020-05-27
Vue 实时监听窗口变化 windowresize的两种方法
下面给大家分享两种方法来介绍Vue 实时监听窗口变化 windowresize，具体内容如下所示：方法一：First-step : 定义变量data(){ return{ formLabelWidth : '123px' }},Second...
2020-05-27
