JQuery特殊效果和链式调用操作示例
本文实例讲述了JQuery特殊效果和链式调用操作。分享给大家供大家参考，具体如下：JQuery的特殊效果fadeOut()淡入
fadeToggle()切换淡入淡出
hide() 隐藏元素
show() 现实元素
t...
2020-05-27
使用jQuery如何写一个含验证码的登录界面
一个包含用户名，密码，验证码的简单的登陆界面，如下图所示：首先是 HTML 代码：<div id="divID"> <div style="background-color:transparent;"> <form id="ff" method="post"> <...
2020-05-27
vue项目前端知识点整理【收藏】
微信授权后还能通过浏览器返回键回到授权页
在导航守卫中可以在 next({}) 中设置 replace: true 来重定向到改路由，跟 router.replace() 相同router.beforeEach((to, from, n...
2020-05-27
arctext.js实现文字平滑弯曲弧形效果的插件
本文介绍了实现文字平滑弯曲弧形效果的插件-arctext.js，分享给大家，具体如下：扇形的文字有时候产品大佬就是很任性，说做一个宣传页，一个类似拱门的效果，每次文字不一样，但是文字得...
2020-05-27
详解小程序之简单登录注册表单验证
这段时间在做员工管理的小程序，前期在登录注册上花了不少功夫，今天就给大家分享下。效果图，wxss的内容较简单，自己编写即可。##主要内容一、首先我是在util.js中引入表单正则验...
2020-05-27
vue实现动态按钮功能
Vue是前台框架,可以独立完成前后端分离式web项目渐进式的javascript框架 ,今天我们来设计一个简单的动态按钮具体效果图如下:点击后会变成这样:首先我们需要下载vue.js: htt...
2020-05-27
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
今天写项目的时候遇到了歌手排序的问题，联想到了我们平时的手机通讯录侧栏字母排序，按照ABCDE这样的顺序对名字进行排序。我们先来看看效果
那就用vue来实现一遍首先新建一个v...
2020-05-27
JQuery样式操作、click事件以及索引值-选项卡应用示例
本文实例讲述了JQuery样式操作、click事件以及索引值-选项卡应用。分享给大家供大家参考，具体如下：JQuery的css函数既能读属性值，也能写属性值：<!DOCTYPE html><html lang="en">...
2020-05-27
Vue表单之v-model绑定下拉列表功能
vue要绑定下拉列表会稍微有点不同。因为下拉列表不是一个标签能搞掂的。原生的html写法如下<select> <option value="Vue.js">Vue.js</option> <option value="React.js">Re...
2020-05-27
jquery实现选项卡切换代码实例
选项卡在网页中很常见，可以说是必备的一个元素了，网上其实也有很多案例讲解选项卡的做法，各种炫酷。
写这篇文章，就是记录下自己的一个练手Demo了。两张简陋的图。主要逻辑就在...
2020-05-27
微信小程序的线程架构【推荐】
小程序的线程架构每个小程序包含一个描述整体程序的app实例和多个描述页面的page。其中app由3个文件构成：app.json 公共配置文件app.wxss 公共样式文件app.js 主体逻辑文件pa...
2020-05-27
JQuery animate动画应用示例
本文实例讲述了JQuery animate动画。分享给大家供大家参考，具体如下：滑动选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...
2020-05-27
javascript实现遮罩层动态效果实例
大家在网页上注册登录的时候，经常会看见弹出的遮罩层。我这里实现的效果是：点击按钮弹出遮罩层，遮罩层下的内容不可选，并且登录框随着鼠标滚轮的下滑，动态的浮动到页面某个位置，点...
2020-05-27
JQuery获取元素尺寸、位置及页面滚动事件应用示例
本文实例讲述了JQuery获取元素尺寸、位置及页面滚动事件应用。分享给大家供大家参考，具体如下：获取元素尺寸<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2020-05-27
详解如何探测小程序返回到webview页面
在公司项目中经常会遇到一个场景, 尝试过各种不同的方法, 最后想到了一种很技术上简单且可行的方法.经常被QA同学反应同一类型的问题
项目是小程序(wepy), 部分页面使用webv...
2020-05-27
javascript中如何判断类型汇总
前言我们在写封装的插件或者函数时，常常用到JS的数据类型判断，典型的案例就是深度拷贝函数用到数据类型判断，这个知识点在面试的时候也是经常考到的一个问题。本文就来给大家总...
2020-05-27
记录vue项目中遇到的一点小问题
1、鼠标悬浮显示不同的背景图片，代码如下：效果如图，页面初始效果：鼠标悬浮后效果：2、for 循环发送axios遇到的问题 问题背景：在声动语商项目中，需求更改后，出现一个：教师发布课程的时...
2020-05-27
jquery 验证用户名是否重复代码实例
本文实例为大家分享了jquery验证用户名是否重复的具体代码，供大家参考，具体内容如下
$("#form-admin-add").validate({ rules:{ userName:{ required:true, minlengt...
2020-05-27
JavaScript中this的全面解析及常见实例
前言
this 关键字在 Javascript 中非常常见,但是很多开发者很难说清它到底指向什么。大部分人会从字面意思上去理解 this,认为 this 指向函数自身,实际上this 是在运行时进...
2020-05-27
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
本文实例讲述了JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单。分享给大家供大家参考，具体如下：获取可视区尺寸和文档尺寸<!DOCTYPE html><html lang="en"><head> <meta cha...
2020-05-27
vue项目中引入vue-datepicker插件的详解
项目需求中有一个日期选择限制的功能点：今天之前不可选，周末不可选。传统的input type='date无法做到，所以使用了这个插件来实现功能。1.引入vue-datepicker loader：npm install...
2020-05-27
详解可以用在VS Code中的正则表达式小技巧
你是不是一直都想学正则表达式，但是因为它的复杂性而被推迟了？在本文中，我将向你展示五个易于学习的正则技巧，你可以立即在自己喜欢的文本编辑器中使用它们。文本编辑器设置虽然...
2020-05-27
ios中视频的最后一桢问题解决
问题描述
在ios系统下的safari、wechat、以及其他浏览器，在播放部分m3u8的时候，最后一桢的画面会被系统移出，也就是视觉效果在视频播放结束的时候会黑屏，并不是全部的视频都会这...
2020-05-27
js中arguments对象的深入理解
前言在JavaScript中，arguments属于当前对象的一个内置属性，arguments非常类似于Array对象，但是又不是实例的Array。本文主要给大家介绍了关于js中arguments对象的相关内容，下面...
2020-05-27
微信小程序实现多选框全选与取消全选功能示例
本文实例讲述了微信小程序实现多选框全选与取消全选功能。分享给大家供大家参考，具体如下：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
