vue实现移动端悬浮窗效果
本文讲述，在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点
touchstart 当在屏幕上按下手指时触发touchmove 当在屏幕上移动手指时触发touchend 当在屏幕上抬起...
2020-05-27
jquery拖拽自动排序插件使用方法详解
本文为大家分享了jquery拖拽自动排序插件，供大家参考，具体内容如下
该插件并不是原生js写的，是基于jquery的，想看原生的话，请绕道而行。html:<!DOCTYPE html><html lang="en"><he...
2020-05-27
jQuery-ui插件sortable实现自由拖动排序
本文为大家分享了jQuery ui插件sortable实现自由拖动排序的具体方法，供大家参考，具体内容如下此为网上资源demo自己做了修改，记录下方便日后的学习。效果展示：代码展示：<!doctype...
2020-05-27
JavaScript实现简单轮播图效果
本文实例为大家分享了js实现简单轮播图效果的具体代码，可以实现左右翻转，图片切换显示等效果，供大家参考，具体内容如下效果展示：代码展示：<!doctype html> <html><!-- 学习功能：使...
2020-05-27
GOJS+VUE实现流程图效果
前言及展示在项目中需要根据传过来的数据画出流程图，采用了GOJS插件，功能很全面，可以根据自己的需要调整，不过建议简单的流程图还是自己手写一个组件，更加便于维护和变换。有一点...
2020-05-27
Angular6 Filter实现页面搜索的示例代码
前言
我们在开发过程中经常会遇到在页面上实现全局搜索的需求，例如：表格搜索，通过关键词检索整个表格，过滤出我们需要的数据。在Angular6 中我们可以通过Filter + Pipe 的方式来...
2020-05-27
在移动端使用vue-router和keep-alive的方法示例
对于web开发和移动端开发，两者在路由上的处理是不同的。对于移动端来说，页面的路由是相当于栈的结构的。vue-router与keep-alive提供的路由体验与移动端是有一定差别的，因此常...
2020-05-27
详解Vue一个案例引发「内容分发slot」的最全总结
今天我们继续来说说 Vue，目前一直在自学 Vue 然后也开始做一个项目实战，我一直认为在实战中去发现问题然后解决问题的学习方式是最好的，所以我在学习一些 Vue 的理论之后，就开始...
2020-05-27
Vuejs监听vuex中值的变化的方法示例
比如说,例如,你有一篮子水果,每次你从篮子里添加或拿走水果 ,你想显示有关水果数量的信息,但是你也想当篮子中数量变化的时候收到通知。fruit-count-component.vue <templa...
2020-05-27
mpvue 单文件页面配置详解
前言
mpvue 的出现把 vue 的开发体验带到了小程序这个平台中，但其目录结构与传统的 vue 项目却并不完全一致，一个典型的页面包含以下三个文件：index.vue // 页面文件main.js //...
2020-05-27
小程序实现授权登陆的解决方案
前言
之前写过一个关于微信授权登陆的文章
传送门
最近在做小程序的项目，依旧是商城，又开始研究微信的登陆授权坑，第一次接触小程序，授权登陆也是一塌糊涂以后再慢慢的改进场景...
2020-05-27
Vue.Draggable拖拽功能的配置使用方法
本文实例为大家分享了Vue.Draggable拖拽功能的具体代码，供大家参考，具体内容如下使用cmd命令在项目根目录下下载安装Vue.Draggablenpm install vuedraggable 在组件中需要使用...
2020-05-27
VueJS 组件参数名命名与组件属性转化问题
HTML 特性是不区分大小写的。所以，当使用的不是字符串模版，camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名：Vue.component('child', {//...
2020-05-27
JS跨域请求的问题解析
同源策略在运行中我们有时会出错是因为我们违反了同源策略，这是一种浏览器所实施的安全措施，用于限制具有不同来源的文档之间的交互。页面的来源由其协议，主机和端口号定义。具...
2020-05-27
浅谈ng-zorro使用心得
前言本周使用ng-zorro做了项目的原型，对它也有了一定的了解，总的来说不难，可以用强化版boostrap来理解它,由于黄庭祥初始化工作做得很好，在写的过程遇到的问题不是很麻烦，感谢祥...
2020-05-27
Vue.js中 v-model 指令的修饰符详解
1 .lazyv-model 指令默认会在 input 事件中加载输入框中的数据（中文输入法中输入拼音的过程除外）。我们可以使用 .lazy 懒加载修饰符，让其只在 change 事件中再加载输入框中的...
2020-05-27
如何使用 vue + d3 画一棵树
github pagesvue 和 d3 的角色画图可分为两步： 元素坐标计算 数据绑定坐标计算只需要一些 api，本文使用 d3。数据绑定既可以借助 d3，也可以使用 vue。d3 通过操作 dom 实现，有...
2020-05-27
ng-zorro-antd 入门初体验
Angular版本的 Ant Design 总算发布了，其名曰：ng-zorro-antd。这人要是越期待，心就越着急。早在8月上旬我就开发好了 ng-zorro-vscode；一个在vscode下的snippets。因此，虽然那时...
2020-05-27
Vue.js 中的 v-model 指令及绑定表单元素的方法
我们可以使用 Vue.js 中的 v-model 指令来完成表单数据的双向绑定。1 基础用法1.1 文本输入框（text）这里演示了在文本输入框上输入的内容，会实时映射到绑定的数据上。html：
<div...
2020-05-27
react-router 路由切换动画的实现示例
路由切换动画
因为项目的需求，需要在路由切换的时候，加入一些比较 zb 的视觉效果，所以研究了一下。把这些学习的过程记录下来，以便以后回顾。同时也希望这些内容能够帮助一些跟...
2020-05-27
koa2实现登录注册功能的示例代码
本文介绍了koa2实现登录注册功能的示例代码，分享给大家，具体如下:这个主要结合前几天的内容，做个实际案例的效果版本：项目结构：前几天，我们把注册和登录的页面demo实现了，今天我们...
2020-05-27
JS基于Location实现访问Url、重定向及刷新页面的方法分析
本文实例讲述了JS基于Location实现访问Url、重定向及刷新页面的方法。分享给大家供大家参考，具体如下：js通过Location实现访问Url,重定向,刷新页web中经常会使用到刷新页面，访...
2020-05-27
使用mpvue搭建一个初始小程序及项目配置方法
1. 初始化一个 mpvue 项目现代前端开发框架和环境都是需要 Node.js 的，如果没有的话，请先下载 nodejs 并安装。然后打开命令行工具：# 1. 先检查下 Node.js 是否安装成功$ node...
2020-05-27
写gulp遇到的ES6问题详解
前言Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。最近复习一下gulp一些基本的写法，在写了一些简单的uglify,rename,concat,clean的处...
2020-05-27
使用NestJS开发Node.js应用的方法
NestJS 最早在 2017.1 月立项，2017.5 发布第一个正式版本，它是一个基于 Express，使用 TypeScript 开发的后端框架。设计之初，主要用来解决开发 Node.js 应用时的架构问题，灵感来...
2020-05-27
从零开始实现Vue简单的Toast插件
前言一直都觉得vue的插件生涩难懂，但是又很好奇，在看了几篇文章，试着写了写之后觉得也没那么难，本文主要实现一个简单的Toast插件，方便迁移到不同的项目中，用来全局提示、警告一些...
2020-05-27
微信小程序显示倒计时功能示例【测试可用】
本文实例讲述了微信小程序显示倒计时功能。分享给大家供大家参考，具体如下：微信小程序中显示倒计时：index.wxml:<view class='countdown'>剩:<text style='color:#6B4EFD'> {{c...
2020-05-27
swiper.js插件实现pc端文本上下滑动功能示例
本文实例讲述了swiper.js插件实现pc端文本上下滑动功能。分享给大家供大家参考，具体如下：在网站上看小说，文本太长时，靠鼠标去拖动滚动条太麻烦，鼠标滚轮又不精确，滚一下就不知道...
2020-05-27
利用Vue构造器创建Form组件的通用解决方法
前言在前端平常的业务中，无论是官网、展示页还是后台运营系统都离不开表单，它承载了大部分的数据采集工作。所以如何更好地实现它，是平常工作中的一个重要问题。在应用Vue框架...
2020-05-27
创建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
