JavaScript - 教程之家

57浏览

0评论

AngularJs 最新验证手机号码的实例,成功测试通过

实例如下：<form name="signUpForm" novalidate> <div class="form-group"> <div class="row clearfix"> <label for="tel1" class="col-xs-12" style="text-align: left"...

2020-05-27

76浏览

0评论

浅析Vue自定义组件的v-model

最近在学习vue，今天看到自定义事件的表单输入组件，纠结了一会会然后恍然大悟...官方教程写得不是很详细，所以我决定总结一下。v-model语法糖v-model实现了表单输入的双向绑定，我...

2020-05-27

61浏览

0评论

在vue中实现简单页面逆传值的方法

【需求】　　要实现的需求很简单，页面从A -> B，用户在B触发操作，将一些数据带回到A页面，在网上找了好久也只看到有人问，但总找不到很好答案。要实现的效果图如下:【联想】　　在...

2020-05-27

54浏览

0评论

vue轮播图插件vue-awesome-swiper

Vue-Awesome-Swiper轮播图插件，可以同时支持Vue.js（1.X ~ 2.X），兼顾PC和移动端，SPA和SSR。例子例子安装设置安装Install vue-awesome-swipernpm install vue-awesome-swiper --sa...

2020-05-27

56浏览

0评论

vue 自定义组件 v-model双向绑定、父子组件同步通信的多种写法

上篇文章给大家介绍了浅析Vue自定义组件的v-model，大家可以参考下。接下来通过本文给大家介绍vue 自定义组件 v-model双向绑定、父子组件同步通信的多种写法，具体详情如下所...

2020-05-27

42浏览

0评论

vue-awesome-swiper滑块插件使用方法详解

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下github地址： https://github.com/surmon-china/vue-awesome-swiper.git
1.进入项目目录，安装swi...

2020-05-27

50浏览

0评论

VueJs 将接口用webpack代理到本地的方法

上一篇博文，我们已经顺利的从cnodejs.org请求到了数据，但是大家可以注意到我们的/src/api/index.js的第一句就是：// 配置API接口地址var root = 'https://cnodejs.org/api/v1'...

2020-05-27

68浏览

0评论

Vue父子模版传值及组件传值的三种方法

这里是针对于vue1.0，如果要学2.0，建议大家去看官方文档vue2.0 http://vuefe.cn/guide/
vue-router2.0https://router.vuejs.org/zh-cn/essentials/getting-started.html第一种...

2020-05-27

63浏览

0评论

基于vue2.0实现简单轮播图

因为之前一直在忙公司的项目，vue这块就生疏了不少，正好借这个小demo复习下vue的知识。先来个效果图：如图所示，实现的就是一个间隔2.5s自动向左切换下一张的轮播图，同时鼠标移入停...

2020-05-27

73浏览

0评论

使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能

一、写在前面1. Bootstrap是一个由 Twitter 开发和维护的前端框架，目前很受欢迎，Bootstrap中文网点击这里。2. Vue.js 是一套构建用户界面的渐进式框架，点这里访问官网。二、实...

2020-05-27

89浏览

0评论

解读vue生成的文件目录结构及说明

利用node和npm环境我们可以很快的搭建一个vue环境。具体步骤，请看上一篇博客。搭建完成后，我们可以看到生成的文件夹中包括如下文件：

1、build文件夹是保存一些webpack的初...

2020-05-27

47浏览

0评论

vue2.0使用swiper组件实现轮播效果

轻松实现vue2.0轮播效果，供大家参考，具体内容如下1、安装swipernpm install swiper@3.4.1 --save-dev2、引用组件import Swiper from 'swiper';import 'swiper/dist/css/swipe...

2020-05-27

71浏览

0评论

微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析

本文实例讲述了微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法。分享给大家供大家参考，具体如下：微信小程序为2017年1月9日打下了一个特殊的标签，迅速刷爆了网络和...

2020-05-27

74浏览

0评论

让bootstrap的carousel支持滑动滚屏的实现代码

原始的轮播组件，并不支持滑动滚屏：代码如下：<span style="white-space:pre"> </span><div class="row"> <div id="carousel-generic" class="carousel slide" data-...

2020-05-27

63浏览

0评论

vue2实现可复用的轮播图carousel组件详解

本文实例为大家分享了vue2实现轮播图carousel组件的使用方法，供大家参考，具体内容如下1、千年老规矩，上效果图，说明功能：（1）实现定时器，鼠标未移上图片时，自动轮播切换（2）有左右切换...

2020-05-27

56浏览

0评论

微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法

本文实例讲述了微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法。分享给大家供大家参考，具体如下：很多项目都会有消息记录页，即列表页，紧接着就是点击列表的某一...

2020-05-27

65浏览

0评论

Vue.js devtool插件安装后无法使用的解决办法

初次使用Vue.js devtool插件的新人在安装了Vue.js devtool插件后，都会经常有一个疑问。我在chrome浏览器里面已经成功安装好Vue.js devtool插件，怎么点击后提示vue.js not det...

2020-05-27

61浏览

0评论

vue购物车插件编写代码

本文实例为大家分享了vue购物车插件的具体代码，供大家参考，具体内容如下先上效果图
下面相关代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Hello MUI</title...

2020-05-27

45浏览

0评论

javascript字体颜色控件的开发 JS实现字体控制

我们在用JS写程序的时候，经常会遇到像在程序中直接控制字体的大小颜色等基本信息，尤其的在后台方便，小编测试用javascript写了一个这个控件，喜欢的拿走吧。以上就是用JS写的运行...

2020-05-27

52浏览

0评论

Vue实现购物车场景下的应用

本文实例为大家分享了Vue在购物车场景下的应用，供大家参考，具体内容如下购物车场景需求：1. 商品、店铺、购物车的选择2. 商品删除关键代码测试数据var _list = [{ checked: fal...

2020-05-27

48浏览

0评论

Vue.js搭建移动端购物车界面

本文介绍了如何使用Vue搭建一个移动端购物车界面，最终实现的功能包括：1. 选择要最终购买的物品
2. 选择每件物品购买的数量
3. 实时更新所选择物品的总价格
HTML部分首先给...

2020-05-27

61浏览

0评论

JavaScript实现修改伪类样式

项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。
HTML<p cl...

2020-05-27

61浏览

0评论

详解利用Angular实现多团队模块化SPA开发框架

0、前言当一个公司有多个开发团队时，我们可能会遇到这样一些问题：
1.技术选项杂乱，大家各玩各
2.业务重复度高，各种通用api，登录注销，权限管理都需要重复实现（甚至一个团队都需要重...

2020-05-27

62浏览

0评论

Vim快速合并行及vim 将文件所有行合并到一行

VIM （Unix及类Unix系统文本编辑器）Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器，在Vi的基础上改进和增加了很多特性。VIM是自由软件。 Vim普遍被推崇为类Vi编辑...

2020-05-27

52浏览

0评论

vue实现商城购物车功能

本文实例为大家分享了vue实现商城购物车功能的具体代码，供大家参考，具体内容如下首先，先上最终的效果图效果并不是很好看，但是这不是重点。首先，我们先看下布局：<template> <div c...

2020-05-27

81浏览

0评论

Vue的移动端多图上传插件vue-easy-uploader的示例代码

前言这段时间赶项目，需要用到多文件上传，用Vue进行前端项目开发。在网上找了不少插件，都不是十分满意，有的使用起来繁琐，有的不能适应本项目。就打算自己折腾一下，写一个Vue的上传...

2020-05-27

68浏览

0评论

修改UA在PC中访问只能在微信中打开的链接方法

通常一般在chrome下修改 UA 为微信或qq 就能打开那些在js端做了限制的链接，但今天发现还有一些 js 限制了 navigator.platform，pc上的值为 WIN32 或 MAC 导致环境判断失...

2020-05-27

60浏览

0评论

vue实现商城上货组件简易版

本文实例为大家分享了vue实现商城上货组件的具体代码，供大家参考，具体内容如下0、结果放前面点击查看效果带脚手架的源码加个Star后，fork下来。然后在控制台，先输入npm install...

2020-05-27

54浏览

0评论

webpack构建换肤功能的思路详解

最近项目中要实现一个换肤的功能，大体想了下，记录一下思路要实现换肤功能，目标就是打包生成多份皮肤文件，需要哪个就用哪个打包生成多份皮肤文件因为项目是使用webpack构建的，要...

2020-05-27

66浏览

0评论

基于vue.js的分页插件详解

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。想了解更多，请戳http://cn.vuejs.org/html代码：<div class="page-bar" v-else> <ul> <li styl...

2020-05-27

44浏览

0评论

JS基于贪心算法解决背包问题示例

本文实例讲述了JS基于贪心算法解决背包问题。分享给大家供大家参考，具体如下：贪心算法：在对问题求解时，总是做出在当前看来是最好的选择。也就是说，不从整体最优上加以考虑，他所做...

2020-05-27

72浏览

0评论

JS实现网页抢购功能（触发，终止脚本）

以下我们是通过chrome浏览器的开发者功能，实现如何用JS代码完成抢购功能以及如何通过chrome浏览器调试并加载自己写的JS。身为一名前端开发工程师，有时候业务场景是无法用手速...

2020-05-27

57浏览

0评论

Vue.js实现分页查询功能

本文实例为大家分享了Vue.js实现分页查询的具体代码，供大家参考，具体内容如下vue.js的使用如下：1、引入vue.js<script src="~/js/vue2.2.4.js"></script> a、分页条<ul class...

2020-05-27

42浏览

0评论

JS使用贪心算法解决找零问题示例

本文实例讲述了JS使用贪心算法解决找零问题。分享给大家供大家参考，具体如下：前面介绍了JS贪心算法解决背包问题，这里再来看看找零问题的解决方法。在现实生活中，经常遇到找零问...

2020-05-27

70浏览

0评论

jQuery Datatables表头不对齐的解决办法

我们用Datatables经常会遇到这种情况，就是浏览器或者HTML里元素改变大小或分辨率后，标题就会出现不对齐现象。这种情况是因为Datatables框架中使用到serverSide : true,// 服...

2020-05-27

47浏览

0评论

Bootstrap实现翻页效果

Bootstrap之翻页。优点：支持局部刷新；
只要是列表，都可以加载该组件；
支持动态数据绑定；
当然还有绝对的简单实用。
效果图最后一页时：最开始一页时：实现①、翻页组件的布局<%@ pag...

2020-05-27

57浏览

0评论

JQuery 又谈ajax局部刷新

JQuery 再谈ajax局部刷新。案例：

描述：
1. 点击登录则弹出登录对话框
2. 如果用户名密码不正确，则提示错误信息
3. 当输入信息正确，则刷新登录信息，显示用户名和退出按钮...

2020-05-27

71浏览

0评论

jfinal与bootstrap的登出实战详解

前言：本篇推出“jfinal与bootstrap的登出实战”，旨在介绍如果通过a标签弹出登出确认框，然后发送退出请求到jfinal，然后再刷新页面的做法。主要难点在于1.如果通过a标签的内容弹...

2020-05-27

106浏览

0评论

Dropify.js图片宽高自适应的方法

最近发现了一个比较好用的图片上传插件， Dropify.js ，具体使用方法挺简单的，这里就不介绍了。但是由于我希望图片样式是宽度固定，高度自适应的，而这个插件好像无法自适应高度，只能...

2020-05-27

61浏览

0评论

weebox弹出窗口不居中显示的解决方法

某些页面weebox弹出窗口不居中显示，某些页面又居中显示，弹出窗口的居中算法也OK，这是为什么呢？一、解决办法作为对你负责的态度，必须先告知你决绝办法。在页面顶端加入以下代码：<!...

2020-05-27

62浏览

0评论

JS原型继承四步曲及原型继承图一览

一：js原型继承四步曲//js模拟类的创建以及继承 //动物（Animal），有头这个属性，eat方法 //名字这个属性 //猫有名字属性，继承Animal，抓老鼠方法 //第一步：创建父类 function Animal(n...

2020-05-27

76浏览

0评论

基于vue+canvas的excel-like组件实例详解

a vue component，基于vue的表格组件，主要解决大数据量的表格渲染性能问题，使用canvas绘制表格，同时支持类似excel的批量选中，复制黏贴删除，实时编辑等功能。 vue-grid-canvas
Inst...

2020-05-27

43浏览

0评论

JavaScript中关于class的调用方法

PS：class的调用，其实是可以叠加的，当然了这要求样式不同的情况下，如果样式相同，则后一个样式会覆盖前一个样式。1、举例如下：<div id="test" class="aaa bbb">测试关于class的调用...

2020-05-27

47浏览

0评论

基于Vue框架vux组件库实现上拉刷新功能

最近公司在研发app,选择了基于Vue框架的vux组件库，现总结在实现上拉刷新功能遇到的坑：
1.问题：只刷新一次，解决方法：需要自己手动重置状态
this.scrollerStatus.pullupStatus =...

2020-05-27

59浏览

0评论

javaScript canvas实现(画笔大小颜色橡皮的实例)

实例如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div> <div> <!--<input type="button" id="open" value="open&qu...

2020-05-27

74浏览

0评论

基于Vue的移动端图片裁剪组件功能

最近项目上要做一个车牌识别的功能。本来以为很简单，只需要将图片扔给后台就可以了，但是经测试后识别率只有20-40%。因此产品建议拍摄图片后，可以对图片进行拖拽和缩放，然后裁剪...

2020-05-27

56浏览

0评论

微信小程序模板和模块化用法实例分析

本文实例讲述了微信小程序模板和模块化用法。分享给大家供大家参考，具体如下：template模板，在定义的时候使用name属性，如以下声明方式<template name="mytemp"> <view> name:{{...

2020-05-27

49浏览

0评论

基于vue2实现上拉加载功能

本文实例为大家分享了vue2实现上拉加载展示的具体代码，供大家参考，具体内容如下因为我们项目中，还用了swiper。很多都是滑动切换的，但是又得上拉加载，所以导致，很多UI框架，我们用了...

2020-05-27

64浏览

0评论

ligerUI---ListBox(列表框可移动的实例)

写在前面：对于可移动的列表框，ligerui中也对其进行了封装，可以直接照着demo拿来用，不过那都是直接在页面上静态初始化的数据，那么如何从后台获取？前面有了对ligerui的一些组件的使...

2020-05-27

64浏览

0评论

Vue2仿淘宝实现省市区三级联动

三级联动，随着越来越多的审美，出现了很多种，好多公司都仿着淘宝的三级联动，好看时尚，so我们公司也一样……为了贴代码方便，我把写在data里面省市区的json独立了出来，下载贴进去即...

2020-05-27

热门文章