Vue的移动端多图上传插件vue-easy-uploader的示例代码
前言这段时间赶项目，需要用到多文件上传，用Vue进行前端项目开发。在网上找了不少插件，都不是十分满意，有的使用起来繁琐，有的不能适应本项目。就打算自己折腾一下，写一个Vue的上传...
2020-05-27
修改UA在PC中访问只能在微信中打开的链接方法
通常一般在chrome下修改 UA 为 微信或qq 就能打开 那些在js端做了限制的 链接，但今天发现 还有一些 js 限制了 navigator.platform，pc上的值为 WIN32 或 MAC 导致 环境判断失...
2020-05-27
vue实现商城上货组件简易版
本文实例为大家分享了vue实现商城上货组件的具体代码，供大家参考，具体内容如下0、结果放前面点击查看效果带脚手架的源码加个Star后，fork下来。然后在控制台，先输入npm install...
2020-05-27
webpack构建换肤功能的思路详解
最近项目中要实现一个换肤的功能，大体想了下，记录一下思路要实现换肤功能，目标就是打包生成多份皮肤文件，需要哪个就用哪个打包生成多份皮肤文件因为项目是使用webpack构建的，要...
2020-05-27
基于vue.js的分页插件详解
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。想了解更多，请戳http://cn.vuejs.org/html代码：<div class="page-bar" v-else> <ul> <li styl...
2020-05-27
JS基于贪心算法解决背包问题示例
本文实例讲述了JS基于贪心算法解决背包问题。分享给大家供大家参考，具体如下：贪心算法：在对问题求解时，总是做出在当前看来是最好的选择。也就是说，不从整体最优上加以考虑，他所做...
2020-05-27
JS实现网页抢购功能（触发，终止脚本）
以下我们是通过chrome浏览器的开发者功能，实现如何用JS代码完成抢购功能以及如何通过chrome浏览器调试并加载自己写的JS。身为一名前端开发工程师，有时候业务场景是无法用手速...
2020-05-27
Vue.js实现分页查询功能
本文实例为大家分享了Vue.js实现分页查询的具体代码，供大家参考，具体内容如下vue.js的使用如下：1、引入vue.js<script src="~/js/vue2.2.4.js"></script> a、分页条<ul class...
2020-05-27
JS使用贪心算法解决找零问题示例
本文实例讲述了JS使用贪心算法解决找零问题。分享给大家供大家参考，具体如下：前面介绍了JS贪心算法解决背包问题，这里再来看看找零问题的解决方法。在现实生活中，经常遇到找零问...
2020-05-27
jQuery Datatables表头不对齐的解决办法
我们用Datatables经常会遇到这种情况，就是浏览器或者HTML里元素改变大小或分辨率后，标题就会出现不对齐现象。这种情况是因为Datatables框架中使用到serverSide : true,// 服...
2020-05-27
Bootstrap实现翻页效果
Bootstrap之翻页。优点：支持局部刷新；
只要是列表，都可以加载该组件；
支持动态数据绑定；
当然还有绝对的简单实用。
效果图最后一页时：最开始一页时：实现①、翻页组件的布局<%@ pag...
2020-05-27
JQuery 又谈ajax局部刷新
JQuery 再谈ajax局部刷新。案例：
描述：
1. 点击登录则弹出登录对话框
2. 如果用户名密码不正确，则提示错误信息
3. 当输入信息正确，则刷新登录信息，显示用户名和退出按钮...
2020-05-27
jfinal与bootstrap的登出实战详解
前言：本篇推出“jfinal与bootstrap的登出实战”，旨在介绍如果通过a标签弹出登出确认框，然后发送退出请求到jfinal，然后再刷新页面的做法。主要难点在于1.如果通过a标签的内容弹...
2020-05-27
Dropify.js图片宽高自适应的方法
最近发现了一个比较好用的图片上传插件， Dropify.js ，具体使用方法挺简单的，这里就不介绍了。但是由于我希望图片样式是宽度固定，高度自适应的，而这个插件好像无法自适应高度，只能...
2020-05-27
weebox弹出窗口不居中显示的解决方法
某些页面weebox弹出窗口不居中显示，某些页面又居中显示，弹出窗口的居中算法也OK，这是为什么呢？一、解决办法作为对你负责的态度，必须先告知你决绝办法。在页面顶端加入以下代码：<!...
2020-05-27
JS原型继承四步曲及原型继承图一览
一：js原型继承四步曲//js模拟类的创建以及继承 //动物（Animal），有头这个属性，eat方法 //名字这个属性 //猫有名字属性，继承Animal，抓老鼠方法 //第一步：创建父类 function Animal(n...
2020-05-27
基于vue+canvas的excel-like组件实例详解
a vue component，基于vue的表格组件，主要解决大数据量的表格渲染性能问题，使用canvas绘制表格，同时支持类似excel的批量选中，复制黏贴删除，实时编辑等功能。 vue-grid-canvas
Inst...
2020-05-27
JavaScript中关于class的调用方法
PS：class的调用，其实是可以叠加的，当然了这要求样式不同的情况下，如果样式相同，则后一个样式会覆盖前一个样式。1、举例如下：<div id="test" class="aaa bbb">测试关于class的调用...
2020-05-27
基于Vue框架vux组件库实现上拉刷新功能
最近公司在研发app,选择了基于Vue框架的vux组件库，现总结在实现上拉刷新功能遇到的坑：
1.问题：只刷新一次，解决方法：需要自己手动重置状态
this.scrollerStatus.pullupStatus =...
2020-05-27
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
基于Vue的移动端图片裁剪组件功能
最近项目上要做一个车牌识别的功能。本来以为很简单，只需要将图片扔给后台就可以了，但是经测试后识别率只有20-40%。因此产品建议拍摄图片后，可以对图片进行拖拽和缩放，然后裁剪...
2020-05-27
微信小程序模板和模块化用法实例分析
本文实例讲述了微信小程序模板和模块化用法。分享给大家供大家参考，具体如下：template模板，在定义的时候使用name属性，如以下声明方式<template name="mytemp"> <view> name:{{...
2020-05-27
基于vue2实现上拉加载功能
本文实例为大家分享了vue2实现上拉加载展示的具体代码，供大家参考，具体内容如下因为我们项目中，还用了swiper。很多都是滑动切换的，但是又得上拉加载，所以导致，很多UI框架，我们用了...
2020-05-27
ligerUI---ListBox(列表框可移动的实例)
写在前面：对于可移动的列表框，ligerui中也对其进行了封装，可以直接照着demo拿来用，不过那都是直接在页面上静态初始化的数据，那么如何从后台获取？前面有了对ligerui的一些组件的使...
2020-05-27
Vue2仿淘宝实现省市区三级联动
三级联动，随着越来越多的审美，出现了很多种，好多公司都仿着淘宝的三级联动 ，好看时尚，so我们公司也一样……为了贴代码方便，我把写在data里面省市区的json独立了出来，下载贴进去即...
2020-05-27
vue2实现数据请求显示loading图
一般项目中，有时候会要求，你在数据请求的时候显示一张gif图片，然后数据加载完后，消失。这个，一般只需要在封装的axios中写入js事件即可。当然，我们首先需要在app.vue中，加入此图片...
2020-05-27
元素全屏的设置与监听实例
设置全屏和退出全屏//全屏设置 $('#fullScreen').on('click', function () { fullScreen(); }); //退出全屏 $('#exitFullScreen').on('click', function () { exitFullSc...
2020-05-27
浅谈vue中慎用style的scoped属性
在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？因为在我们需要修...
2020-05-27
vue2手机APP项目添加开屏广告或者闪屏广告
一般项目里，有的会在启动的时候加开屏广告或者闪屏广告。我们是在index.html通过定位来做的。如下：
<style media="screen"> #entry { width: 100%; height: 100%; z-index: 2...
2020-05-27
微信小程序用户自定义模版用法实例分析
本文实例讲述了微信小程序用户自定义模版用法。分享给大家供大家参考，具体如下：1、新建一个wxml（为测试方便，这里将wxml文件建立在home目录下）/home/home/botmenu.wxml：<template...
2020-05-27
JavaScript生成简单等差数列
题目很简单，最简单的办法就是使用for循环let arr = []for (let i = 0; i < b - a + 1; i++) { arr.push(i + a)}return arr进阶之后再想起来时感觉之前的方法有点愚蠢，遂又想...
2020-05-27
基于vue2实现左滑删除功能
左滑删除，很多UI框架里有，比如Mint-UI， Muse-UI等，一开始我们就是用的这两个，但是我们需求是要：左滑的时候出现img然后来实现点击删除，如下：因为用UI框架，还得改底层代码= =所以，我们...
2020-05-27
Vue实现web分页组件详解
本文实例为大家分享了Vue实现web分页组件的具体代码，供大家参考，具体内容如下效果演示源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试分页...
2020-05-27
Vue.JS项目中5个经典Vuex插件
使用 Vuex 来管理 Vue 的状态，有很多好的理由。其中之一就是，通过 Vuex 插件可以非常容易的扩展一些很酷的功能。Vuex 社区中的开发人员已经创建了大量的免费插件供你使用，有许...
2020-05-27
vue2.0与bootstrap3实现列表分页效果
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下直接引入vue的js文件进行页面渲染分页，不是vuex的哦，以下源码可以直接运行哟^_^<!DOCTYPE html>...
2020-05-27
微信小程序自定义toast实现方法详解【附demo源码下载】
本文实例讲述了微信小程序自定义toast实现方法。分享给大家供大家参考，具体如下：一、微信官方默认toasttoast最常见了，几乎每个App都有这样的特效，先看下小程序自带的toast效果，...
2020-05-27
AngularJs 禁止模板缓存的方法
本文介绍了AngularJs 禁止模板缓存的方法，分享给大家，也给自己留个笔记，具有如下：因为AngularJs的特性（or 浏览器本身的缓存？），angular默认的HTML模板加载都会被缓存起来。导致每次...
2020-05-27
关于angularJs清除浏览器缓存的方法
缓存篇一个缓存就是一个组件，它可以透明地储存数据，以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复，消耗时间。因此缓存适用于变化性不大的一些数据，缓存...
2020-05-27
微信小程序tabBar模板用法实例分析【附demo源码下载】
本文实例讲述了微信小程序tabBar模板用法。分享给大家供大家参考，具体如下：众所周知，微信小程序的tabBar都是新开页面的，而微信文档上又表明了最多只能打开5层页面。这样就很容...
2020-05-27
JavaScript数据结构之单链表和循环链表
数据结构系列前言：
数据结构作为程序员的基本知识，需要我们每个人牢牢掌握。近期我也展开了对数据结构的二次学习，来弥补当年挖的坑。。。。。。 当时上课的时候也就是跟着听...
2020-05-27
JS实现的找零张数最小问题示例
本文实例讲述了JS实现的找零张数最小问题。分享给大家供大家参考，具体如下：完整代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>www.freexyz.cn...
2020-05-27
JavaScript数据结构之双向链表和双向循环链表的实现
双向链表和普通链表的区别在于，在链表中，一个节点只有链向下一个节点的链接，而在双向链表中，链接是双向的：一个链向下一个元素，另一个链向前一个元素。
双向链表提供了两种迭代列...
2020-05-27
vue-music关于Player播放器组件详解
本文实例为大家分享了关于Player播放器组件的具体内容，供大家参考，具体内容如下迷你播放器：1.播放器组件会在各个页面的情况下会打开。 首先在vuex state.js 中定义全局的播放...
2020-05-27
解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题
在vue的实际开发中往往会遇到公用一个组件的问题，比如有一个菜单中的两个按钮，点击每个按钮调用的是同一个组件，其内容是根据路由的参数的不同来请求不同的内容。第一步，首先新...
2020-05-27
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
有时候我们需要页面滚动条滚动到某一固定的位置，一般使用Window scrollTo() 方法。语法就是：scrollTo(xpos,ypos)xpos：必需。要在窗口文档显示区左上角显示的文档的 x 坐标。yp...
2020-05-27
JS+HTML+CSS实现轮播效果
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下1.lunbo.html代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti...
2020-05-27
浅谈vue,angular,react数据双向绑定原理分析
传统做法前端维护状态，手动操作DOM更新视图。前端框架对服务器数据通过模版进行渲染。当用户产生了一个动作之后，我们通过document.getElementBy... 手动进行DOM更新。
框架...
2020-05-27
JS异步函数队列功能实例分析
本文实例讲述了JS异步函数队列功能。分享给大家供大家参考，具体如下：场景：做直播，会有入场消息，入场特效，用户如果有坐骑，需要给他展示几秒钟的坐骑特效，如果几个人同时进场，那该怎么...
2020-05-27
9种改善AngularJS性能的方法
AngularJS 是目前使用非常广泛的 web app 应用框架，随着它的受欢迎程度持续上升 ，期待已久的AngularJS 4.0 诞生了。尽管已经做了很多优化，但几乎每个 Angular 专家仍然在处理...
2020-05-27
javascript+css3开发打气球小游戏完整代码
效果知识点：css3画气球, 自定义属性运用，随机阵列, DOM元素操作，高级回调函数与参数复传，动态布局，鼠标事件，定时器运用，CSS3新增样式等。css代码如下：<style>{margin:0;padding:0;}...
2020-05-27
