创建Vue项目以及引入Iview的方法示例
创建Vue项目 以及引入Iview
官方文档
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖，走...
2020-05-27
vue.js实现的全选与全不选功能示例【基于elementui】
本文实例讲述了vue.js实现的全选与全不选功能。分享给大家供大家参考，具体如下：elementui是有checkbox组件，不过问题在于checkbox组件内只能嵌套简单的字符串，如果要嵌入标签怎...
2020-05-27
微信小程序在地图选择地址并返回经纬度简单示例
本文实例讲述了微信小程序在地图选择地址并返回经纬度功能。分享给大家供大家参考，具体如下：微信小程序的地址管理中，经常需要获取地址的详细地址信息和地址经纬度信息wxml文件...
2020-05-27
微信小程序实现页面下拉刷新和上拉加载功能详解
本文实例讲述了微信小程序实现页面下拉刷新和上拉加载功能。分享给大家供大家参考，具体如下：web手机端或App中经常会有下拉刷新，上拉加载这些功能。微信小程序中如何实现下拉刷...
2020-05-27
利用jquery和BootStrap实现动态滚动条效果
在某项目中遇到excel导入时客户要求显示滚动条效果，在此基础上使用js为其封装了个进度条类，只需要简单为其创建个div容器就可轻松实现效果，类具体如下：
<!DOCTYPE html><html la...
2020-05-27
vue-cli3.0+element-ui上传组件el-upload的使用
最近项目中涉及很多文件上传的地方，然后文件上传又有很多限制。比如文件大小限制，文件个数限制，文件类型限制，文件上传后的列表样式自定义，包括上传进度条等问题。下面是我对elem...
2020-05-27
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
根据vue-music视频中slider组建的使用，当安装新版本的better-scroll，轮播组件，不能正常轮播这是因为，better-scroll发布新版本之后，参数设置发生改变这是旧版本： 组件为slider<tem...
2020-05-27
Vue.js 图标选择组件实践详解
本文介绍了Vue.js 图标选择组件实践详解，分享给大家，具体如下：背景最近项目中在做一个自定义菜单需求，其中有一个为菜单设置小图标的功能，就是大家常见的左侧菜单
设置图标不难，方...
2020-05-27
Vue项目中使用better-scroll实现一个轮播图自动播放功能
前言better-scroll是一个非常非常强大的第三方库 在移动端利用这个库 不仅可以实现一个非常类似原生ScrollView的效果 也可以实现一个轮播图的效果 这里就先记录一下自己实...
2020-05-27
vue-better-scroll 的使用实例代码详解
首先安装better-scrollnpm i better-scroll -Sgoods页面模板<template> <div class="goods"> <div class="menu-wrapper" ref="menuWrapper"> <ul> <li v-for="item i...
2020-05-27
微信小程序之事件交互操作实例分析
本文实例讲述了微信小程序之事件交互操作。分享给大家供大家参考，具体如下：微信小程序—点击事件什么是事件？指点击，触摸，按下，滑动，松开，等一系列对手机屏幕操作。下面代码所要呈现...
2020-05-27
JointJS流程图的绘制方法
最近项目上需要用流程图来做问题定界分析，之前有同事用jsPlumb做过，但是阅读代码后觉得比较麻烦，所以自己又找了一圈，找到一个叫Dagre-D3的开源类库，画出来的效果如下图，Dagre-D3...
2020-05-27
React事件处理的机制及原理
React中的事件处理
在React元素中绑定事件有两点需要注意：（1）在React中，事件命名采用驼峰命名方式，而不是DOM元素中的小写字母命名方式。例如onclick要写成onClick，onchange要写成...
2020-05-27
在vue项目中优雅的使用SVG的方法实例详解
1、基础介绍本文旨在介绍如何在项目中配置和方便的使用svg图标。
本文以vue项目为例，当然在react中的使用原理基本相似。
svg图标可以直接通过img标签来使用，也可当做icon来使...
2020-05-27
浅析Vue.js中v-bind v-model的使用和区别
v-model 指令在表单控件元素上创建双向数据绑定,所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改变，另一方也会相应的更...
2020-05-27
解决JS表单验证只有第一个IF起作用的问题
文章来自：https://blog.csdn.net/qq_38215042/article/details/84675988具体代码如下所述：if（条件语句）｛ return false;｝else{ return true;}if（条件语句）｛ return false;｝else{ retur...
2020-05-27
js实现下拉框二级联动
在做项目的时候，一个添加问题题目，选项和答案的问题，题目类型分为选择题，判断题，和多选题三种，此处需要添加一个二级联动的功能，即当题型为选择题的时候，正确选项的下拉框里出现的是...
2020-05-27
小程序指纹验证的实现代码
最近接到一个私单，需要小程序里面实现指纹验证。。废话不多说，，先查小程序api。好的，在翻阅小程序api中，发现有一个生物认证的api。分别是wx.checkIsSoterEnrolledInDevice ， wx.c...
2020-05-27
Vue源码解析之数组变异的实现
力有不逮的对象
众所周知，在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变。这是什么原因？原因在于： V...
2020-05-27
vue 之 css module的使用方法
前言最近学习webpack看到了一个新鲜的东西，之前都是通过scoped来区别类名，秉着任何时候学习都不晚的心情，作为小白的我也想揭揭css module的神秘面纱。
css module目的为所有类...
2020-05-27
zepto.js 实时监听输入框的方法
如下所示： $('#phone').on('input', function(e) { //实时监听手机号码输入框变化 if($('#phone').val()) { //输入框内容不为空 }else{ //...
2020-05-27
elementUI中Table表格问题的解决方法
前言element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。在开发vue框架项目时，引入element插件，使用table表格组件时，遇到了一些问题，以下...
2020-05-27
element ui table（表格）实现点击一行展开功能
前言element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。
element ui表格中有一个功能是展开行，在2.0版本官网例子中，只可以点击右箭头可...
2020-05-27
React Native中Mobx的使用方法详解
前言从今天开始我们来搞搞状态管理可否，这几天没怎么写博客，因为被病魔战胜了，tmd，突然的降温让我不知所措，大家最近注意安全，毕竟年底了，查的严，呸，大家注意保暖特别声明：写该文只是...
2020-05-27
nodejs 使用 js 模块的方法实例详解
Intro#最近需要用 nodejs 做一个爬虫，Google 有一个 Puppeteer 的项目，可以用它来做爬虫，有关 Puppeteer 的介绍网上也有很多，在这里就不做详细介绍了。 node 小白，开始的时候有...
2020-05-27
详解webpack4之splitchunksPlugin代码包分拆
本文讲解的是最近在做的一个多页面项目，结合webpack4的splitChunks进行代码包分拆的过程项目框架项目有home和topic两个入口文件,主要包括： react、mobx、antd作为项目的基本...
2020-05-27
vue项目每30秒刷新1次接口的实现方法
在vue.js项目中，经常需要对数据实时更新——每隔xx秒需要刷新一次接口——即需要用到定时器相关原理我们先看一看2种常用定时器：setInterval(function(){}, milliseconds)——...
2020-05-27
微信小程序之swiper滑动面板用法示例
本文实例讲述了微信小程序之swiper滑动面板用法。分享给大家供大家参考，具体如下：swiper就是为了以后做轮播图用的。下面是一些它的属性PS：关于微信小程序组件可参考本站在线工...
2020-05-27
vue项目刷新当前页面的三种方法
想必大家在刨坑vue的时候也遇到过下面情形：比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种：如果希望点击确定的时候，Dialog 对话框关闭的时候，当前ht...
2020-05-27
微信小程序模板template简单用法示例
本文实例讲述了微信小程序模板template简单用法。分享给大家供大家参考，具体如下：模板呢，就是为了方便你重复写一些代码而建立的，目前我指发现它的功能适合建立一些表格类型的数...
2020-05-27
vue实现的组件兄弟间通信功能示例
本文实例讲述了vue实现的组件兄弟间通信功能。分享给大家供大家参考，具体如下：兄弟组件间通信（event）借助于一个公共的Vue的实例对象，不同的组件可以通过该对象完成事件的绑定和...
2020-05-27
jQuery利用FormData上传文件实现批量上传
在项目中涉及题库的批量上传功能，在此利用formdata进行文件上传，后台读取，进行批量插入。同时还需要带入teacherId和courseId两个参数，所以将文件和两个参数append到formdata中，...
2020-05-27
使用jquery模拟a标签的click事件无法实现跳转的解决
问题描述
最近在使用jquery模拟a标签的click事件，无法触发其默认行为。即click()或trigger('click')无法触发href跳转。
<a id="aBtn" href="https://www.car-me.com/">去卡...
2020-05-27
vue实现的双向数据绑定操作示例
本文实例讲述了vue实现的双向数据绑定操作。分享给大家供大家参考，具体如下：<!doctype html><html> <head> <meta charset="UTF-8"> <title>经典的双向数据绑定</title> <scr...
2020-05-27
用vuex写了一个购物车H5页面的示例代码
通过购物车的一个案列，把vuex学习了一篇。
vuex概念浅谈
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保...
2020-05-27
vue自定义指令的创建和使用方法实例分析
本文实例讲述了vue自定义指令的创建和使用方法。分享给大家供大家参考，具体如下：一、自定义指令的创建和使用Vue自带的指令很多，v-for/v-if/v-else/v-else-if/v-model/v-bind/v...
2020-05-27
使用FormData实现上传多个文件
本文实例为大家分享了FormData上传多个文件的具体代码，供大家参考，具体内容如下由于项目中使用到，特此写个Demohtml代码：<html><head> <title>Title</title> <script src="https...
2020-05-27
Vue中的基础过渡动画及实现原理解析
前言在日常开发中 动画是必不可少的一部分 不仅能让元素直接的切换显得更加自然 同时也能极大的增强用户体验 因此 在Vue之中也提供了非常强大的关于动画这方面的支持 Vue不...
2020-05-27
详解vue中async-await的使用误区
曾经见过为了让钩子函数的异步代码可以同步执行，而对钩子函数使用async/await，就好像下面的代码：// exp-01export default { async created() { const timeKey = 'cost'; conso...
2020-05-27
NodeJs实现简单的爬虫功能案例分析
1.爬虫：爬虫，是一种按照一定的规则，自动地抓取网页信息的程序或者脚本；利用NodeJS实现一个简单的爬虫案例，爬取Boss直聘网站的web前端相关的招聘信息，以广州地区为例；2.脚本所用到...
2020-05-27
vue-cli3搭建项目的详细步骤
中文文档
https://github.com/vuejs/vue-docs-zh-cn在安装之前请装好nodeJs安装vue cli31. 检测vue 的版本vue -V (V大写)orvue --version2. 安装@vue/clinpm install -g @v...
2020-05-27
JavaScript实现学生在线做题计时器功能
最近在项目中实现了一个学生在线做题的功能，其中需要记录学生的答题时间，所以就在前台写了个计时器效果如下：HTML部分：<div class="panel panel-default"> <label>答题计时：</lab...
2020-05-27
JS获取月的第几周和年的第几周实例代码
下面一段代码给大家介绍JS获取月的第几周和年的第几周，具体代码如下所述：var getMonthWeek = function (a, b, c) { /* a = d = 当前日期 b = 6 - w = 当前周...
2020-05-27
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
好久没有记录工作中遇到的问题，其中的原因之一应该是没有什么代表性的或者说是没有网上搜不到答案的，毕竟在大多数前端中我还是很渺小。今天写这个博客就是因为工作中遇到了问...
2020-05-27
vue组件之间通信实例总结(点赞功能)
本文实例讲述了vue组件之间通信。分享给大家供大家参考，具体如下：总结：父组件--》子组件①通过属性步骤1：<son myName="michael" myPhone='123'></son><son :myName="userList[0...
2020-05-27
node.js实现为PDF添加水印的示例代码
背景项目中有用到node做中间层，期间有个为PDF文件添加水印的需求，网上搜了不少帖子，发现有以下几点存在的问题。
1、单页PDF的话，可以用PNG图片加到PDF上，但是实际使用情况就没那...
2020-05-27
JS实现简单的点赞与踩功能示例
本文实例讲述了JS实现简单的点赞与踩功能。分享给大家供大家参考，具体如下：HTML部分：赞:<button id="btn_zan">0</button>踩:<button id="btn_cai">0</button>JS部分：function d...
2020-05-27
详解关于Angular4 ng-zorro使用过程中遇到的问题
写在前面由于现在网络上Angular 4的相关技术文档不是很充分，我写出这个采坑的记录文档，一方面是想给自己在项目中遇到的各种问题与个人的理解记录下来，另一方面也想着某些坑大...
2020-05-27
JS+HTML5 canvas绘制验证码示例
本文实例讲述了JS+HTML5 canvas绘制验证码。分享给大家供大家参考，具体如下：css样式：<style>body{ text-align: center;}canvas{ background:#ddd;}</style>HTML部分：body中添...
2020-05-27
详解如何在Angular优雅编写HTTP请求
引言
基本上当下的应用都会分为前端与后端，当然这种前端定义不在限于桌面浏览器、手机、APP等设备。一个良好的后端会通过一套所有前端都通用的 RESTful API 序列接口作为前...
2020-05-27
