微信小程序实现多选框全选与取消全选功能示例
本文实例讲述了微信小程序实现多选框全选与取消全选功能。分享给大家供大家参考，具体如下：js部分：page({data: { select_all:false,listData: [{code: "111",text: "text1",typ...
2020-05-27
JavaScript如何实现元素全排列实例代码
排列 (Permutation / Arrangement)
概念
n 个不同元素中任意选取 m (m <= n) 个元素进行排列，所有排列情况的个数叫做 排列数，其值等于：A = n! / (n - m)!! 表示数学中的阶乘运...
2020-05-27
基于JS实现前端压缩上传图片的实例代码
具体代码如下所示：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>前端压缩上传图片</title> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.m...
2020-05-27
详解jenkins自动化部署vue
一、nodejs配置首先加入nodejs插件
–>–> 在配置里面配置这个插件
–>
这样我们就能在自动构建发布的配置里看到nodejs的编译选项了
二、发布配置首先新建一个自由风格...
2020-05-27
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
本文实例讲述了微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能。分享给大家供大家参考，具体如下：微信小程序开发中选项卡.在android中选项卡一般用fragment,到...
2020-05-27
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
本文实例讲述了微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能。分享给大家供大家参考，具体如下：顶部滚动选项卡话不多说，直接上代码pages/home/home.wxml<scroll-vi...
2020-05-27
vue+elementUI实现表单和图片上传及验证功能示例
本文实例讲述了vue+elementUI实现表单和图片上传及验证功能。分享给大家供大家参考，具体如下：最终实现需求如下图：form表单内容与重点人员图片同时上传且图片为必填项分析弹框...
2020-05-27
fastadmin中调用js的方法
想要了解fastadmin中的js是怎么调用的，就应该先了解RequireJs。RequireJs是模块化工具，每一个我们自己的js文件或者库都可以看成是一个模块，按需引入。写法如下：<script data-ma...
2020-05-27
JavaScript实现图片的放大缩小及拖拽功能示例
本文实例讲述了JavaScript实现图片的放大缩小及拖拽功能。分享给大家供大家参考，具体如下：实现效果如下：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...
2020-05-27
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸，rem单位】
本文实例讲述了JavaScript实现多张图片放大镜效果。分享给大家供大家参考，具体如下：效果如下：可以展示图片列表的放大镜效果，图片尺寸没有要求会自动调整至水平垂直居中效果代码...
2020-05-27
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
在终端中运行以下命令:vue create xxx // xxx为项目名称，例如 vue-project然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能，然后按Enter键...
2020-05-27
vue如何获取自定义元素属性参数值的方法
偶尔还是会陷入到DOM操作上面去，其实你应该关心的是数据传递，而不是操作DOM。如果你是想获取data-num的数据，可以这样写：<span @click="getData($event,'21')">55</span>getData...
2020-05-27
NodeJS读取分析Nginx错误日志的方法
网上很少看到有用NodeJS运维系列文章,后续我会更新一些NodeJS运维相关的内容又或者说让我们更加的深入了解一些服务器的知识以及自动化运维方面的基础知识 为什么要做错误日...
2020-05-27
解决 viewer.js 动态更新图片导致无法预览的问题
前台页面要求图片的查看，是在表格中点击查看才弹出图片，网上发现用Viewer插件的挺多，就选用的这款插件，但是Viewer插件会产生缩略图，这里取巧了，将缩略图统一替换成了一个带有查看...
2020-05-27
js纯前端实现腾讯cos文件上传功能的示例代码
前言
在前端开发中文件上传是经常会遇到的，并且多数情况会使用第三方平台来存储文件，腾讯云cos是我们常用的。本篇文章就是带我从前端的角度实现腾讯云COS存储。本文参考了腾...
2020-05-27
jquery实现二级导航下拉菜单效果实例
大家都知道jQuery是一个框架，它对JS进行了封装，使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的，那么这篇就用jQuery来实现二级下拉式菜单。
使用JQuery实现需要用到的...
2020-05-27
jquery+css实现Tab栏切换的代码实例
前几天面试碰到现场给写一个Tab栏切换的功能，思想基本上懂，但是好久没写过，一时要全部实现效果还真有点难。回来后，再把思路理一理，写一个，基础还是很重要的。最终要实现的效果图...
2020-05-27
微信小程序下拉菜单效果的实例代码
//wcss/**DropDownMenu**/ /*总菜单容器*/ .menu { display: block; height: 28px; position: relative;} /*一级菜单*/ .menu dt { font-size: 15px; float: left; /*hack...
2020-05-27
详解VSCode配置启动Vue项目
下载安装并配置VSCode随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。1、vetur插件的安装该插件是vue文件基本语...
2020-05-27
微信小程序导航栏跟随滑动效果的实现代码
效果图.wxml<view class='tabBar'><view class='tabItem wx:if="{{tabClick===0?"click":""}}"' bindtap='clickTab' data-index='0'>tab1</view><view class='tabIte...
2020-05-27
基于vue实现一个神奇的动态按钮效果
今天我们将利用vue的条件指令来完成一个简易的动态变色功能按钮首先我们还是要对vue进行配置,在上篇随笔中有相关下载教学.然后我们要在html页面上搭建三个简易的按钮,颜色...
2020-05-27
微信小程序实现授权登录
前言：由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发。官方连接：点击打开链接1.实现思路自己写一个微信授权登...
2020-05-27
JS正则表达式封装与使用操作示例
本文实例讲述了JS正则表达式封装与使用操作。分享给大家供大家参考，具体如下：对一些简单的输入进行正则判断的整理，待优化<!DOCTYPE html><html><head lang="en"> <meta chars...
2020-05-27
vue组件间通信六种方式（总结篇）
前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C...
2020-05-27
JavaScript页面倒计时功能完整示例
本文实例讲述了JavaScript页面倒计时功能。分享给大家供大家参考，具体如下：效果图：源码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.freexyz.cn...
2020-05-27
浅谈 Webpack 如何处理图片(开发、打包、优化)
从 webpack book 的 Loading Assets 一章中延申出来。改善前端项目体验中，很重要的点就是静态资源的优化。它是由于浏览器客户端在同一时间针对同一 域名 的请求有一定资源限...
2020-05-27
基于vue如何发布一个npm包的方法步骤
前言：工作的时候总是使用别人的npm包，然而我有时心底会好奇自己如何发布一个npm包呢，什么时候自己的包能够被很多人喜欢并使用呢...今天我终于迈出了第一步。前提：会使用 npm，有...
2020-05-27
详解小程序用户登录状态检查与更新实例
这篇文章主要解决以下问题：用户每次登录小程序（包括第一次使用）及点击小程序的每个页面的时候，我们如何判断他当前的登录状态是否过期?如果过期，如何重新获取用户信息并发送...
2020-05-27
javascript+HTML5 canvas绘制时钟功能示例
本文实例讲述了javascript+HTML5 canvas绘制时钟功能。分享给大家供大家参考，具体如下：效果如下：代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>w...
2020-05-27
小程序：授权、登录、session_key、unionId的详解
微信应用的一个很大的优势就在于使用过程中是不需要进行注册和显式登录的，大部分问题基本上可以一键解决。但是在授权、登录和获取用户信息的过程中都发生了哪些事情，今天我们...
2020-05-27
详解微信UnionID作用
摘要微信想用UnionID连接一起1、通过这个接口得到用户信息https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN2、Json...
2020-05-27
JavaScript+HTML5 canvas实现放大镜效果完整示例
本文实例讲述了JavaScript+HTML5 canvas实现放大镜效果。分享给大家供大家参考，具体如下：效果：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.j...
2020-05-27
vue两组件间值传递 $router.push实现方法
两组件间传值，可能包含多种情况，有父子组件和非父子组件，对于父子组件网上有很详细的方法讲解，但非父子组件传值有用bus总线，还有一些其他方法，其中的使用路由跳转的方法讲解太过...
2020-05-27
少女风vue组件库的制作全过程
预览
组件库官网github地址如果喜欢各位小哥哥小姐姐给个小星星鼓励一下哈， 请勿在生产环境中使用，供学习&交流~~完整项目目录结构
git clone到本地安装依赖后，执行npm run ser...
2020-05-27
微信小程序的tab选项卡的实现效果
效果图，既可以点击切换，又可以滑动切换.wxml<!--pages/detail/detail.wxml--><view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}"...
2020-05-27
mpvue小程序循环动画开启暂停的实现方法
用小程序的 animation 属性实现循环动画的开启与暂停，并封装到组件。实现一个字体图标组件的循环旋转动画开启/暂停
用于点击图标，字体颜色变换，开始循环旋转动画，并刷新内容...
2020-05-27
前端js中的事件循环eventloop机制详解
前言我们知道 js 是单线程执行的，那么异步的代码 js 是怎么处理的呢？例如下面的代码是如何进行输出的：console.log(1);setTimeout(function() { console.log(2);}, 0);new Prom...
2020-05-27
JQuery属性操作与循环用法示例
本文实例讲述了JQuery属性操作与循环用法。分享给大家供大家参考，具体如下：取出或者设置html内容var $htm= $("#div").html 取出
$("#div").html("<span>文字</span>") 设置...
2020-05-27
JS算法题之查找数字在数组中的索引位置
前言编写算法时，排序是一个非常重要的概念。它有各种各样的种类：冒泡排序、希尔排序、分块块排序，梳排序，鸡尾酒排序，侏儒排序 —— 这些可不是我瞎编的！这个算法题能够让我们一睹...
2020-05-27
JQuery常见节点操作实例分析
本文实例讲述了JQuery常见节点操作。分享给大家供大家参考，具体如下：插入节点append()和appengTo()：在现存元素内部，从后面插入
prepend()和prependTo()：在现存元素外部，从前面插...
2020-05-27
pm2发布node配置文件ecosystem.json详解
背景最近在搭建一个node+koa+vue的项目使用到了pm2发布
这里简单的记录一下
在根目录新建文件
ecosystem.json{ "apps": [ { "name": "ant-help-center", "script": "....
2020-05-27
小程序绑定用户方案优化小结
在做过一系列小程序之后，对小程序的登陆鉴权的流程也有一定的理解，类似于 B 端小程序自不必说，要用户信息手机号地址可以一把梭，做一个引导页面进行判断然后要求用户给与绑定，用...
2020-05-27
JavaScript面向对象编程小游戏---贪吃蛇代码实例
1 面向对象编程思想在程序项目中有着非常明显的优势:
1- 1 代码可读性高.由于继承的存在，即使改变需求，那么维护也只是在局部模块
1-2 维护非常方便并且成本较低。​2 这...
2020-05-27
JS中使用react-tooltip插件实现鼠标悬浮显示框
前段时间遇到的一个需求,要求鼠标悬停显示使用描述, 用到了react-tooltip插件,今天写一个总结先看效果(为了方便参考,用的是原始样式):文档参考地址:https://www.npmjs.com/...
2020-05-27
解决微信小程序云开发中获取数据库的内容为空的方法
问题描述：在前端想获取数据库某集合中的数据时，返回的参数data始终为空数组，如下：相关代码如下：const db = wx.cloud.database();const activityInfo = db.collection('activityI...
2020-05-27
微信小程序的mpvue框架快速上手指南
一.什么是mpvue框架？mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心（所以建议熟练掌握vue再使用mpvue框架，否则还是建议去使用原生框架去写小程序），mpvue...
2020-05-27
详解VUE调用本地json的使用方法
开始的时候我以为，用vue去调取json要多么的麻烦，完咯就先去的百度，找了几个，看上面又要配置这配置那的，看的我都头大，像一些思维逻辑清晰的肯定不会出现这种情况。下面我说下我这...
2020-05-27
elementUI table表格动态合并的示例代码
1.最近在做的erp项目，有一个需求是同一个客户下的同种订单，需要合并展示。使用elementUI table组件的方法 :span-method="objectSpanMethod"。官网上看了一下demo，做的很直白，不...
2020-05-27
详解js常用分割取字符串的方法
1.substrsubstr(start,length)表示从start位置开始，截取length长度的字符串。var src="images/off_1.png";alert(src.substr(7,3));弹出值为：off2.substringsubstring(start,e...
2020-05-27
微信小程序select下拉框实现效果
小程序中是没有h5中的下拉 标签的 所以要实现下拉功能就必须自己动手写拉 这里为了更清楚的显示层级 就把源码直接复制过来了<view class='list-msg'> <view class='list-ms...
2020-05-27
