JavaScript - 教程之家

95浏览

0评论

微信小程序实现授权登录

前言：由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发。官方连接：点击打开链接1.实现思路自己写一个微信授权登...

2020-05-27

80浏览

0评论

JS正则表达式封装与使用操作示例

本文实例讲述了JS正则表达式封装与使用操作。分享给大家供大家参考，具体如下：对一些简单的输入进行正则判断的整理，待优化<!DOCTYPE html><html><head lang="en"> <meta chars...

2020-05-27

118浏览

0评论

vue组件间通信六种方式（总结篇）

前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C...

2020-05-27

51浏览

0评论

JavaScript页面倒计时功能完整示例

本文实例讲述了JavaScript页面倒计时功能。分享给大家供大家参考，具体如下：效果图：源码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.freexyz.cn...

2020-05-27

75浏览

0评论

浅谈 Webpack 如何处理图片(开发、打包、优化)

从 webpack book 的 Loading Assets 一章中延申出来。改善前端项目体验中，很重要的点就是静态资源的优化。它是由于浏览器客户端在同一时间针对同一域名的请求有一定资源限...

2020-05-27

67浏览

0评论

基于vue如何发布一个npm包的方法步骤

前言：工作的时候总是使用别人的npm包，然而我有时心底会好奇自己如何发布一个npm包呢，什么时候自己的包能够被很多人喜欢并使用呢...今天我终于迈出了第一步。前提：会使用 npm，有...

2020-05-27

91浏览

0评论

详解小程序用户登录状态检查与更新实例

这篇文章主要解决以下问题：用户每次登录小程序（包括第一次使用）及点击小程序的每个页面的时候，我们如何判断他当前的登录状态是否过期?如果过期，如何重新获取用户信息并发送...

2020-05-27

40浏览

0评论

javascript+HTML5 canvas绘制时钟功能示例

本文实例讲述了javascript+HTML5 canvas绘制时钟功能。分享给大家供大家参考，具体如下：效果如下：代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>w...

2020-05-27

96浏览

0评论

小程序：授权、登录、session_key、unionId的详解

微信应用的一个很大的优势就在于使用过程中是不需要进行注册和显式登录的，大部分问题基本上可以一键解决。但是在授权、登录和获取用户信息的过程中都发生了哪些事情，今天我们...

2020-05-27

56浏览

0评论

详解微信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

63浏览

0评论

JavaScript+HTML5 canvas实现放大镜效果完整示例

本文实例讲述了JavaScript+HTML5 canvas实现放大镜效果。分享给大家供大家参考，具体如下：效果：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.j...

2020-05-27

111浏览

0评论

vue两组件间值传递 $router.push实现方法

两组件间传值，可能包含多种情况，有父子组件和非父子组件，对于父子组件网上有很详细的方法讲解，但非父子组件传值有用bus总线，还有一些其他方法，其中的使用路由跳转的方法讲解太过...

2020-05-27

71浏览

0评论

少女风vue组件库的制作全过程

预览
组件库官网github地址如果喜欢各位小哥哥小姐姐给个小星星鼓励一下哈，请勿在生产环境中使用，供学习&交流~~完整项目目录结构
git clone到本地安装依赖后，执行npm run ser...

2020-05-27

54浏览

0评论

微信小程序的tab选项卡的实现效果

效果图，既可以点击切换，又可以滑动切换.wxml<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}"...

2020-05-27

66浏览

0评论

mpvue小程序循环动画开启暂停的实现方法

用小程序的 animation 属性实现循环动画的开启与暂停，并封装到组件。实现一个字体图标组件的循环旋转动画开启/暂停
用于点击图标，字体颜色变换，开始循环旋转动画，并刷新内容...

2020-05-27

79浏览

0评论

前端js中的事件循环eventloop机制详解

前言我们知道 js 是单线程执行的，那么异步的代码 js 是怎么处理的呢？例如下面的代码是如何进行输出的：console.log(1);setTimeout(function() { console.log(2);}, 0);new Prom...

2020-05-27

57浏览

0评论

JQuery属性操作与循环用法示例

本文实例讲述了JQuery属性操作与循环用法。分享给大家供大家参考，具体如下：取出或者设置html内容var $htm= $("#div").html 取出
$("#div").html("<span>文字</span>") 设置...

2020-05-27

67浏览

0评论

JS算法题之查找数字在数组中的索引位置

前言编写算法时，排序是一个非常重要的概念。它有各种各样的种类：冒泡排序、希尔排序、分块块排序，梳排序，鸡尾酒排序，侏儒排序 —— 这些可不是我瞎编的！这个算法题能够让我们一睹...

2020-05-27

68浏览

0评论

JQuery常见节点操作实例分析

本文实例讲述了JQuery常见节点操作。分享给大家供大家参考，具体如下：插入节点append()和appengTo()：在现存元素内部，从后面插入
prepend()和prependTo()：在现存元素外部，从前面插...

2020-05-27

55浏览

0评论

pm2发布node配置文件ecosystem.json详解

背景最近在搭建一个node+koa+vue的项目使用到了pm2发布
这里简单的记录一下
在根目录新建文件
ecosystem.json{ "apps": [ { "name": "ant-help-center", "script": "....

2020-05-27

70浏览

0评论

小程序绑定用户方案优化小结

在做过一系列小程序之后，对小程序的登陆鉴权的流程也有一定的理解，类似于 B 端小程序自不必说，要用户信息手机号地址可以一把梭，做一个引导页面进行判断然后要求用户给与绑定，用...

2020-05-27

45浏览

0评论

JavaScript面向对象编程小游戏---贪吃蛇代码实例

1 面向对象编程思想在程序项目中有着非常明显的优势:
1- 1 代码可读性高.由于继承的存在，即使改变需求，那么维护也只是在局部模块
1-2 维护非常方便并且成本较低。2 这...

2020-05-27

62浏览

0评论

JS中使用react-tooltip插件实现鼠标悬浮显示框

前段时间遇到的一个需求,要求鼠标悬停显示使用描述, 用到了react-tooltip插件,今天写一个总结先看效果(为了方便参考,用的是原始样式):文档参考地址:https://www.npmjs.com/...

2020-05-27

80浏览

0评论

解决微信小程序云开发中获取数据库的内容为空的方法

问题描述：在前端想获取数据库某集合中的数据时，返回的参数data始终为空数组，如下：相关代码如下：const db = wx.cloud.database();const activityInfo = db.collection('activityI...

2020-05-27

81浏览

0评论

微信小程序的mpvue框架快速上手指南

一.什么是mpvue框架？mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心（所以建议熟练掌握vue再使用mpvue框架，否则还是建议去使用原生框架去写小程序），mpvue...

2020-05-27

76浏览

0评论

详解VUE调用本地json的使用方法

开始的时候我以为，用vue去调取json要多么的麻烦，完咯就先去的百度，找了几个，看上面又要配置这配置那的，看的我都头大，像一些思维逻辑清晰的肯定不会出现这种情况。下面我说下我这...

2020-05-27

65浏览

0评论

elementUI table表格动态合并的示例代码

1.最近在做的erp项目，有一个需求是同一个客户下的同种订单，需要合并展示。使用elementUI table组件的方法 :span-method="objectSpanMethod"。官网上看了一下demo，做的很直白，不...

2020-05-27

82浏览

0评论

详解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

102浏览

0评论

微信小程序select下拉框实现效果

小程序中是没有h5中的下拉标签的所以要实现下拉功能就必须自己动手写拉这里为了更清楚的显示层级就把源码直接复制过来了<view class='list-msg'> <view class='list-ms...

2020-05-27

132浏览

0评论

详解Vue-Router源码分析路由实现原理

深入Vue-Router源码分析路由实现原理使用Vue开发SPA应用，离不开vue-router，那么vue和vue-router是如何协作运行的呢，下面从使用的角度，大白话帮大家一步步梳理下vue-router的整...

2020-05-27

67浏览

0评论

详解vue2.0模拟后台json数据

最近在跟着做vue2.0以上版本的一个购物平台，在涉及到模拟后台数据交互的时候，视频里讲的是通过json-server这个插件和express，由于之前的配置都是在build/dev-server.js文件夹...

2020-05-27

71浏览

0评论

Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网

1.准备工作。1.首先准备安装Vue及Vue-CLI$ npm install vue$ npm install -g @vue/cli2.其次下载Tomcattomcat.apache.org/index.html任选一个版本，我测试用的是macOS，所以下...

2020-05-27

89浏览

0评论

Vue项目中使用jquery的简单方法

前言在vue项目中，需要实现某些特定的功能时，使用mvvm模式不易实现。因此引入jquery包来完成需求jquery中的触发事件可以自己定义在mounted中，如果需要使用vue中data的数据，直接...

2020-05-27

67浏览

0评论

webpack项目使用eslint建立代码规范实现

首先当然是新建一个项目了。假设项目已经建好了，下面开始配置1. 安装eslint如果你还没有全局安装 eslint ，第一件事当然是安装 eslintnpm i -g eslint2. 初始化 eslint
eslint...

2020-05-27

114浏览

0评论

eslint 的三大通用规则详解

安装
可以全局安装，也可以在项目下面安装。如下是在项目中安装示例，只需要在 package.json 中添加如下配置，并进行安装： >"eslint": "^4.11.0"
配置
配置方式有两种，但建议使用...

2020-05-27

75浏览

0评论

怎样在vue项目下添加ESLint的方法

简易搭建
ESLint官网网址ESLint中文官网如果你是想在自己的项目里搭建ESLint，就可以按照官网的指示，以全局安装举例，npm install -g eslint然后初始化eslint --init它会问你一...

2020-05-27

88浏览

0评论

webpack4手动搭建Vue开发环境实现todoList项目的方法

前言平常在工作开发中，为了效率我们通常都会直接使用Vue-cli脚手架去搭建Vue开发环境，确实这种工具是节省了我们不少时间，但是你有没有想过Vue开发环境是如何搭建起来的？还有如...

2020-05-27

79浏览

0评论

微信端调取相册和摄像头功能，实现图片上传，并上传到服务器

最近在做微信公众号网页开发，遇到两个需要用到微信的JSSDK，上传图片和自动定位，微信开发者文档有详细的步奏内容，链接点击进入微信开发者文档，也可以看看我这篇文章，看我是如何实...

2020-05-27

98浏览

0评论

详解如何搭建mpvue框架搭配vant组件库的小程序项目

1. vant 介绍### 扫码体验Vant - 轻量、可靠的移动端 Vue 小程序组件库。由有赞公司开发与维护。提供了一系列美观、优质的移动端组件。vant 官网2. 在普通小程序怎么使...

2020-05-27

79浏览

0评论

详解mpvue中使用vant时需要注意的onChange事件的坑

最近用了一下Vant Weapp组件库，但是由于我是用mpvue写的，所以自然跟小程序引用不一样，比如我最近引用了vant里面的collapse折叠面板，官网文档里面介绍的使用方法是这样的1.在 ap...

2020-05-27

59浏览

0评论

Node.js Windows Binary二进制文件安装方法

1.下载文件安装包的下载路径为：https://nodejs.org/en/download/选择你需要的版本，这里我选择了 Windows Binary 64-bit 版本。2.配置npm安装目录.zip包下载完成之解压缩，之后...

2020-05-27

79浏览

0评论

JS左右无缝轮播功能完整实例

本文实例讲述了JS左右无缝轮播功能。分享给大家供大家参考，具体如下：其中对上一页下一页按钮设置visibility属性是为了解决轮播中点击上一页下一页导致的bug，应为是a标签所以用...

2020-05-27

89浏览

0评论

Mpvue中使用Vant Weapp组件库的方法步骤

一、介绍
mpvue-vant记录了我们团队开发中在mpvue中使用Vant Weapp组件库所踩下的坑，在这里分享给大家，让mpvue开发者可以使用vant组件库进行开发，避免踩不必要的坑。此教程是...

2020-05-27

56浏览

0评论

Vue2.0实现组件之间数据交互和通信操作示例

本文实例讲述了Vue2.0实现组件之间数据交互和通信操作。分享给大家供大家参考，具体如下：Vue2.0组件之间数据交互和通信。Vue2.0废弃了dispatch 和 $broadcast，如何在实现组件之...

2020-05-27

79浏览

0评论

使用Vue实现移动端左滑删除效果附源码

左滑删除在移动端是很常见的一种操作，常见于删除购物车中的商品，删除收藏夹中文章等等场景。我们只需要手指按住要删除的对象，然后轻轻向左滑动，便会出现删除按钮，然后点击删除按...

2020-05-27

99浏览

0评论

Vue中props的详解

看一下官方文档：组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中。也就是props...

2020-05-27

77浏览

0评论

详解如何写出一个利于扩展的vue路由配置

前言
从历往经验来看，开发一个新项目，往往在刚开始部署项目，到项目的正式交付，以及交付后的后续维护，功能增强等过程，都需要对项目的一些已有结构和逻辑进行调整。
因此，如果有些内...

2020-05-27

94浏览

0评论

vue视图不更新情况详解

我们可能经常会在处理vue项目的时候，遇到数据变化，但是视图并没有实时渲染的情况vue视图为什么不渲染页面的原因
当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项...

2020-05-27

57浏览

0评论

Django模板继承 extend标签实例代码详解

在 views.py 上修改...def ordered(req): return render(req, "ordered.html")def shopping_car(req): return render(req, "shopping_car.html")在 urls.py 上修改
......

2020-05-27

62浏览

0评论

详解基于mpvue微信小程序下载远程图片到本地解决思路

说明
最近有些空余时间开始着手优化我那个吉他自学小助手的微信小程序，其中有一个功能是下载吉他谱到本地，开始以为只是很简单的拿到图片url然后down下来就好了，其实不然...最...

2020-05-27

热门文章