JavaScript - 教程之家

59浏览

0评论

vue购物车插件编写代码

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

57浏览

0评论

JavaScript实现修改伪类样式

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

50浏览

0评论

vue实现商城购物车功能

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

53浏览

0评论

Vue.js实现分页查询功能

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

2020-05-27

39浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

41浏览

0评论

Bootstrap实现翻页效果

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

2020-05-27

54浏览

0评论

JQuery 又谈ajax局部刷新

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

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

2020-05-27

67浏览

0评论

jfinal与bootstrap的登出实战详解

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

39浏览

0评论

JavaScript中关于class的调用方法

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

57浏览

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

58浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

46浏览

0评论

基于vue2实现上拉加载功能

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

56浏览

0评论

vue2实现数据请求显示loading图

一般项目中，有时候会要求，你在数据请求的时候显示一张gif图片，然后数据加载完后，消失。这个，一般只需要在封装的axios中写入js事件即可。当然，我们首先需要在app.vue中，加入此图片...

2020-05-27

42浏览

0评论

元素全屏的设置与监听实例

设置全屏和退出全屏//全屏设置 $('#fullScreen').on('click', function () { fullScreen(); }); //退出全屏 $('#exitFullScreen').on('click', function () { exitFullSc...

2020-05-27

60浏览

0评论

浅谈vue中慎用style的scoped属性

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？因为在我们需要修...

2020-05-27

50浏览

0评论

vue2手机APP项目添加开屏广告或者闪屏广告

一般项目里，有的会在启动的时候加开屏广告或者闪屏广告。我们是在index.html通过定位来做的。如下：
<style media="screen"> #entry { width: 100%; height: 100%; z-index: 2...

2020-05-27

44浏览

0评论

微信小程序用户自定义模版用法实例分析

本文实例讲述了微信小程序用户自定义模版用法。分享给大家供大家参考，具体如下：1、新建一个wxml（为测试方便，这里将wxml文件建立在home目录下）/home/home/botmenu.wxml：<template...

2020-05-27

47浏览

0评论

JavaScript生成简单等差数列

题目很简单，最简单的办法就是使用for循环let arr = []for (let i = 0; i < b - a + 1; i++) { arr.push(i + a)}return arr进阶之后再想起来时感觉之前的方法有点愚蠢，遂又想...

2020-05-27

51浏览

0评论

基于vue2实现左滑删除功能

左滑删除，很多UI框架里有，比如Mint-UI， Muse-UI等，一开始我们就是用的这两个，但是我们需求是要：左滑的时候出现img然后来实现点击删除，如下：因为用UI框架，还得改底层代码= =所以，我们...

2020-05-27

52浏览

0评论

Vue实现web分页组件详解

本文实例为大家分享了Vue实现web分页组件的具体代码，供大家参考，具体内容如下效果演示源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试分页...

2020-05-27

58浏览

0评论

Vue.JS项目中5个经典Vuex插件

使用 Vuex 来管理 Vue 的状态，有很多好的理由。其中之一就是，通过 Vuex 插件可以非常容易的扩展一些很酷的功能。Vuex 社区中的开发人员已经创建了大量的免费插件供你使用，有许...

2020-05-27

43浏览

0评论

vue2.0与bootstrap3实现列表分页效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下直接引入vue的js文件进行页面渲染分页，不是vuex的哦，以下源码可以直接运行哟^_^<!DOCTYPE html>...

2020-05-27

37浏览

0评论

微信小程序自定义toast实现方法详解【附demo源码下载】

本文实例讲述了微信小程序自定义toast实现方法。分享给大家供大家参考，具体如下：一、微信官方默认toasttoast最常见了，几乎每个App都有这样的特效，先看下小程序自带的toast效果，...

2020-05-27

42浏览

0评论

AngularJs 禁止模板缓存的方法

本文介绍了AngularJs 禁止模板缓存的方法，分享给大家，也给自己留个笔记，具有如下：因为AngularJs的特性（or 浏览器本身的缓存？），angular默认的HTML模板加载都会被缓存起来。导致每次...

2020-05-27

67浏览

0评论

关于angularJs清除浏览器缓存的方法

缓存篇一个缓存就是一个组件，它可以透明地储存数据，以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复，消耗时间。因此缓存适用于变化性不大的一些数据，缓存...

2020-05-27

49浏览

0评论

微信小程序tabBar模板用法实例分析【附demo源码下载】

本文实例讲述了微信小程序tabBar模板用法。分享给大家供大家参考，具体如下：众所周知，微信小程序的tabBar都是新开页面的，而微信文档上又表明了最多只能打开5层页面。这样就很容...

2020-05-27

109浏览

0评论

JavaScript数据结构之单链表和循环链表

数据结构系列前言：
数据结构作为程序员的基本知识，需要我们每个人牢牢掌握。近期我也展开了对数据结构的二次学习，来弥补当年挖的坑。。。。。。当时上课的时候也就是跟着听...

2020-05-27

61浏览

0评论

JS实现的找零张数最小问题示例

本文实例讲述了JS实现的找零张数最小问题。分享给大家供大家参考，具体如下：完整代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>www.freexyz.cn...

2020-05-27

40浏览

0评论

JavaScript数据结构之双向链表和双向循环链表的实现

双向链表和普通链表的区别在于，在链表中，一个节点只有链向下一个节点的链接，而在双向链表中，链接是双向的：一个链向下一个元素，另一个链向前一个元素。
双向链表提供了两种迭代列...

2020-05-27

热门文章