84浏览

0评论

angular6 利用 ngContentOutlet 实现组件位置交换(重排)

ngContentOutlet指令介绍
ngContentOutlet指令与ngTemplateOutlet指令类似，都用于动态组件，不同的是，前者传入的是一个Component，后者传入的是一个TemplateRef。
首先看一下使用...

• 2020-05-27

100浏览

0评论

vue头部导航动态点击处理方法

1：DATA中两个变量，data: { nav:['头条1','头条2'], ins:0,//记录当前点击的INDEX },2： <div v-for="(item,index) in nav" :class="index == i...

• 2020-05-27

113浏览

0评论

JavaScript 复制对象与Object.assign方法无法实现深复制

在JavaScript这门语言中，数据类型分为两大类：基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、String、Symbol（ES6 新增），而复杂数据类型包括Objec...

• 2020-05-27

76浏览

0评论

如何使用vuex实现兄弟组件通信

前言vuex主要是是做数据交互，父子组件传值可以很容易办到，但是兄弟组件间传值，需要先将值传给父组件，再传给子组件，异常麻烦。下面这篇文章就来给大家介绍下vuex兄弟组件通信的方...

• 2020-05-27

121浏览

0评论

详解使用element-ui table组件的筛选功能的一个小坑

使用element-ui table组件的筛选功能的一个小坑
使用自定义模板和筛选功能，一开始的代码 <el-table-column v-if="key==='isShow'" label="是否在发现页展示" :filters="[{t...

• 2020-05-27

121浏览

0评论

Vue请求JSON Server服务器数据的实现方法

由于这里是在之前这篇文章的基础上进行稍加修改完成的，因而其绝大部分代码与上面的是一样的，而其不同之处在于，其请求数据的数据源不是来源于json文件，而是来自于后台的数据。此...

• 2020-05-27

92浏览

0评论

element ui table 增加筛选的方法示例

网上大部分都可以增加筛选功能，但没有找到下列这种情况。
若表头数据较多，而表头是自己通过v-for循环产生，这种情况怎么给虚拟dom添加筛选规则。<el-table-column v-for="item...

• 2020-05-27

87浏览

0评论

React如何解决fetch跨域请求时session失效问题

前言fetch在reactjs中等同于 XMLHttpRequest，它提供了许多与XMLHttpRequest相同的功能，但被设计成更具可扩展性和高效性。Fetch 的核心在于对 HTTP 接口的抽象，包括 Request，Res...

• 2020-05-27

151浏览

0评论

微信小程序实现列表页的点赞和取消点赞功能

今天开发了一个文章的留言版块，于是想到要为某个留言点赞，点过赞的再次点击会取消点赞，代码如下：
/*更新点赞*/ update_zan:function(e){ var that = this; var data = e.c...

• 2020-05-27

100浏览

0评论

Vue中的vue-resource示例详解

vue-resource特点 vue-resource插件具有以下特点：1. 体积小 vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。2....

• 2020-05-27

91浏览

0评论

小程序实现列表点赞功能

最近在开发一个小程序，想添加一个点赞功能，那到底怎么实现呢？因为要和后台服务器同步数据，所以这个我想了好几天应该怎么实现点赞和取消点赞的逻辑，经过两天的实践调试，最终实现了...

• 2020-05-27

89浏览

0评论

vue如何根据网站路由判断页面主题色详解

前言本文主要介绍的是vue根据网站路由判断页面主题色的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧需求：不同品牌对应不同版本配色做法：根据域名带...

• 2020-05-27

126浏览

0评论

Vue利用History记录上一页面的数据方法实例

前言本文主要介绍的是Vue利用History记录上一页面数据的相关内容，vue使用history后,能够使得url更加漂亮,也就是不再有‘#'的问题，下面话不多说了，来一起看看详细的介绍吧UI
需...

• 2020-05-27

81浏览

0评论

微信小程序实现点赞、取消点赞功能

最近接触到小程序，发现很有意思，在项目中遇到了一点小问题，就是点赞+取消点赞有些冲突，还有就是多项的点击，话不多说咱们直接上代码！效果图wxml <block wx:for="{{msg}}"> <image...

• 2020-05-27

105浏览

0评论

使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置

前言本文主要给大家介绍的是关于使用Object.defineProperty巧妙找到修改某个变量的准确代码位置的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧语...

• 2020-05-27

108浏览

0评论

微信小程序实现星星评价效果

本文实例为大家分享了微信小程序实现星星评价效果的具体代码，供大家参考，具体内容如下代码实现wxml文件<!--pages/evaluatepage/evaluatepage.wxml--><view class='container'...

• 2020-05-27

124浏览

0评论

小程序实现五星点评效果

本文实例为大家分享了小程序实现五星点评效果展示的具体代码，供大家参考，具体内容如下先看一下效果图：如上图所示，这里我们要添加三个五星点评。我们这里之讲解一下，“描述相符”...

• 2020-05-27

122浏览

0评论

微信小程序实现笑脸评分功能

本文实例为大家分享了微信小程序实现笑脸评分的具体代码，供大家参考，具体内容如下image方式实现的笑脸评分功能由于我这里的图片使用的不是背景图，所以实现方法跟使用背景图的...

• 2020-05-27

127浏览

0评论

基于Vue-cli快速搭建项目的完整步骤

前言vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。下面话不多说了，来一起看...

• 2020-05-27

107浏览

0评论

微信小程序使用template标签实现五星评分功能

前言微信小程序特点“无须安装，无须卸载，触手可及，用完即走”，适合轻量级应用快速开发。小程序模版思想是它开发的核心思想，可以帮助开发者减少很多重复代码，我们来看看怎么在小程...

• 2020-05-27

113浏览

0评论

微信小程序实现顶部下拉菜单栏

本文实例为大家分享了微信小程序实现下拉菜单栏的具体代码，供大家参考，具体内容如下js代码var cityData = require('../../utils/city.js');Page({ data: { //选择的终点城市...

• 2020-05-27

73浏览

0评论

浅谈React碰到v-if

最近在重构公司老项目，由于本人以前的技术栈是vue, 换工作后发现现在公司的技术栈是react, 所以重构的过程是及其痛苦。加之项目又是几年前的老项目，不敢大改，比葫芦画瓢比比皆...

• 2020-05-27

100浏览

0评论

vue-router判断页面未登录自动跳转到登录页的方法示例

1.定义路由的时候配置meta属性,requireAuth用来标记跳转的这个路由是否需要检测登录下面的两个页面，登录页不需要检测，首页需要检测
const routers = [{ path: '/', compo...

• 2020-05-27

117浏览

0评论

微信小程序CSS3动画下拉菜单效果

微信小程序没有自带的下拉菜单组件，因此我们需要自己需要写一个思路利用列表来存储菜单项，在外面套一个view元素作为外框，将其设置为overflow：hidden，使用CSS3动画逐渐改变外层vi...

• 2020-05-27

85浏览

0评论

微信小程序实现下拉菜单切换效果

本文实例为大家分享了微信小程序实现下拉菜单切换展示的具体代码，供大家参考，具体内容如下效果图：wxml：<!-- 下拉菜单 --> <view id="swiper-tab"> <view class="swiper-tab"> <...

• 2020-05-27

141浏览

0评论

微信小程序使用swiper组件实现层叠轮播图

本文实例为大家分享了微信小程序实现层叠轮播图的具体代码，供大家参考，具体内容如下wxml:<view class="banner-swiper"> <swiper indicator-dots="{{indicatorDots}}" autopla...

• 2020-05-27

70浏览

0评论

微信小程序实现带缩略图轮播效果

本文实例为大家分享了微信小程序实现实现轮播效果展示的具体代码，供大家参考，具体内容如下
wxml:
<view id="content"> <!--banner--> <view class="recommend"> <view class...

• 2020-05-27

144浏览

0评论

微信小程序自定义轮播图

本文实例为大家分享了微信小程序自定义轮播图展示的具体代码，供大家参考，具体内容如下默认的swiper面板指示点都是小圆点黑灰的，但这满足不了广大小伙伴需求，比如其他颜色的，椭圆...

• 2020-05-27

90浏览

0评论

微信小程序实现无限滚动列表

本文实例为大家分享了微信小程序实现无限滚动列表的具体代码，供大家参考，具体内容如下
效果图1.0实现方式是利用小程序原声组件swiper，方向设置为纵向 ：vertical=‘true'设置同...

• 2020-05-27

94浏览

0评论

微信小程序实现多选功能

本文为大家分享了微信小程序实现多选功能的具体代码，供大家参考，具体内容如下代码：
<!--hotblood_gongkao/pages/answer/answer.wxml--><!-- content --><view class='answer-l...

• 2020-05-27

68浏览

0评论

详解如何使用koa实现socket.io官网的例子

socket.io官网中使用express实现了一个最简单的IM即时聊天，今天我们使用koa来实现一下### 框架准备1.确保你本地已经安装好了nodejs和npm，使用koa要求node版本>7.62.在你需要...

• 2020-05-27

107浏览

0评论

微信小程序实现预览图片功能

本文实例为大家分享了微信小程序实现预览图片的具体代码，供大家参考，具体内容如下
先看下效果图：这种效果在一些商城类的小程序里是很常见的一种功能，实现起来也很简单下面我们...

• 2020-05-27

107浏览

0评论

微信小程序实现弹出层效果

本文实例为大家分享了微信小程序实现弹出层效果的具体代码，供大家参考，具体内容如下先看下效果图吧 其实这个效果实现起来很简单，就是通过三目运算符来控制遮罩层的显示和隐藏...

• 2020-05-27

84浏览

0评论

微信小程序如何获取手机验证码

一种比较常见的功能获取手机验证码，供大家参考，具体内容如下先看效果图：其实这个功能实现起来很简单，主要就是调取第三方接口，拿到返回值验证的问题直接上代码吧：<view class='cha...

• 2020-05-27

110浏览

0评论

原生js实现淘宝放大镜效果

大家经常逛淘宝、天猫、京东这类网站的时候往往会看到一些图片展示的效果，例如：把鼠标放在图片上右侧会出现一个放大的预览区域，这就是所谓放大镜效果。今天闲着没事干，就打算复...

• 2020-05-27

90浏览

0评论

微信小程序实现登录注册tab切换效果

利用三元运算符实现登录注册效果切换，供大家参考，具体内容如下直接上代码wxml:<view class='top'> <text class="{{login&#63;'active':''}}" catchtap='login'>登录</text> <...

• 2020-05-27

76浏览

0评论

Vuex的基本概念、项目搭建以及入坑点

前言：Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化.Vuex的四大核心1.s...

• 2020-05-27

86浏览

0评论

小程序实现单选多选功能

小程序的单选组件radio和多选组件checkbox的样式只提供更改颜色，这对实际项目中的需求显然是不够的，所以自己模拟实现一个。踩坑点：小程序不支持操作dom1、模拟实现多选框：实现...

• 2020-05-27

73浏览

0评论

小程序实现选择题选择效果

本文实例为大家分享了小程序实现选择题的显示方法，供大家参考，具体内容如下下面是三张效果图：初始图，选项正确图，选项错误图。wxml代码：<view class='selection'> <view class='{{...

• 2020-05-27

134浏览

0评论

浅谈vux之x-input使用以及源码解读

前言近期项目中使用的vux中的input，以及使用自定义校验规则和动态匹配错误提示，有时间记录下自己的使用经历和源码分析。希望大家多多指正，留言区发表自己宝贵的建议。 详解 列...

• 2020-05-27

113浏览

0评论

详解webpack+ES6+Sass搭建多页面应用

webpack同之前的gulp相比，gulp属于非模块化打包工具，webpack属于模块化打包工具，两者的优劣这里不做过多分析（可自行百度）。目的：是为了分享一下使用过程中，用到的插件、loader、遇...

• 2020-05-27

69浏览

0评论

微信小程序tabbar底部导航

微信小程序重写tabbar底部导航，供大家参考，具体内容如下1.app.js代码如下： editTabBar: function() { var e = this.globalData.tabbar, a = getCurrentPages(), t = a[a.le...

• 2020-05-27

86浏览

0评论

vue router的基本使用和配置教程

　路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮...

• 2020-05-27

132浏览

0评论

使用vue2实现带地区编号和名称的省市县三级联动效果

我们知道省市区县都有名称和对应的数字唯一编号，使用编号可以更方便查询以及程序处理，我们今天来了解一下使用vue2来实现常见的省市区下拉联动选择效果。准备数据源我们的省市...

• 2020-05-27

102浏览

0评论

基于Vue2实现简易的省市区县三级联动组件效果

这是一个基于Vue2的简易省市区县三级联动组件，可以控制只显示省级或只显示省市两级，可设置默认值等。提供原始省市县代码和名称数据，适用于各种有关城市区县的应用。安装我们使...

• 2020-05-27

108浏览

0评论

基于vue2的canvas时钟倒计时组件步骤解析

今天给大家介绍一款基于vue2的canvas时钟倒计时组件，这个时钟倒计时组件采用canvas动画的炫酷动画效果形式，根据剩余时间的多少变换颜色和旋转扇形的速度，适合抢购、拍卖、下注...

• 2020-05-27

97浏览

0评论

vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用）

前言：　　此事例是在vue组件中，使用canvas实现倒计时动画的效果。其实，实现效果的逻辑跟vue没有关系，只要读懂canvas如何实现效果的这部分逻辑就可以了　　canvas动画的原理：利用...

• 2020-05-27

104浏览

0评论

浅谈Vue数据响应

Vue 中可以用 $watch 实例方法观察一个字段，当该字段的值发生变化时，会执行指定的回调函数（即观察者），实际上和 watch 选项作用相同。如下：vm.$watch('box', () => { console.log...

• 2020-05-27

112浏览

0评论

基于nodejs的雪碧图制作工具的示例代码

前颜（yan）
雪碧图（CSS sprite ），就是把很多小图标合并为一张图片。在Web开发中，使用雪碧图是优化Web性能的一种方法。比如你可能遇到过这样的一种场景：在你的页面中，使用到了很多的...

• 2020-05-27

98浏览

0评论

vue多级复杂列表展开/折叠及全选/分组全选实现

首先，来看下效果图
在线体验地址：https://hxkj.vip/demo/multipleList/。温馨提示，打开之后按F12，使用手机模式食用，口味更佳！
可以看出，这个列表有三种展现形式：
1.第一层级中包含...

• 2020-05-27