JavaScript - 教程之家

110浏览

0评论

Node.js创建一个Express服务的方法详解

本文实例讲述了Node.js创建一个Express服务的方法。分享给大家供大家参考，具体如下：1、创建一个HttpServer服务端在node.js官网下载好node的Windows版本后一路下一步安装好了n...

2020-05-27

85浏览

0评论

React学习之受控组件与数据共享实例分析

本文实例讲述了React学习之受控组件与数据共享。分享给大家供大家参考，具体如下：在HTML当中，像<input>,<textarea>, 和 <select>这类表单元素会自己储存值，并且根据用户输入进行...

2020-05-27

121浏览

0评论

借助云开发实现小程序短信验证码的发送

最近在做小程序验证码登陆时，用到了短信发送验证码的需求，自己也研究了下，用云开发结合云函数来实现验证码短信发送还是很方便的。老规矩，先看效果图
这是我调用腾讯云的短信平...

2020-05-27

167浏览

0评论

vue学习之Vue-Router用法实例分析

本文实例讲述了vue学习之Vue-Router用法。分享给大家供大家参考，具体如下：Vue-router就像一个路由器，将组件(components)映射到路由(routes)后，通过点击<router-link>它可以在<r...

2020-05-27

283浏览

0评论

nodeJs的安装与npm全局环境变量的配置详解

最近在做小程序开发时，有用到云函数，而云函数就是用node.js写的，所以其中难免会用到一些node类库。用node类库就必选在电脑上安装node.js环境，并且配置npm命令的环境变量。用mac...

2020-05-27

157浏览

0评论

React学习之JSX与react事件实例分析

本文实例讲述了React学习之JSX与react事件。分享给大家供大家参考，具体如下：1、JSX1.1、表达式在React中使用JSX来描述HTML页面，而且可以与js混合使用，使用JavaScript表达式时要...

2020-05-27

621浏览

0评论

vue 微信扫码登录(自定义样式)

使用插件
https://www.npmjs.com/package/vue-wxlogin
// 安装npm install vue-wxlogin --save-dev// 组件中引入import wxlogin from 'vue-wxlogin'...components: { wxlog...

2020-05-27

127浏览

0评论

Vue学习之axios的使用方法实例分析

本文实例讲述了Vue学习之axios的使用方法。分享给大家供大家参考，具体如下：Axios 是一个用于实现网络数据请求的JavaScript库，可以用在网页和 node.js 中，用于创建 XMLHttpReque...

2020-05-27

171浏览

0评论

Vue+abp微信扫码登录的实现代码示例

最近系统中要使用微信扫码登录，根据微信官方文档和网络搜索相关文献实现了。分享给需要的人，也作为自己的一个笔记。后端系统是基于ABP的，所以部分代码直接使用了abp的接口，直接...

2020-05-27

103浏览

0评论

Vue学习之组件用法实例详解

本文实例讲述了Vue学习之组件用法。分享给大家供大家参考，具体如下：Vue中的模块化、可重用代码块将页面细分为一个个功能组件，而且组件之间可以嵌套。组件分为全局组件与局部组...

2020-05-27

112浏览

0评论

Vue学习之常用指令实例详解

本文实例讲述了Vue常用指令。分享给大家供大家参考，具体如下：1、创建一个vue实例vue的一个特点就是数据驱动界面，一旦对js中的数据进行修改，界面中用到数据的地方也会立马做出更...

2020-05-27

194浏览

0评论

Vue前端项目部署IIS的实现

背景：最近用vue写了个demo(不涉及调用后台数据)，为了给销售团队更好的给客户讲述产品的一些特点及大体的感官认识。需要将自己做的项目安装到他们的笔记本上面去，作为一个销售...

2020-05-27

133浏览

0评论

Vue-CLI与Vuex使用方法实例分析

本文实例讲述了Vue-CLI与Vuex使用方法。分享给大家供大家参考，具体如下：1、通过Vue-CLI创建项目Vue-CLI是Vue用于创建Vue项目的脚手架工具，它可以快速帮你创建一个Vue项目的文...

2020-05-27

101浏览

0评论

React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析

本文实例讲述了React Native中ScrollView组件轮播图与ListView渲染列表组件用法。分享给大家供大家参考，具体如下：1、Scroll ViewScrollView是React Native提供的滚动视图组件...

2020-05-27

95浏览

0评论

JS实现音乐钢琴特效

本文实例为大家分享了JS实现音乐钢琴的具体代码，供大家参考，具体内容如下知识点1.keydown键盘按下事件
2.ev[‘keyCode'] 获取当前按键
3.引入工具库工具库
运行效果1-9控制按...

2020-05-27

144浏览

0评论

JS实现字体背景跑马灯

本文实例为大家分享了JS实现字体背景跑马灯的具体代码，供大家参考，具体内容如下知识点1.通过 @keyframes 规则，创建动画。
2.背景作用域：
background-clip: text;-webkit-backgr...

2020-05-27

103浏览

0评论

JS实现电商商品展示放大镜特效

本文实例为大家分享了JS实现电商商品展示放大镜的具体代码，供大家参考，具体内容如下知识点1.使用children获取字标签组
2.求当前鼠标坐标
3.碰撞检测
4.大小盒子通过比例同步...

2020-05-27

313浏览

0评论

JavaScript实现联动菜单特效

一篇关于JavaScript特效的文章，今天给大家带来联动菜单特效，这可能是一个系列哦！效果图和以前一样，先发效果图，然后在进行讲解。代码<!DOCTYPE html><html><head> <meta charset=...

2020-05-27

85浏览

0评论

小程序跨页面交互的作用与方法详解

去年年末，微信小程序的分包大小已经到达了 12M 大小,一方面说明小程序的确逐步为开发者放开更大的权限，另一方面也说明了对于某些小程序 8M 的大小已经不够用了。我个人今年也...

2020-05-27

168浏览

0评论

详解微信小程序之提高应用速度小技巧

WeTest 导读小程序科普类的文章已经很多了，今天这里讲的是针对小程序的优化方法，可以有效提高小程序的响应速度和用户体验。当然，开发体验也提高不少。1、提高页面加载速度在小...

2020-05-27

118浏览

0评论

微信小程序wx.navigateTo方法里的events参数使用详情及场景

个人理解wx.navigateTo方法里的events参数使用详情及场景微信小程序在2.7.3版本wx.navigateTo这个方法中新增了events这个属性
微信官方文档里面写的很模糊，在微信公众平台的...

2020-05-27

86浏览

0评论

vue实现数据控制视图的原理解析

这篇主要讲的就是vue很重要的一块知识点，双向数据绑定是如何实现的。一开始看这一块的内容的时候比较迷茫，迷茫在以下几个点：这块内容该从哪边入手数据变化是如何驱动视图...

2020-05-27

396浏览

0评论

微信小程序接入腾讯云验证码的方法步骤

前言：最近做了一个小程序抽奖的活动，出现了部分用户恶意薅羊毛的现象，因此考虑接入腾讯云的验证码。其实腾讯的官方文档写的相当清晰：https://cloud.tencent.com/doc...
不想啃...

2020-05-27

56浏览

0评论

webpack 最佳配置指北(推荐)

前言对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以...

2020-05-27

156浏览

0评论

微信小程序服务器日期格式化问题

"Mon Jan 06 2020 09:10:28 GMT+0800 (中国标准时间)"一般服务器获取到的日期都是这样的，我们需要对其进行格式化在utils目录创建filter.wxs文件filter.wxs//日期格式化var f...

2020-05-27

98浏览

0评论

Vue程序化的事件监听器(实例方案详解)

某些第三方插件必须在当前组件卸载后清除该实例（比如说百度的富文本框UEditor 如果不清除再次在下个组件使用时会有bug，类似于小程序的语音实例，必须离开页面的时候销毁当前...

2020-05-27

689浏览

0评论

解决vue elementUI中table里数字、字母、中文混合排序问题

1.使用场景使用elementUI中的table时，给包含数字字母中文的名称等字段排序例如：数字（0->9）->大写字母（A->Z）->小写字母（a->z）->中文拼音（a->z）2.代码解析<el-table ref="multipleTab...

2020-05-27

122浏览

0评论

electron+vue实现div contenteditable截图功能

最近在学习基于electron + electron-vue开发聊天客户端项目时，需要用到编辑器插入表情功能。一般通过input或textarea也能实现，通过插入[笑脸]、(:12 这些标签，展示的时候解析...

2020-05-27

163浏览

0评论

vue项目中在可编辑div光标位置插入内容的实现代码

vue项目中在可编辑div光标位置插入内容html：<div class="mouse-move fl f12 h22 lh22 mg-r5 sms-item" @dragstart="dragStart($event, item.labelName)" draggable='tru...

2020-05-27

87浏览

0评论

JS实现吸顶特效

本文实例为大家分享了JS实现吸顶特效的具体代码，供大家参考，具体内容如下知识点1.scroll家族和offset家族的结合运用
2.当nav的offsetTop大于屏幕卷去高度的时候，进行吸顶
3.添...

2020-05-27

127浏览

0评论

微信小程序实现吸顶效果

最开始的时候，在小程序中实现吸顶效果，开发工具看起来还挺好的，但是在真机上就会有问题了。原因是我不停的去 setData 会导致操作反馈延迟严重，无法及时将操作处理结果及时传递...

2020-05-27

113浏览

0评论

vue.js自定义组件实现v-model双向数据绑定的示例代码

我们都清楚v-model其实就是vue的一个语法糖，用于在表单控件或者组件上创建双向绑定。//表单控件上使用v-model<template> <input type="text" v-model="name" /> <input type...

2020-05-27

124浏览

0评论

js实现移动端吸顶效果

今天来简单的写一个吸顶，供大家参考，具体内容如下先罗列一下吸顶需要使用到的属性
** scrollTop 获取当前滚动的距离（也就是盒子距离顶部的距离）
offsetTop 盒子距离顶部的高度...

2020-05-27

92浏览

0评论

JS实现网站吸顶条

本文实例为大家分享了JS实现网站吸顶条的具体代码，供大家参考，具体内容如下今天写一个关于网站中吸顶条的思路 1、吸顶条就是在网页移动到一定距离的时候，让某个内容，固定显示...

2020-05-27

102浏览

0评论

jquery实现吸顶导航效果

本文实例为大家分享了jquery实现吸顶导航效果的具体代码，供大家参考，具体内容如下css: *{margin:0;padding:0;} body{ margin:0 auto; max-width:10rem; } header{ width:10...

2020-05-27

173浏览

0评论

Vue v-model组件封装(类似弹窗组件)

v-model是vue的一个语法糖，限制在input和textarea等这些表单元素中，官网所给的例子也是仅限于表单组件Vue.component('base-checkbox', { model: { prop: 'checked', event:...

2020-05-27

99浏览

0评论

js实现多个标题吸顶效果

对于导航的吸顶效果，pc端和移动端的需求可能有些差异。在pc端，我们通常只需要一个顶部导航；在移动端，在滑动页面的时候，更需要多个标题的吸顶（例如地区的选择，需要将省份吸顶）。单个...

2020-05-27

56浏览

0评论

你知道JavaScript Symbol类型怎么用吗

Symbol 类型
根据规范，对象的属性键只能是字符串类型或者 Symbol 类型。不是 Number，也不是 Boolean，只有字符串或 Symbol 这两种类型。
到目前为止，我们只见过字符串。现在我们...

2020-05-27

58浏览

0评论

你可能从未使用过的11+个JavaScript特性(小结)

重要
这篇文章中描述的大多数功能已被暂停使用（甚至不推荐使用）。它们仍然在许多图书中很常见，因此值得学习。
一、逗号运算符
, 是用于分隔表达式并返回链中最后一个表达式的...

2020-05-27

189浏览

0评论

js判断浏览器的环境（pc端，移动端，还是微信浏览器）

今天突然看到一段很好的代码，分享给大家，顺便也给自己留个笔记，js判断浏览器的环境具体如下：方法一： // 判断浏览器函数 function isMobile(){ if(window.navigator.userAgen...

2020-05-27

285浏览

0评论

JS如何实现网站中PC端和手机端自动识别并跳转对应的代码

1. 代码场景：描述：在项目中，一般我们会使用响应式布局的方式或者借助bootstrap等插件来做响应式的网站。但是根据业务的需求，手机端可能会在功能上精简很多，我们也会写两套代码，...

2020-05-27

51浏览

0评论

nuxt配置通过指定IP和端口访问的实现

非常简单，只要加一个配置！第1步，复制这个代码（端口可改） "config": { "nuxt": { "host": "0.0.0.0", "port": "8090" } },第2步，找到根目录下的package.json，把代码粘贴进去...

2020-05-27

53浏览

0评论

微信小程序实现吸顶特效

本文实例为大家分享了微信小程序实现吸顶特效的具体代码，供大家参考，具体内容如下效果图wxml代码：<view class="xiding {{oneFixed}}" id="tab"> <van-row custom-class="goo...

2020-05-27

60浏览

0评论

微信小程序wxs实现吸顶效果

在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行，导致了整个用户交互的动画过程会有延迟)，所以使用wxs响应事...

2020-05-27

84浏览

0评论

微信小程序静默登录的实现代码

1.通过 wx.login获取登录凭证（code）wx.login({ success: function (res) { console.log(res.code)； } }）2.在此处获得appid 和 secret ：https://developers.weixin.qq.com/sandb...

2020-05-27

54浏览

0评论

小程序自定义模板实现吸顶功能

本文实例为大家分享了小程序实现吸顶功能的具体代码，供大家参考，具体内容如下//如图所示----这里用了自定义组件实现了小程序吸顶功能//WXML<view class="i-sticky-demo"> <i...

2020-05-27

54浏览

0评论

微信小程序基于movable-view实现滑动删除效果

基于movable-view实现的一种较为完美的滑动删除效果前言：用了很多去实现滑动删除的效果，都不太尽如人意，最后用小程序官方专用滑动组件来实现，但是这个组件有一点坑，咱们慢慢道来...

2020-05-27

62浏览

0评论

微信小程序实现页面浮动导航

一、前言做复杂的小程序就与web页面的区别原来越小了，一些web页面的功能会被要求添加到微信小程序页面中。二、功能页面在滑动的时候顶部页面导航跟随滑动，当点击导航中的任意...

2020-05-27

50浏览

0评论

JS实现商品橱窗特效

本文实例为大家分享了JS实现商品橱窗特效的具体代码，供大家参考，具体内容如下知识点换算公式
① 滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽度
滚动条长度/盒子的长...

2020-05-27

48浏览

0评论

Vue快速实现通用表单验证的示例代码

本文开篇第一句话，想引用鲁迅先生《祝福》里的一句话，那便是：“我真傻，真的，我单单知道后端整天都是CRUD，我没想到前端整天都是Form表单”。这句话要从哪里说起呢？大概要从最近半个...

2020-05-27

热门文章