JavaScript - 教程之家

89浏览

0评论

Vue封装的组件全局注册并引用

当vue接触的多了之后，你可能也会到自己封装组件的程度，试想每个页面的功能级模块全部拆分成组件，然后后续请求后台数据传入进去或者自己模拟数据，是多么方便的一件事情。每当我...

2020-05-27

94浏览

0评论

微信小程序如何修改radio和checkbox的默认样式和图标

wxml：<view class="body"> <view class="body-content"> 第1题：企业的价值观是？ </view> <view class="label">单选</view> </view> <view clas...

2020-05-27

78浏览

0评论

vue+mock.js实现前后端分离

之前都是介绍在普通项目中使用mock.js，那么本次就来介绍一下在vue中使用mock.js实现前后端分离。安装：npm install mockjs这里先写个小案例介绍一下具体使用，写法不规范，仅供参...

2020-05-27

74浏览

0评论

mock.js模拟数据实现前后端分离

众所周知，在日常开发中，前后端分离是最常见的开发模式，前端完成页面渲染，后端提供接口数据。但是起初项目刚开始，后端还没有写好接口数据，前端要构建页面，还得考虑结构以及后期真实...

2020-05-27

124浏览

0评论

Vue父组件如何获取子组件中的变量

在vue项目日常开发中，难免要把功能性组件抽离出来，这样结构就会出现父子组价，兄弟组件等，但是这样就会涉及到不同组件需要互相使用其中的值得问题。之前有说过通过ref来让父组件...

2020-05-27

96浏览

0评论

vue使用代理解决请求跨域问题详解

在日常开发中，我们前端必不可少的需要像后端请求数据。但是一般前后端分离，所以域名、端口等肯定不尽相同，这样就不可避免的会遇到浏览器的同源策略限制。在一般情况下，后端都会...

2020-05-27

96浏览

0评论

使用VueCli3+TypeScript+Vuex一步步构建todoList的方法

前言
Vue3.x 即将来袭，使用 TypeScirpt 重构，TypeScript 将成为 vue 社区的标配，出于一名程序员的焦虑，决定现在 Vue2.6.x 踩一波坑。
vue 官方文档已经简略地对 typescript 的...

2020-05-27

93浏览

0评论

解决Vue打包后访问图片/图标不显示的问题

大家可否遇到过 npm run build 打包后，项目在线上运行时，资源文件 (图片、图标)不显示的问题，接下来，我给大家分享一下我的解决方案~1.检查打包后dist中的css文件打开此文件后...

2020-05-27

86浏览

0评论

mock.js模拟前后台交互

本文实例为大家分享了mock.js模拟前后台交互的具体代码，供大家参考，具体内容如下使用背景： vue项目 axios使用详情：1、首先安装# 在项目中安装 npm install mockjs2、在项目中使...

2020-05-27

107浏览

0评论

微信小程序调用微信授权窗口相关问题解决

引言
微信小程序为了优化用户体验，取消了在进入小程序时立马出现授权窗口。需要用户主动点击按钮，触发授权窗口。那么，在我实践过程中，出现了以下问题。 1. 无法弹出授权窗口...

2020-05-27

88浏览

0评论

MockJs结合json-server模拟后台数据

本文实例为大家分享了MockJs结合json-server模拟后台数据的具体代码，供大家参考，具体内容如下说明Mock.js 是一款模拟数据生成器，可以根据模板生成数据、模拟网络请求，返回模拟...

2020-05-27

64浏览

0评论

js 实现ajax发送步骤过程详解

js发送ajax发送，分步骤进行ajax的核心是XMLHttpRequest,步骤1：创建一个对象xmlrequest，在主流的浏览器都支持new ，var xmlhttp = new XMLHttpRequest() IE浏览器不支持这种方法...

2020-05-27

122浏览

0评论

turn.js异步加载实现翻书效果

本文实例为大家分享了turn.js异步加载实现翻书效果的具体代码，供大家参考，具体内容如下1、阅读翻书js/** * 电子翻书 *///var width = 1080;//var height = 1680; var width =...

2020-05-27

89浏览

0评论

详解Vue.js和layui日期控件冲突问题解决办法

事故还原:
今天在用layui的日期控件的时候发现一个问题,就是form表单中的日期选择之后,如果后面的输入框再输入值,这个日期就会自动清空,导致没办法提交,研究之后发现是vue...

2020-05-27

144浏览

0评论

微信公众号获取用户地理位置并列出附近的门店的示例代码

思路分析：1、在微信公众号内获取用户地理位置需要js-sdk签名包（关于如何获取文档有介绍）2、根据获取的地理位置ajax去后台请求，通过sql语句，查询中距离最近的门店（sql语句在网上搜...

2020-05-27

72浏览

0评论

小程序实现左滑删除效果

本文实例为大家分享了小程序实现左滑删除效果的具体代码，供大家参考，具体内容如下1、movable-area基本概念实现思路：大家仔细去看看官网的文档后再来看我写的这篇文章可能会更...

2020-05-27

98浏览

0评论

jquery ui 实现 tab标签功能示例【测试可用】

本文实例讲述了jquery ui 实现 tab标签功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <title>www.freexyz.cn tab切换</title> <style type="text/css">...

2020-05-27

70浏览

0评论

微信小程序实现左滑动删除效果

最近做微信小程序项目遇到左滑动效果，比如在我的收藏页面，我的历史浏览记录页面，我的购物车页面，大多数都会用到这种效果，我把代码复制出来，供大家参考，用的时候直接用模板，再此基础...

2020-05-27

61浏览

0评论

jquery-ui 进度条功能示例【测试可用】

本文实例讲述了jquery-ui 进度条功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf8" /><title>www.freexyz.cn progressbar</title><style...

2020-05-27

104浏览

0评论

微信小程序实现收货地址左滑删除

本文实例为大家分享了微信小程序实现收货地址左滑删除的具体代码，供大家参考，具体内容如下效果：思路：一、用相对定位和绝对定位，列表放在上层，删除按钮放在下层（z-index不要为负）。...

2020-05-27

91浏览

0评论

微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)

需求:点击我们公司的微信公众号，从菜单栏中进入会员中心，如果是新会员则需绑定注册，注册完跳转到用户中心页面，然后给用户发会员卡，如果是老会员，如果以前没有的会员卡的，发一张会...

2020-05-27

114浏览

0评论

微信小程序与公众号实现数据互通的方法

公司因小程序项目先上线，公众号后开发，接到上级的安排实现小程序打通任务，看文档后发现：同一开发者账号只要是在微信开放平台绑定小程序与公众号以后，会有一个唯一的unionid,这个...

2020-05-27

65浏览

0评论

微信小程序tabBar 返回tabBar不刷新页面

1、在一个项目中，遇到了这个场景：返回tabBar中的某个页面是需要保存数据，但是新进这个页面需要清除数据。2、场景如下图：报修进入下一步，返回第一步时不能刷新页面（即保留页面数据...

2020-05-27

120浏览

0评论

微信小程序与公众号卡券/会员打通的问题

微信小程序与公众号卡券/会员打通卡券开发：带你走出小程序的坑
tips：由于笔者也是一位前端菜鸟，所以尽量用简单直白的语言为大家讲解，如有说的不到位的地方，还望多多指教
- 作...

2020-05-27

76浏览

0评论

微信小程序实现原生步骤条

本文实例为大家分享了微信小程序实现原生步骤条的具体代码，供大家参考，具体内容如下效果（步骤条颜色不对是录制工具的问题）思路其实与轮播图类似，使用了两个并排的轮播容器，在滑动...

2020-05-27

179浏览

0评论

vue实现多组关键词对应高亮显示功能

先上效果图：我们有多组关键词，这里实现了关键词的背景色与匹配值的字体颜色值相同先拟定一组数据colors: [ "#FFB5C5", "#EEC900", "#D1EEEE", "#40E0D0", "#...

2020-05-27

120浏览

0评论

微信小程序自定义单项选择器样式

本文实例为大家分享了微信小程序自定义单项选择器样式的具体代码，供大家参考，具体内容如下效果：wxml：<view bindchange="radioChange"> <view class='list_item' wx:for="{{rad...

2020-05-27

68浏览

0评论

JS查找孩子节点简单示例

本文实例讲述了JS查找孩子节点功能。分享给大家供大家参考，具体如下：以前看了JS方面的书，如今用到了，书看得再多，不用就忘了，所以经常用用你所学到的知识，温故知新。<!DOCTYPE html...

2020-05-27

108浏览

0评论

微信小程序实现动态列表项的顺序加载动画

本文实例为大家分享了微信小程序实现动态列表项的顺序加载动画，供大家参考，具体内容如下效果思路1、最开始用了纯CSS动画animation，发现动画需要重复写，于是换使用transition动...

2020-05-27

104浏览

0评论

微信小程序使用canvas自适应屏幕画海报并保存图片功能

小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？我们的在开发中常用的参...

2020-05-27

78浏览

0评论

微信小程序绘制图片发送朋友圈

本文实例为大家分享了微信小程序绘制图片发送朋友圈的具体代码，供大家参考，具体内容如下这种生成图片的效果是很常见的，实现起来也不难，跟原生js的差不多。需要注意的就是canvas...

2020-05-27

95浏览

0评论

详细教你微信公众号正文页SVG交互开发技巧

现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验，而不再跳转H5。结合这一需求，本期分享的内容是如何开发交互式SVG，并嵌入微信公众号正文页。设计师和前端...

2020-05-27

78浏览

0评论

微信小程序实现图片选择并预览功能

本文实例为大家分享了微信小程序实现图片选择并预览的具体代码，供大家参考，具体内容如下(一)、功能说明做的是一个意见反馈，用户发表意见和上传图片，限制了最多只能上传三张图片...

2020-05-27

62浏览

0评论

nodejs读取图片返回给浏览器显示

本文主要是使用nodejs处理图片等资源返回给浏览器显示方法，但不只限制于图片，也可以是音频视频等其他非字符串文件的返回和显示。也可以扩展成nodejs静态资源服务器的开发方法...

2020-05-27

60浏览

0评论

vue实现一拉到底的滑动验证

本文实例为大家分享了vue实现简单的一拉到底的滑动验证的具体代码，供大家参考，具体内容如下直接上代码<template> <div class="drag" ref="dragDiv"> <div class="drag_bg"><...

2020-05-27

99浏览

0评论

vue实现拖拽的简单案例不超出可视区域

本文实例为大家分享了vue实现拖拽x效果的具体代码，供大家参考，具体内容如下实现拖拽之前，先了解几个小常识：这两种获取鼠标坐标的方法，区别在于基于的对象不同： pageX和pageY获取...

2020-05-27

81浏览

0评论

vuejs移动端实现div拖拽移动

vue移动端实现div拖拽移动，供大家参考，具体内容如下本文讲述，在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点 touchstart 当在屏幕上按下手指时触发 touchmov...

2020-05-27

76浏览

0评论

微信小程序设置滚动条过程详解

原因
原来在app.wxss中定义了如下的内容【不知道是不是新建项目自动生成的，这里也就提供了隐藏滚动条的思路啦】::-webkit-scrollbar { width: 0px; height: 0px; color:#tra...

2020-05-27

97浏览

0评论

vue实现滑动切换效果（仅在手机模式下可用）

本文实例为大家分享了vue实现滑动时红黄色块左右滑动相应距离，效果如下图实现过程主要在于实时跟踪手指滑动位置与原位置之间的偏移量，再相应移动红黄块。红黄块布局如下back...

2020-05-27

85浏览

0评论

Vue实现商品分类菜单数量提示功能

如上所示，这篇我们将商品分类菜单显示数量的提示完善，是软件更加易于使用。好先让我回顾一下上节课的内容，Goods组件，数量提示功能最终需要在Goods组件内显示。<template> <div...

2020-05-27

103浏览

0评论

bootstrap-table+treegrid实现树形表格

实现一个树形表格的时候有多种方法：比如把 ztree 的树形直接拼接成表格，或者用强大的 jqgrid 实现，今天介绍一个比较轻量级的实现：使用bootstrap-table + treegrid 。1、引入 jq...

2020-05-27

70浏览

0评论

bootstrap-treeview实现多级树形菜单后台JSON格式如何组织?

树形列表菜单的数据组织形式一般有两种：一种是一次性向服务器请求所有节点的数据，一种是先请求根目录的节点，当用户点击该节点时，再去请求该节点的子叶节点的数据。这里我们的需...

2020-05-27

71浏览

0评论

layui递归实现动态左侧菜单

本文实例为大家分享了layui递归实现动态左侧菜单的具体代码，供大家参考，具体内容如下我知道两种方式实现：一、先加载所有的主菜单，之后通过点击主菜单在加载该菜单的子菜单(缺点...

2020-05-27

88浏览

0评论

layui自定义ajax左侧三级菜单

本文实例为大家分享了layui自定义ajax左侧三级菜单的具体代码，供大家参考，具体内容如下HTML代码：需引入layui.css代码<div class="layui-side layui-bg-bl...

2020-05-27

88浏览

0评论

详解nvm管理多版本node踩坑

Windows10本机环境：win10
未安装node，安装了nvm工具，尝试使用nvm安装我开发环境的node版本（10.9.0 or later）
根据上面的截图看，应该是npm下载失败了，需要手动安装，我们使用命令查看...

2020-05-27

70浏览

0评论

layui实现左侧菜单点击右侧内容区显示

layui这个前端框架对后端人员来说提供了极大的方便，很大一部分同学在刚接触到这个框架就迫不及待的要动手实践了，刚好最近需要开发一个后台管理项目，就拿layui来进行学习和实践...

2020-05-27

65浏览

0评论

layui实现三级导航菜单

本文实例为大家分享了layui实现三级导航菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width...

2020-05-27

92浏览

0评论

layui实现三级联动效果

本文实例为大家分享了layui实现三级联动效果的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

2020-05-27

68浏览

0评论

layUI实现三级导航菜单效果

本文实例为大家分享了layUI实现三级导航菜单展示的具体代码，供大家参考，具体内容如下废话不多说，直接上代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="...

2020-05-27

83浏览

0评论

微信小程序—setTimeOut定时器的问题及解决

背景
实验室需要将项目的app搬到微信的小程序上，终于知道为什么程序员是手艺人了，只要有需求，就要想方设法去填充这种需求，去年是小程序的元年了可以说，去年冬天一个叫跳一跳的小...

2020-05-27

热门文章