68浏览

0评论

extract-text-webpack-plugin用法详解

一 背景
最近在做一个项目，项目本身是用vue-cli创建的单页面应用，由于项目扩展需要创建多页面，所以需要对不同的html分别进行css文件打包。于是开始研究extract-text-webpack-p...

• 2020-05-27

77浏览

0评论

VuePress 静态网站生成方法步骤

使用技术：VuePress - Vue 驱动的静态网站生成器
仓库地址：https://github.com/yinian-R/vuepress-demo
全局安装
## 安装yarn global add vuepress # 或者：npm install -g vue...

• 2020-05-27

86浏览

0评论

Node.js如何对SQLite的async/await封装详解

前言本文主要给大家介绍的是关于Node.js对SQLite的async/await封装的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧用于将每个SQLite函数同步化，并可...

• 2020-05-27

95浏览

0评论

使用vuepress搭建静态博客的示例代码

什么是vuePress
vuePress是以vue驱动的主题系统的简约静态网站生成工具（拥有自己的默认主题）。veuPress由vue,vue-router,webpack驱动的单页面应用，每个markdonw文件都使用mark...

• 2020-05-27

76浏览

0评论

VuePress 快速踩坑小结

最近有个开源项目非常火，那就是尤小右开发的 VuePress，VuePress 可以让您非常方便的在 Markdown 文档中编写 Vue 代码，并且 VuePress 对编译后的 HTML 文件做了一些针对搜索引...

• 2020-05-27

63浏览

0评论

JavaScript类型相关的常用操作总结

js的基本数据类型有哪些？
ECMAScript中有5中简单数据类型（也称为基本数据类型）: Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object，Object本质...

• 2020-05-27

71浏览

0评论

如何使用VuePress搭建一个类型element ui文档

网站成果样式项目书写步骤github地址:https://github.com/xuhuihui/dataCom官网：http://caibaojian.com/vuepress/guide/getting-started.html参考文章：https://www.freexyz.cn/...

• 2020-05-27

73浏览

0评论

微信小程序实现banner图轮播效果

本文实例为大家分享了微信小程序实现banner图轮播的具体代码，供大家参考，具体内容如下效果图：indicator-active-color="#007aff"//修改选中图片圆点的颜色js:const app = getAp...

• 2020-05-27

71浏览

0评论

vue中各种通信传值方式总结

1、路由通信传值路由通信是通过路由跳转用query把参数带过去，也是vue常用的通信手段。例子：创建并在路由注册一个组件Head<template> <div id="head"> <button @click="handl...

• 2020-05-27

61浏览

0评论

详解JavaScript原生封装ajax请求和Jquery中的ajax请求

前言：ajax的神奇之处在于JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。Ajax 在浏览器与 Web 服务器之间使用...

• 2020-05-27

44浏览

0评论

手挽手带你学React之React-router4.x的使用

手挽手带你学React入门三档,带你学会使用Reacr-router4.x,开始创建属于你的React项目什么是React-router
React Router 是一个基于 React 之上的强大路由库，它可以让你向应用...

• 2020-05-27

61浏览

0评论

微信小程序实现简单表格

本文实例为大家分享了微信小程序实现简单表格的具体代码，供大家参考，具体内容如下效果图：wxml<view class="table"> <view class="tr bg-w"> <view class="th">SPB</view> <v...

• 2020-05-27

84浏览

0评论

手把手带你封装一个vue component第三方库

为什么选择自己封装第三方库最近几个月我司把之前两三年的所有业务都用了 vue 重构了一遍，前台使用 vue+ssr，后台使用了 vue+element，在此过程中封装和自己写了很多 vue compon...

• 2020-05-27

72浏览

0评论

微信小程序制作表格的方法

本文实例为大家分享了微信小程序制作表格的具体代码。微信小程序中没有专门的表格制作工具，不过使用列表渲染可以实现，下面是我做的表格图片：方法如下：在XXX.wxml中填写下面的代...

• 2020-05-27

71浏览

0评论

微信小程序实现简易table表格

本文实例为大家分享了微信小程序实现简易表格的具体代码，供大家参考，具体内容如下由于需要开发小程序，前端又是自己弄，类似table的标签也没有，后来看到小程序文档中推荐使用flex...

• 2020-05-27

97浏览

0评论

React通过redux-persist持久化数据存储的方法示例

在React项目中，我们经常会通过redux以及react-redux来存储和管理全局数据。但是通过redux存储全局数据时，会有这么一个问题，如果用户刷新了网页，那么我们通过redux存储的全局数...

• 2020-05-27

84浏览

0评论

一秒学会微信小程序制作table表格

大家都知道微信小程序自身没有提供表格这个组件，但是今天的项目需求又出现了，所以只能模仿一个了。效果图：代码挺简单方便的：wxml: <view class='history-table-wrap'> <view c...

• 2020-05-27

85浏览

0评论

微信小程序实现单选选项卡切换效果

这里展示一个工作中用到的微信小程序的单选选项卡切换效果的制作方法，供大家参考，具体内容如下效果如图：wxml:<view class="item" wx:for="{{data}}" wx:for-item="item" wx:fo...

• 2020-05-27

54浏览

0评论

webpack-url-loader 解决项目中图片打包路径问题

刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里。
下面我们就来分析下在webpack项目中图片的应...

• 2020-05-27

75浏览

0评论

微信小程序实现左右列表联动

本文实例为大家分享了微信小程序实现左右列表联动的具体代码，供大家参考，具体内容如下效果图：直接上代码：wxml界面:<view class='header'> <text class='headerClass'>分类</tex...

• 2020-05-27

92浏览

0评论

推荐一个基于Node.js的表单验证库

API 在执行过程中的一个基本任务是数据验证。 在本文中，我想向你展示如何为你的数据添加防弹验证，同时返回风格良好的格式。在 Node.js 中进行自定义数据验证既不容易也不快。...

• 2020-05-27

82浏览

0评论

微信小程序实现联动选择器

本文实例为大家分享了微信小程序实现联动选择器的具体代码，供大家参考，具体内容如下picker从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器...

• 2020-05-27

71浏览

0评论

微信实现自动跳转到用其他浏览器打开指定APP下载

目前的APP基本都支持二维码扫描下载，二维码下载也成为了大家用起来很顺手的一种方式。由于微信的用户基本占据了国内市场的90%，说到扫一扫用户第一个想到的就是打开微信扫一下...

• 2020-05-27

67浏览

0评论

jQuery实现经典的网页3D轮播图封装功能【附源码下载】

本文实例讲述了jQuery实现的网页3D轮播图封装功能。分享给大家供大家参考，具体如下：网页伪3D轮播图，其实就是轮播图旋转木马效果。其实在jquery插件库也有很多旋转木马的插件，但...

• 2020-05-27

54浏览

0评论

小程序实现多列选择器

本文实例为大家分享了小程序实现多列选择器的具体代码，供大家参考，具体内容如下代码分两部分，先上wxml<view class="container"> <form catchsubmit="formSubmit"> <view clas...

• 2020-05-27

62浏览

0评论

详解react-refetch的使用小例子

使用react-refetch来简化api获取数据的代码
const List = ({data: gists}) => { return ( <ul> {gists.map(gist => ( <li key={gist.id}>{gist.description}</li>...

• 2020-05-27

41浏览

0评论

微信小程序实现多个按钮的颜色状态转换

本文实例为大家分享了微信小程序实现按钮颜色状态转换的具体代码，供大家参考，具体内容如下效果图片： index.wmxl文件 <block wx:for="{{pres}}"> <view class='foot_tab' data...

• 2020-05-27

73浏览

0评论

微信小程序基于picker实现级联菜单

本文实例为大家分享了微信小程序实现级联菜单的具体代码，供大家参考，具体内容如下<view > <picker bindchange="bindPickerChange0" value="{{brandindex}}" range="{{brands}...

• 2020-05-27

50浏览

0评论

微信小程序实现购物页面左右联动

本文实例为大家分享了微信小程序实现购物页面左右联动的具体代码，供大家参考，具体内容如下效果图：wxml<view class="pro-container"> <scroll-view class="left-menu" scroll-y...

• 2020-05-27

50浏览

0评论

微信小程序实现商品属性联动选择

本文实例为大家分享了微信小程序实现商品属性联动选择的具体代码，供大家参考，具体内容如下效果演示：代码示例1、commodity.xml
<!-- <view class="title">属性值联动选择</view...

• 2020-05-27

66浏览

0评论

微信小程序时间标签和时间范围的联动效果

本文实例为大家分享了微信小程序时间标签和时间范围联动的具体代码，供大家参考，具体内容如下最近忙于一个有关数据管理的微信小程序，遇到了上图情况，虽然很简单，还是整理一下。若...

• 2020-05-27

86浏览

0评论

微信小程序实现展示评分结果功能

本文实例为大家分享了微信小程序实现展示评分结果的具体代码，供大家参考，具体内容如下星星评分展示1
根据评分展示整颗行星或者半颗星星星星评分展示2
根据评分按照小数点展示...

• 2020-05-27

95浏览

0评论

微信小程序实现工作时间段选择

本文实例为大家分享了微信小程序工作时间段选择的具体代码，供大家参考，具体内容如下1. 效果图如上，需完成时间段的选择 以及下面的工作日选择 保存按钮为formSubmit提交后台2...

• 2020-05-27

48浏览

0评论

vue与bootstrap实现简单用户信息添加删除功能

本文实例为大家分享了vue与bootstrap实现用户信息添加删除操作的具体代码，供大家参考，具体内容如下小记：1.v-model="" 用于input表单双向数据绑定 逻辑层跟渲染层双向绑定2...

• 2020-05-27

58浏览

0评论

jQuery实现简单的Ajax调用功能示例

本文实例讲述了jQuery实现简单的Ajax调用功能。分享给大家供大家参考，具体如下：这里的jQuery调用为CDN地址：//cdn.bootcss.com/jquery/3.3.1/jquery.min.jsjQuery确实方便，下面...

• 2020-05-27

97浏览

0评论

Node.js原生api搭建web服务器的方法步骤

node.js 实现一个简单的 web 服务器还是比较简单的，以前利用 express 框架实现过『nodeJS搭一个简单的(代理)web服务器』。代码量很少，可是使用时需要安装依赖，多处使用难免有...

• 2020-05-27

57浏览

0评论

详解Element 指令clickoutside源码分析

clickoutside是Element-ui实现的一个自定义指令，顾名思义，该指令用来处理目标节点之外的点击事件，常用来处理下拉菜单等展开内容的关闭，在Element-ui的Select选择器、Dropdown下...

• 2020-05-27

171浏览

0评论

解决微信小程序中转换时间格式IOS不兼容的问题

昨天弄一个微信倒计时;遇到了这个为题，调试了才找到问题的所在，然后在网上找了资料才知道这个问题的原因，来是因为IOS系统不支持2018-08-30这样的格式的时间导致的let olddata...

• 2020-05-27

89浏览

0评论

jQuery实现ajax的嵌套请求案例分析

本文实例讲述了jQuery实现ajax的嵌套请求。分享给大家供大家参考，具体如下：今天看到了一个嵌套的ajax，算是长见识了。不过看一眼就知道怎么回事了。不是不会，就怕想不到。//发送...

• 2020-05-27

41浏览

0评论

mocha的时序规则讲解

前言对于新手而言，mocha的时序就像谜一般，许多奇怪的测试样例的失败都是由于对时序不清楚。下面我就把我在测试工作中总结的时序规则部分与大家共享。describe里地时序simple...

• 2020-05-27

67浏览

0评论

JS实现简单的抽奖转盘效果示例

本文实例讲述了JS实现简单的抽奖转盘效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS抽奖转...

• 2020-05-27

83浏览

0评论

原生JS实现逼真的图片3D旋转效果详解

本文实例讲述了原生JS实现逼真的图片3D旋转效果。分享给大家供大家参考，具体如下：实现效果:实现过程:步骤一:先写一个简单的html结构,创建一个box盒子,里面放对应的图片(也可...

• 2020-05-27

61浏览

0评论

JavaScript遍历DOM元素的常见方式示例

本文实例讲述了JavaScript遍历DOM元素的常见方式。分享给大家供大家参考，具体如下：对于元素之间的空格，IE9以及之前的版本不会返回文本节点，，其他的浏览器会返回文本节点，所以我们...

• 2020-05-27

122浏览

0评论

详解微信小程序实现仿微信聊天界面(各种细节处理)

本文介绍了微信小程序实现仿微信聊天界面，分享给大家，具体如下：下面先来看看效果为实现这样的效果，首先要解决两个问题：1.点击输入框弹出软键盘后，将已有的少许聊天内容弹出，导致看...

• 2020-05-27

53浏览

0评论

Nuxt.js 数据双向绑定的实现

假定我们有一个需求，一开始通过mounted()将一个字符串渲染在页面上，但是我们经过操作后修改了数据并且需要将得到的结果重新异步渲染到页面中去，而不是跳转刷新页面来重新渲染...

• 2020-05-27

57浏览

0评论

详解javascript replace高级用法

在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中，这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定，当然也可以使用artTemplate模...

• 2020-05-27

182浏览

0评论

Vuepress 搭建带评论功能的静态博客的实现

vuepress 是 Vue 驱动的静态站点生成工具本文仅介绍，搭建静态博客的过程，具体教程及文档请点击进入 vuepress中文网
点击查看项目代码vuepress初始化
下面初始化
# 将 github...

• 2020-05-27

52浏览

0评论

记一次vue-webpack项目优化实践详解

项目现状项目是一个数据监测平台，引入了ehcart和three.js 负责项目的数据可视化；打包后，体积高达2.1M，这个体积相比于我的项目规模来说就显得稍有笨重了使用webpack-bundle-anal...

• 2020-05-27

83浏览

0评论

小程序实现列表多个批量倒计时

最近在写一个列表功能，列表中有倒计时的效果，网上没有可用的素材，以下是本人自己写的，如有问题，希望大家指出。先来看看基本的效果小程序中列表倒计时，类似活动倒计时列表，列表中有...

• 2020-05-27

91浏览

0评论

jQuery实现的隔行变色功能【案例】

本文实例讲述了jQuery实现的隔行变色功能。分享给大家供大家参考，具体如下：实现效果如图:html结构代码:<ul id="ul1"> <li>我是第1个li标签</li> <li>我是第2个li标签</li> <l...

• 2020-05-27