161浏览

0评论

详解js根据百度地图提供经纬度计算两点距离

正常在使用百度地图时，我们可以通过BMap的实例对象提供的方法计算距离：var map = new BMap.Map('map_canvas');map.getDistance(point1 ,point2);//point1、point2 是Point对...

• 2020-05-27

152浏览

0评论

教你使用vue-cli快速构建的小说阅读器

项目介绍 主要页面1、首页home.vue分类展示书籍，幻灯片展示热门推荐2、搜索search.vue，上拉加载更多3、书籍详情book.vue加入书架、立即阅读，展示评论，同类书籍推荐4、书籍内容r...

• 2020-05-27

99浏览

0评论

vue百度地图 + 定位的详解

vue 百度地图 + 定位 前提需要自己有百度的密钥，如没有可以去百度地图申请一、在主目录下的index.html引入js，例如：
二、在webpack.base.conf.js配置文件中配置BMap，在module.e...

• 2020-05-27

109浏览

0评论

如何利用vue+vue-router+elementUI实现简易通讯录

一个具有基本增删改查功能的通讯录，数据保存在本地的localStorage中。 demo地址: https://junjunhuahua.github.io1. 所用技术js框架: vue2 https://cn.vuejs.org/ui框架: e...

• 2020-05-27

98浏览

0评论

koa+mongoose实现简单增删改查接口的示例代码

配合上一篇文章的联系人应用(https://www.freexyz.cn/article/161160.htm)，实现配套的基于nodejs的后台增删改查接口1. 所需工具 node.js mongoDB2. 主要node模块koa(https:/...

• 2020-05-27

100浏览

0评论

JQuery的加载和选择器用法简单示例

本文实例讲述了JQuery的加载和选择器用法。分享给大家供大家参考，具体如下：JQuery加载一般开发中不用原生的JavaScript而是用JQuery，开发效率比较高。下面程序是原生和JQuery库...

• 2020-05-27

86浏览

0评论

JQuery特殊效果和链式调用操作示例

本文实例讲述了JQuery特殊效果和链式调用操作。分享给大家供大家参考，具体如下：JQuery的特殊效果fadeOut()淡入
fadeToggle()切换淡入淡出
hide() 隐藏元素
show() 现实元素
t...

• 2020-05-27

88浏览

0评论

使用jQuery如何写一个含验证码的登录界面

一个包含用户名，密码，验证码的简单的登陆界面，如下图所示：首先是 HTML 代码：<div id="divID"> <div style="background-color:transparent;"> <form id="ff" method="post"> <...

• 2020-05-27

115浏览

0评论

vue项目前端知识点整理【收藏】

微信授权后还能通过浏览器返回键回到授权页
在导航守卫中可以在 next({}) 中设置 replace: true 来重定向到改路由，跟 router.replace() 相同router.beforeEach((to, from, n...

• 2020-05-27

109浏览

0评论

arctext.js实现文字平滑弯曲弧形效果的插件

本文介绍了实现文字平滑弯曲弧形效果的插件-arctext.js，分享给大家，具体如下：扇形的文字有时候产品大佬就是很任性，说做一个宣传页，一个类似拱门的效果，每次文字不一样，但是文字得...

• 2020-05-27

127浏览

0评论

详解小程序之简单登录注册表单验证

这段时间在做员工管理的小程序，前期在登录注册上花了不少功夫，今天就给大家分享下。效果图，wxss的内容较简单，自己编写即可。##主要内容一、首先我是在util.js中引入表单正则验...

• 2020-05-27

89浏览

0评论

vue实现动态按钮功能

Vue是前台框架,可以独立完成前后端分离式web项目渐进式的javascript框架 ,今天我们来设计一个简单的动态按钮具体效果图如下:点击后会变成这样:首先我们需要下载vue.js: htt...

• 2020-05-27

98浏览

0评论

vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

今天写项目的时候遇到了歌手排序的问题，联想到了我们平时的手机通讯录侧栏字母排序，按照ABCDE这样的顺序对名字进行排序。我们先来看看效果
那就用vue来实现一遍首先新建一个v...

• 2020-05-27

113浏览

0评论

JQuery样式操作、click事件以及索引值-选项卡应用示例

本文实例讲述了JQuery样式操作、click事件以及索引值-选项卡应用。分享给大家供大家参考，具体如下：JQuery的css函数既能读属性值，也能写属性值：<!DOCTYPE html><html lang="en">...

• 2020-05-27

113浏览

0评论

Vue表单之v-model绑定下拉列表功能

vue要绑定下拉列表会稍微有点不同。因为下拉列表不是一个标签能搞掂的。原生的html写法如下<select> <option value="Vue.js">Vue.js</option> <option value="React.js">Re...

• 2020-05-27

86浏览

0评论

jquery实现选项卡切换代码实例

选项卡在网页中很常见，可以说是必备的一个元素了，网上其实也有很多案例讲解选项卡的做法，各种炫酷。
写这篇文章，就是记录下自己的一个练手Demo了。两张简陋的图。主要逻辑就在...

• 2020-05-27

96浏览

0评论

微信小程序的线程架构【推荐】

小程序的线程架构每个小程序包含一个描述整体程序的app实例和多个描述页面的page。其中app由3个文件构成：app.json 公共配置文件app.wxss 公共样式文件app.js 主体逻辑文件pa...

• 2020-05-27

98浏览

0评论

JQuery animate动画应用示例

本文实例讲述了JQuery animate动画。分享给大家供大家参考，具体如下：滑动选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...

• 2020-05-27

116浏览

0评论

javascript实现遮罩层动态效果实例

大家在网页上注册登录的时候，经常会看见弹出的遮罩层。我这里实现的效果是：点击按钮弹出遮罩层，遮罩层下的内容不可选，并且登录框随着鼠标滚轮的下滑，动态的浮动到页面某个位置，点...

• 2020-05-27

133浏览

0评论

JQuery获取元素尺寸、位置及页面滚动事件应用示例

本文实例讲述了JQuery获取元素尺寸、位置及页面滚动事件应用。分享给大家供大家参考，具体如下：获取元素尺寸<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

• 2020-05-27

113浏览

0评论

详解如何探测小程序返回到webview页面

在公司项目中经常会遇到一个场景, 尝试过各种不同的方法, 最后想到了一种很技术上简单且可行的方法.经常被QA同学反应同一类型的问题
项目是小程序(wepy), 部分页面使用webv...

• 2020-05-27

118浏览

0评论

javascript中如何判断类型汇总

前言我们在写封装的插件或者函数时，常常用到JS的数据类型判断，典型的案例就是深度拷贝函数用到数据类型判断，这个知识点在面试的时候也是经常考到的一个问题。本文就来给大家总...

• 2020-05-27

116浏览

0评论

记录vue项目中遇到的一点小问题

1、鼠标悬浮显示不同的背景图片，代码如下：效果如图，页面初始效果：鼠标悬浮后效果：2、for 循环发送axios遇到的问题 问题背景：在声动语商项目中，需求更改后，出现一个：教师发布课程的时...

• 2020-05-27

92浏览

0评论

jquery 验证用户名是否重复代码实例

本文实例为大家分享了jquery验证用户名是否重复的具体代码，供大家参考，具体内容如下
$("#form-admin-add").validate({ rules:{ userName:{ required:true, minlengt...

• 2020-05-27

121浏览

0评论

JavaScript中this的全面解析及常见实例

前言
this 关键字在 Javascript 中非常常见,但是很多开发者很难说清它到底指向什么。大部分人会从字面意思上去理解 this,认为 this 指向函数自身,实际上this 是在运行时进...

• 2020-05-27

114浏览

0评论

JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例

本文实例讲述了JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单。分享给大家供大家参考，具体如下：获取可视区尺寸和文档尺寸<!DOCTYPE html><html lang="en"><head> <meta cha...

• 2020-05-27

161浏览

0评论

vue项目中引入vue-datepicker插件的详解

项目需求中有一个日期选择限制的功能点：今天之前不可选，周末不可选。传统的input type='date无法做到，所以使用了这个插件来实现功能。1.引入vue-datepicker loader：npm install...

• 2020-05-27

162浏览

0评论

详解可以用在VS Code中的正则表达式小技巧

你是不是一直都想学正则表达式，但是因为它的复杂性而被推迟了？在本文中，我将向你展示五个易于学习的正则技巧，你可以立即在自己喜欢的文本编辑器中使用它们。文本编辑器设置虽然...

• 2020-05-27

106浏览

0评论

ios中视频的最后一桢问题解决

问题描述
在ios系统下的safari、wechat、以及其他浏览器，在播放部分m3u8的时候，最后一桢的画面会被系统移出，也就是视觉效果在视频播放结束的时候会黑屏，并不是全部的视频都会这...

• 2020-05-27

146浏览

0评论

js中arguments对象的深入理解

前言在JavaScript中，arguments属于当前对象的一个内置属性，arguments非常类似于Array对象，但是又不是实例的Array。本文主要给大家介绍了关于js中arguments对象的相关内容，下面...

• 2020-05-27

168浏览

0评论

微信小程序实现多选框全选与取消全选功能示例

本文实例讲述了微信小程序实现多选框全选与取消全选功能。分享给大家供大家参考，具体如下：js部分：page({data: { select_all:false,listData: [{code: "111",text: "text1",typ...

• 2020-05-27

129浏览

0评论

JavaScript如何实现元素全排列实例代码

排列 (Permutation / Arrangement)
概念
n 个不同元素中任意选取 m (m <= n) 个元素进行排列，所有排列情况的个数叫做 排列数，其值等于：A = n! / (n - m)!! 表示数学中的阶乘运...

• 2020-05-27

99浏览

0评论

基于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

133浏览

0评论

详解jenkins自动化部署vue

一、nodejs配置首先加入nodejs插件
–>–> 在配置里面配置这个插件
–>
这样我们就能在自动构建发布的配置里看到nodejs的编译选项了
二、发布配置首先新建一个自由风格...

• 2020-05-27

98浏览

0评论

微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解

本文实例讲述了微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能。分享给大家供大家参考，具体如下：微信小程序开发中选项卡.在android中选项卡一般用fragment,到...

• 2020-05-27

163浏览

0评论

微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例

本文实例讲述了微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能。分享给大家供大家参考，具体如下：顶部滚动选项卡话不多说，直接上代码pages/home/home.wxml<scroll-vi...

• 2020-05-27

140浏览

0评论

vue+elementUI实现表单和图片上传及验证功能示例

本文实例讲述了vue+elementUI实现表单和图片上传及验证功能。分享给大家供大家参考，具体如下：最终实现需求如下图：form表单内容与重点人员图片同时上传且图片为必填项分析弹框...

• 2020-05-27

93浏览

0评论

fastadmin中调用js的方法

想要了解fastadmin中的js是怎么调用的，就应该先了解RequireJs。RequireJs是模块化工具，每一个我们自己的js文件或者库都可以看成是一个模块，按需引入。写法如下：<script data-ma...

• 2020-05-27

106浏览

0评论

JavaScript实现图片的放大缩小及拖拽功能示例

本文实例讲述了JavaScript实现图片的放大缩小及拖拽功能。分享给大家供大家参考，具体如下：实现效果如下：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

• 2020-05-27

81浏览

0评论

JavaScript实现多张图片放大镜效果示例【不限定图片尺寸，rem单位】

本文实例讲述了JavaScript实现多张图片放大镜效果。分享给大家供大家参考，具体如下：效果如下：可以展示图片列表的放大镜效果，图片尺寸没有要求会自动调整至水平垂直居中效果代码...

• 2020-05-27

133浏览

0评论

使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题

在终端中运行以下命令:vue create xxx // xxx为项目名称，例如 vue-project然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能，然后按Enter键...

• 2020-05-27

141浏览

0评论

vue如何获取自定义元素属性参数值的方法

偶尔还是会陷入到DOM操作上面去，其实你应该关心的是数据传递，而不是操作DOM。如果你是想获取data-num的数据，可以这样写：<span @click="getData($event,'21')">55</span>getData...

• 2020-05-27

133浏览

0评论

NodeJS读取分析Nginx错误日志的方法

网上很少看到有用NodeJS运维系列文章,后续我会更新一些NodeJS运维相关的内容又或者说让我们更加的深入了解一些服务器的知识以及自动化运维方面的基础知识 为什么要做错误日...

• 2020-05-27

165浏览

0评论

解决 viewer.js 动态更新图片导致无法预览的问题

前台页面要求图片的查看，是在表格中点击查看才弹出图片，网上发现用Viewer插件的挺多，就选用的这款插件，但是Viewer插件会产生缩略图，这里取巧了，将缩略图统一替换成了一个带有查看...

• 2020-05-27

144浏览

0评论

js纯前端实现腾讯cos文件上传功能的示例代码

前言
在前端开发中文件上传是经常会遇到的，并且多数情况会使用第三方平台来存储文件，腾讯云cos是我们常用的。本篇文章就是带我从前端的角度实现腾讯云COS存储。本文参考了腾...

• 2020-05-27

129浏览

0评论

jquery实现二级导航下拉菜单效果实例

大家都知道jQuery是一个框架，它对JS进行了封装，使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的，那么这篇就用jQuery来实现二级下拉式菜单。
使用JQuery实现需要用到的...

• 2020-05-27

107浏览

0评论

jquery+css实现Tab栏切换的代码实例

前几天面试碰到现场给写一个Tab栏切换的功能，思想基本上懂，但是好久没写过，一时要全部实现效果还真有点难。回来后，再把思路理一理，写一个，基础还是很重要的。最终要实现的效果图...

• 2020-05-27

110浏览

0评论

微信小程序下拉菜单效果的实例代码

//wcss/**DropDownMenu**/ /*总菜单容器*/ .menu { display: block; height: 28px; position: relative;} /*一级菜单*/ .menu dt { font-size: 15px; float: left; /*hack...

• 2020-05-27

161浏览

0评论

详解VSCode配置启动Vue项目

下载安装并配置VSCode随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。1、vetur插件的安装该插件是vue文件基本语...

• 2020-05-27

98浏览

0评论

微信小程序导航栏跟随滑动效果的实现代码

效果图.wxml<view class='tabBar'><view class='tabItem wx:if="{{tabClick===0&#63;"click":""}}"' bindtap='clickTab' data-index='0'>tab1</view><view class='tabIte...

• 2020-05-27