手把手带你封装一个vue component第三方库
为什么选择自己封装第三方库最近几个月我司把之前两三年的所有业务都用了 vue 重构了一遍，前台使用 vue+ssr，后台使用了 vue+element，在此过程中封装和自己写了很多 vue compon...
2020-05-27
微信小程序制作表格的方法
本文实例为大家分享了微信小程序制作表格的具体代码。微信小程序中没有专门的表格制作工具，不过使用列表渲染可以实现，下面是我做的表格图片：方法如下：在XXX.wxml中填写下面的代...
2020-05-27
微信小程序实现简易table表格
本文实例为大家分享了微信小程序实现简易表格的具体代码，供大家参考，具体内容如下由于需要开发小程序，前端又是自己弄，类似table的标签也没有，后来看到小程序文档中推荐使用flex...
2020-05-27
React通过redux-persist持久化数据存储的方法示例
在React项目中，我们经常会通过redux以及react-redux来存储和管理全局数据。但是通过redux存储全局数据时，会有这么一个问题，如果用户刷新了网页，那么我们通过redux存储的全局数...
2020-05-27
一秒学会微信小程序制作table表格
大家都知道微信小程序自身没有提供表格这个组件，但是今天的项目需求又出现了，所以只能模仿一个了。效果图：代码挺简单方便的：wxml: <view class='history-table-wrap'> <view c...
2020-05-27
微信小程序实现单选选项卡切换效果
这里展示一个工作中用到的微信小程序的单选选项卡切换效果的制作方法，供大家参考，具体内容如下效果如图：wxml:<view class="item" wx:for="{{data}}" wx:for-item="item" wx:fo...
2020-05-27
webpack-url-loader 解决项目中图片打包路径问题
刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里。
下面我们就来分析下在webpack项目中图片的应...
2020-05-27
微信小程序实现左右列表联动
本文实例为大家分享了微信小程序实现左右列表联动的具体代码，供大家参考，具体内容如下效果图：直接上代码：wxml界面:<view class='header'> <text class='headerClass'>分类</tex...
2020-05-27
推荐一个基于Node.js的表单验证库
API 在执行过程中的一个基本任务是数据验证。 在本文中，我想向你展示如何为你的数据添加防弹验证，同时返回风格良好的格式。在 Node.js 中进行自定义数据验证既不容易也不快。...
2020-05-27
微信小程序实现联动选择器
本文实例为大家分享了微信小程序实现联动选择器的具体代码，供大家参考，具体内容如下picker从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器...
2020-05-27
微信实现自动跳转到用其他浏览器打开指定APP下载
目前的APP基本都支持二维码扫描下载，二维码下载也成为了大家用起来很顺手的一种方式。由于微信的用户基本占据了国内市场的90%，说到扫一扫用户第一个想到的就是打开微信扫一下...
2020-05-27
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
本文实例讲述了jQuery实现的网页3D轮播图封装功能。分享给大家供大家参考，具体如下：网页伪3D轮播图，其实就是轮播图旋转木马效果。其实在jquery插件库也有很多旋转木马的插件，但...
2020-05-27
小程序实现多列选择器
本文实例为大家分享了小程序实现多列选择器的具体代码，供大家参考，具体内容如下代码分两部分，先上wxml<view class="container"> <form catchsubmit="formSubmit"> <view clas...
2020-05-27
详解react-refetch的使用小例子
使用react-refetch来简化api获取数据的代码
const List = ({data: gists}) => { return ( <ul> {gists.map(gist => ( <li key={gist.id}>{gist.description}</li>...
2020-05-27
微信小程序实现多个按钮的颜色状态转换
本文实例为大家分享了微信小程序实现按钮颜色状态转换的具体代码，供大家参考，具体内容如下效果图片： index.wmxl文件 <block wx:for="{{pres}}"> <view class='foot_tab' data...
2020-05-27
微信小程序基于picker实现级联菜单
本文实例为大家分享了微信小程序实现级联菜单的具体代码，供大家参考，具体内容如下<view > <picker bindchange="bindPickerChange0" value="{{brandindex}}" range="{{brands}...
2020-05-27
微信小程序实现购物页面左右联动
本文实例为大家分享了微信小程序实现购物页面左右联动的具体代码，供大家参考，具体内容如下效果图：wxml<view class="pro-container"> <scroll-view class="left-menu" scroll-y...
2020-05-27
微信小程序实现商品属性联动选择
本文实例为大家分享了微信小程序实现商品属性联动选择的具体代码，供大家参考，具体内容如下效果演示：代码示例1、commodity.xml
<!-- <view class="title">属性值联动选择</view...
2020-05-27
微信小程序时间标签和时间范围的联动效果
本文实例为大家分享了微信小程序时间标签和时间范围联动的具体代码，供大家参考，具体内容如下最近忙于一个有关数据管理的微信小程序，遇到了上图情况，虽然很简单，还是整理一下。若...
2020-05-27
微信小程序实现展示评分结果功能
本文实例为大家分享了微信小程序实现展示评分结果的具体代码，供大家参考，具体内容如下星星评分展示1
根据评分展示整颗行星或者半颗星星星星评分展示2
根据评分按照小数点展示...
2020-05-27
微信小程序实现工作时间段选择
本文实例为大家分享了微信小程序工作时间段选择的具体代码，供大家参考，具体内容如下1. 效果图如上，需完成时间段的选择 以及下面的工作日选择 保存按钮为formSubmit提交后台2...
2020-05-27
vue与bootstrap实现简单用户信息添加删除功能
本文实例为大家分享了vue与bootstrap实现用户信息添加删除操作的具体代码，供大家参考，具体内容如下小记：1.v-model="" 用于input表单双向数据绑定 逻辑层跟渲染层双向绑定2...
2020-05-27
jQuery实现简单的Ajax调用功能示例
本文实例讲述了jQuery实现简单的Ajax调用功能。分享给大家供大家参考，具体如下：这里的jQuery调用为CDN地址：//cdn.bootcss.com/jquery/3.3.1/jquery.min.jsjQuery确实方便，下面...
2020-05-27
Node.js原生api搭建web服务器的方法步骤
node.js 实现一个简单的 web 服务器还是比较简单的，以前利用 express 框架实现过『nodeJS搭一个简单的(代理)web服务器』。代码量很少，可是使用时需要安装依赖，多处使用难免有...
2020-05-27
详解Element 指令clickoutside源码分析
clickoutside是Element-ui实现的一个自定义指令，顾名思义，该指令用来处理目标节点之外的点击事件，常用来处理下拉菜单等展开内容的关闭，在Element-ui的Select选择器、Dropdown下...
2020-05-27
解决微信小程序中转换时间格式IOS不兼容的问题
昨天弄一个微信倒计时;遇到了这个为题，调试了才找到问题的所在，然后在网上找了资料才知道这个问题的原因，来是因为IOS系统不支持2018-08-30这样的格式的时间导致的let olddata...
2020-05-27
jQuery实现ajax的嵌套请求案例分析
本文实例讲述了jQuery实现ajax的嵌套请求。分享给大家供大家参考，具体如下：今天看到了一个嵌套的ajax，算是长见识了。不过看一眼就知道怎么回事了。不是不会，就怕想不到。//发送...
2020-05-27
mocha的时序规则讲解
前言对于新手而言，mocha的时序就像谜一般，许多奇怪的测试样例的失败都是由于对时序不清楚。下面我就把我在测试工作中总结的时序规则部分与大家共享。describe里地时序simple...
2020-05-27
JS实现简单的抽奖转盘效果示例
本文实例讲述了JS实现简单的抽奖转盘效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS抽奖转...
2020-05-27
原生JS实现逼真的图片3D旋转效果详解
本文实例讲述了原生JS实现逼真的图片3D旋转效果。分享给大家供大家参考，具体如下：实现效果:实现过程:步骤一:先写一个简单的html结构,创建一个box盒子,里面放对应的图片(也可...
2020-05-27
JavaScript遍历DOM元素的常见方式示例
本文实例讲述了JavaScript遍历DOM元素的常见方式。分享给大家供大家参考，具体如下：对于元素之间的空格，IE9以及之前的版本不会返回文本节点，，其他的浏览器会返回文本节点，所以我们...
2020-05-27
详解微信小程序实现仿微信聊天界面(各种细节处理)
本文介绍了微信小程序实现仿微信聊天界面，分享给大家，具体如下：下面先来看看效果为实现这样的效果，首先要解决两个问题：1.点击输入框弹出软键盘后，将已有的少许聊天内容弹出，导致看...
2020-05-27
Nuxt.js 数据双向绑定的实现
假定我们有一个需求，一开始通过mounted()将一个字符串渲染在页面上，但是我们经过操作后修改了数据并且需要将得到的结果重新异步渲染到页面中去，而不是跳转刷新页面来重新渲染...
2020-05-27
详解javascript replace高级用法
在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中，这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定，当然也可以使用artTemplate模...
2020-05-27
Vuepress 搭建带评论功能的静态博客的实现
vuepress 是 Vue 驱动的静态站点生成工具本文仅介绍，搭建静态博客的过程，具体教程及文档请点击进入 vuepress中文网
点击查看项目代码vuepress初始化
下面初始化
# 将 github...
2020-05-27
记一次vue-webpack项目优化实践详解
项目现状项目是一个数据监测平台，引入了ehcart和three.js 负责项目的数据可视化；打包后，体积高达2.1M，这个体积相比于我的项目规模来说就显得稍有笨重了使用webpack-bundle-anal...
2020-05-27
小程序实现列表多个批量倒计时
最近在写一个列表功能，列表中有倒计时的效果，网上没有可用的素材，以下是本人自己写的，如有问题，希望大家指出。先来看看基本的效果小程序中列表倒计时，类似活动倒计时列表，列表中有...
2020-05-27
jQuery实现的隔行变色功能【案例】
本文实例讲述了jQuery实现的隔行变色功能。分享给大家供大家参考，具体如下：实现效果如图:html结构代码:<ul id="ul1"> <li>我是第1个li标签</li> <li>我是第2个li标签</li> <l...
2020-05-27
JS中min函数实例讲解
我们先来看一下min函数的基本语法
Math.min（value1，value2，...） Value1，Value2，……：传递到math.min（）函数的值，用于查找最小值。我们下面来看具体示例代码如下参数是正数和负数时：代码...
2020-05-27
jQuery实现的五星点评功能【案例】
本文实例讲述了jQuery实现的五星点评功能。分享给大家供大家参考，具体如下：效果图:需求分析：1.鼠标移入li标签,当前li标签和之前的li标签全部变为实心;
2.鼠标移开,所有的li标...
2020-05-27
详解关于微信setData回调函数中的坑
最近在做录音功能，需求大体是这样的：点击开始录音按钮，页面状态变为录音中，然后开始录音。不过伟大的测试同学发现了一个问题：当快速的连续点击开始录音按钮时，会触发多次开始录音...
2020-05-27
jQuery插件实现非常实用的tab栏切换功能【案例】
本文实例讲述了jQuery插件实现tab栏切换功能。分享给大家供大家参考，具体如下：效果:核心代码:自己写了一个方法,需要用的时候直接调用就可以了.方法如下:(function ($) { //...
2020-05-27
详解ES7 Decorator 入门解析
Decorator 提供了一种独特的抽象逻辑，可在原有代码基础上，零侵入添加新功能特性。商业代码总是多种交织并存的，在日常开发中，除了实现业务功能之外，我们还需要考虑诸如：异常处理、...
2020-05-27
jQuery实现的卷帘门滑入滑出效果【案例】
本文实例讲述了jQuery实现的卷帘门滑入滑出效果。分享给大家供大家参考，具体如下：效果:如果用JQ来做,其实非常简单,核心代码:<script src="http://libs.baidu.com/jquery/2.0....
2020-05-27
详解TypeScript+Vue 插件 vue-class-component的使用总结
首先 下载npm install vue-class-component vue-property-decorator --save-dev一梭子直接干；其次，咱来说说它们的区别与联系：vue-property-decorator社区出品；vue-class-compon...
2020-05-27
深入理解vue-class-component源码阅读
vue-class-component是vue作者尤大推出的一个支持使用class方式来开发vue单文件组件的库。但是，在使用过程中我却发现了几个奇怪的地方。
首先，我们看一个简单的使用例子：
// A...
2020-05-27
Vue框架TypeScript装饰器使用指南小结
前言装饰器是一种特殊类型的声明，它能够被附加到 类声明，方法， 访问符，属性或参数 上。 装饰器使用 @expression这种形式， expression求值 后必须为一个函数，它会在 运行时被调用...
2020-05-27
JS实现点击li标签弹出对应的索引功能【案例】
本文实例讲述了JS实现点击li标签弹出对应的索引功能。分享给大家供大家参考，具体如下：需求:点击li标签,弹出对应的索引先看效果:html结构:<ul id="ul1"> <li>我是li标签1</li...
2020-05-27
JS基于开关思想实现的数组去重功能【案例】
本文实例讲述了JS基于开关思想实现的数组去重功能。分享给大家供大家参考，具体如下：场景: 比如给你一个数组var Arr = [ 25, 70, 60, 70, 65, 65, 80 ],最终要得到去重后的新...
2020-05-27
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
本文实例讲述了JS实现集合的交集、补集、差集、去重运算。分享给大家供大家参考，具体如下：ES5写法:///集合取交集Array.intersect = function () { var result = new Array()...
2020-05-27
