JavaScript - 教程之家

77浏览

0评论

js判断密码强度的方法

本文实例为大家分享了js判断密码强度的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=u...

2020-05-27

92浏览

0评论

Node.js Domain 模块实例详解

Node.js Domain(域) 简化异步代码的异常处理，可以捕捉处理try catch无法捕捉的异常。Domain 模块可分为隐式绑定和显式绑定：隐式绑定: 把在domain上下文中定义的变量，自动绑...

2020-05-27

117浏览

0评论

javascrpt密码强度校验函数详解

最近写了个密码强度验证的函数，主要验证以下内容1、密码最小和最大长度2、连续字符串出现的次数3、字符连续出现的次数4、禁止特定的字符串作为密码5、密码字符串的组合强度...

2020-05-27

94浏览

0评论

js实现经典贪吃蛇小游戏

本文实例为大家分享了js实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下<script> class Map{ constructor(){ this.w = 800; this.h = 400; this.c...

2020-05-27

71浏览

0评论

vue-cli3项目升级到vue-cli4 的方法总结

这是我对以前配置的基于vue-cli3搭建的前端H5模板的升级，主要把vue-cli3项目升级为vue-cli4，并删除一些过时插件。插件版本升级到当前(2020-03-19)最高版本（升级了很多webpack...

2020-05-27

104浏览

0评论

webpack 动态批量加载文件的实现方法

背景
最近笔者在工作中遇到了一个小需求：要实现一个组件来播放帧图片
这个需求本身不复杂，但是需要在组件中一次性引入十张图片，就像下面这样：// 就是这么任性，下标从0开始~impor...

2020-05-27

108浏览

0评论

jQuery实现颜色打字机的完整代码

效果：每个字逐个显示出来，并且每个字都有随机颜色 $(function(){ var str="早起的鸟儿有虫吃，早起的虫儿被鸟吃！由此天赋+勤奋=成功;先天不足+同等勤奋=还是失败！天赋的重要性可...

2020-05-27

69浏览

0评论

JavaScript实现简单计算器

适合初学者参考的简易计算器，里面没有太多的难以理解的方法，使用的是最基础的JS语法解决式子的运算问题，同时处理了式子中的运算优先级。实现思路1、通过绑定点击事件实现待计...

2020-05-27

176浏览

0评论

JS实现长图上下滚动效果

本文实例为大家分享了JS实现长图上下滚动的具体代码，供大家参考，具体内容如下案例描述将一张长图放在某一固定长宽的盒子里，当鼠标置于盒子的上半部分时，图片向下滑直到到达图片...

2020-05-27

116浏览

0评论

在Vue.js中使用TypeScript的方法

虽然 vue2.x 对TypeScript的支持还不是非常完善，但是从今年即将到来的3.0版本在GitHub上的仓库 vue-next 看，为TS提供更好的官方支持应该也会是一个重要特性，那么，在迎接3.0之前...

2020-05-27

113浏览

0评论

js实现九宫格抽奖

本文实例为大家分享了js实现九宫格抽奖的具体代码，供大家参考，具体内容如下<div id="contaner"> <div id="one">一块钱</div> <div id="two">谢谢惠顾</div> <div id="three">...

2020-05-27

74浏览

0评论

js实现抽奖的两种方法

本文实例为大家分享了js实现抽奖的具体代码，供大家参考，具体内容如下抽奖活动的原理还是很简单的，通过代码一目了然，如果看不懂就私聊我，可以私下交流！方法一：使用table写一个随机...

2020-05-27

97浏览

0评论

js实现随机抽奖

前言在前端的开发当中，我们肯定会遇到随机抽奖的需求。我们要怎么去实现呢？下面就来分享随机抽奖的JS代码，有需要的小伙伴可以复制到编译器当中运行查看效果。随机抽奖的JS代码...

2020-05-27

158浏览

0评论

js实现百度登录窗口拖拽效果

前言在我们使用百度相关的功能网页的时候，我们要去登录账号。但是小伙伴们有没有关注过百度的登录窗口的拖拽效果呢？下面分享仿百度登录拖拽效果的源码代码<!DOCTYPE html><ht...

2020-05-27

114浏览

0评论

JavaScript利用键盘码控制div移动

前言
在生活中肯定有玩过贪吃蛇的游戏，那么要怎么样用键盘码来实现div的移动呢？下面就分享一个Demo。利用键盘码来控制div移动源码
<!DOCTYPE html><html> <head> <meta chars...

2020-05-27

96浏览

0评论

JavaScript计算出两个数的差值

本文实例为大家分享了JavaScript计算两个数差的具体代码，供大家参考，具体内容如下需求
在两个输入框中输入两个数字，点击按钮的时候，计算出两个数字的差并且显示到id为result的d...

2020-05-27

136浏览

0评论

浅析TypeScript 命名空间

TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScri...

2020-05-27

148浏览

0评论

jQuery实现点击滚动到指定元素上的方法分析

本文实例讲述了jQuery实现点击滚动到指定元素上的方法。分享给大家供大家参考，具体如下：jquery 点击滚动到指定元素上，1.获取指定元素的offset() 得到偏移位置，返回结果是top 和...

2020-05-27

109浏览

0评论

JS一次前端面试经历记录

本文实例讲述了JS一次前端面试经历。分享给大家供大家参考，具体如下：最近公司在做一些战略调整，部门有不少老员工前辈们都陆陆续续的离职或者被离职了。而我所在的团队——网易...

2020-05-27

132浏览

0评论

js 闭包深入理解与实例分析

本文实例讲述了js 闭包。分享给大家供大家参考，具体如下：1.什么是闭包定义：是指有权访问另一个函数作用域中的变量的函数创建闭包：在一个函数内部创建另一个函数基本特点在返回...

2020-05-27

109浏览

0评论

微信小程序后端无法保持session的原因及解决办法问题

之前未接触过微信小程序项目，在使用jQuery库的ajax中很正常，服务器也能保持会话状态。在使用wx.request中发现会话一直不能保持，一开始以为是服务器php.ini配置错误，
在代码中...

微信

2020-05-27

118浏览

0评论

微信小程序保持session会话的方法

一般我们web网站都会有cookie来保存session ID，将用户和服务器保持在一次会话中，但是很遗憾，微信小程序不支持cookie，他的每一次请求就是一次会话，这样就会产生一个问题，...

微信

2020-05-27

67浏览

0评论

jQuery实现中奖播报功能（让文本滚动起来）简单设置数值即可

在很多场景中，我们需要使用到中奖信息播报，或者一些文本信息循环滚动播报，在结合实际的开发中，然后也百度查询了相关的知识点，现在送上jQuery实现文本滚动。1：html代码文件相...

2020-05-27

103浏览

0评论

vue-autoui自匹配webapi的UI控件的实现

vue-autoui 是一款基于vue和element扩展的一个自动化UI控件，它主要提供两个控件封装分别是auto-form和auto-grid; 通过这两个控件可以完成大多数的信息输入和查询输出的需要....

2020-05-27

82浏览

0评论

JS+CSS实现3D切割轮播图

本文实例为大家分享了JS+CSS实现3D切割轮播图的具体代码，供大家参考，具体内容如下第一步：我们首先要通过CSS来完成一个基本布局，利用 transform-style: preserve-3d设置成3D。下...

2020-05-27

185浏览

0评论

vscode调试node.js的实现方法

在开发的过程中，几乎不可能一次性就能写出毫无破绽的程序，断点调试代码是一个普遍的需求。作为前端开发工程师，以往我们开发的JavaScript程序都运行在浏览器端，利用Chrome提供的...

2020-05-27

111浏览

0评论

详解webpack-dev-middleware 源码解读

前言
Webpack 的使用目前已经是前端开发工程师必备技能之一。若是想在本地环境启动一个开发服务，大家只需在 Webpack 的配置中，增加 devServer 的配置来启动。devServer 配置...

2020-05-27

133浏览

0评论

vue ssr+koa2构建服务端渲染的示例代码

之前做了活动投放页面在百度、360等渠道投放，采用 koa2 + 模版引擎的方式。发现几个问题相较于框架开发页面效率较低，维护性差兼容性问题，在页面中添加埋点后发现有些用户...

2020-05-27

87浏览

0评论

云服务器部署Node.js项目的方法步骤(小白系列)

以aliyun为例，选购服务器建议选择CentOS，配置按照自己的需求选择，付款成功后进入控制台页面，重置root密码即可远程登录服务器。可在控制台点击远程登录，也可在安装了ssh的主机上...

2020-05-27

276浏览

0评论

vscode 配置vue+vetur+eslint+prettier自动格式化功能

该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。vscode Vetur插件Vetur插件用于识别vue文件，原本vetur自带格式化功能，但是和eslint会有冲...

2020-05-27

118浏览

0评论

用JS实现选项卡

本文实例为大家分享了JS实现选项卡的具体代码，供大家参考，具体内容如下案例描述在浏览器中显示一个选项卡界面，头部为1、2、3、4、5。点击头部任意一个数字，都在下方显示出不同...

2020-05-27

144浏览

0评论

小程序使用分包的示例代码

本文介绍了小程序使用分包的示例代码，分享给大家，具体如下：官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html某些情况下，开发者需要将小...

2020-05-27

200浏览

0评论

Vue+elementUI实现多图片上传与回显功能（含回显后继续上传或删除）

最近有使用vue+elementUI实现多图片上传的需求，遂做此纪录。
本次主要写一下前端的实现细节，至于后台以Multipart[ ]数组接收即可，不再赘述，网上一搜大把文章可供参考。
本次使...

2020-05-27

140浏览

0评论

JS Array.from()将伪数组转换成数组的方法示例

Array.from 方法用于将两类对象转换为真正的数组：1、类似数组的对象，可以理解为“伪数组”2、可遍历对象（比如字符串）什么是伪数组？
伪数组都有一个基本的特点：必须有 length 属性...

2020-05-27

92浏览

0评论

js实现小星星游戏

本文实例为大家分享了js实现小星星游戏的具体代码，供大家参考，具体内容如下功能简介如图：实现一个点击游戏准备准备一个星星的图片（这里我重命名为xxx.png）开搞新建一个html文件，...

2020-05-27

140浏览

0评论

JS实现点星星消除小游戏

本文实例为大家分享了JS实现点星星消除游戏的具体代码，供大家参考，具体内容如下步骤及游戏功能分析：1.网页上的随机出现小星星；2.点击小星星，小星星消失；绑定一个onclick事件：...

2020-05-27

104浏览

0评论

Webpack中SplitChunksPlugin 配置参数详解

代码分割本身和 webpack 没有什么关系，但是由于使用 webpack 可以非常轻松地实现代码分割，所以提到代码分割首先就会想到使用 webopack 实现。在 webpack 中是使用 SplitChunk...

2020-05-27

89浏览

0评论

javascript实现滚动条效果

本文实例为大家分享了javascript实现滚动条效果的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

88浏览

0评论

JavaScript实现移动端带transition动画的轮播效果

JavaScript实现轮播的方式多种多样，桌面的移动端的实现方式都是大同小异的，具体的核心实现原理不外乎下面几个要点。即：1. 确定播放方向。一般都是横向轮播，当然不排除纵向的需...

2020-05-27

97浏览

0评论

js实现消灭星星(web简易版)

昨天看视频之后，整理思路，自己完成了简易版消灭星星思路：模块1：初始化
初始化总分数、当前分数、背景图、选择的星星分数初始化星星（生成二维数组，对二维数组的每一个对象设置...

2020-05-27

86浏览

0评论

js实现页面图片消除效果

本文实例为大家分享了js实现页面图片消除的具体代码，供大家参考，具体内容如下前两天测试的时候发现自己对js还不是太熟悉，所以今天上传的了这篇文章，重新写了一下js模块里面的东...

2020-05-27

116浏览

0评论

安装多版本Vue-CLI的实现方法

安装多版本Vue-CLI，即在电脑上同时安装多个版本的Vue-CLI。那么为什么要安装多个版本呢?原因是Vue-cli3.0版本与之前的版本有了较大不同，当你要处理3.0之前的项目，又想使用...

2020-05-27

145浏览

0评论

微信小程序 flexbox layout快速实现基本布局的解决方案

问题描述 flexbox layout ——弹性盒子布局。弹性盒子可以快速的对小程序进行布局。一般传统的小程序布局方法对内容量少的页面而言很方便，但对页面比较复杂的来讲就很繁琐了...

微信

2020-05-27

318浏览

0评论

微信小程序scroll-view点击项自动居中效果的实现

scroll-view | 微信开放文档效果代码布局样式代码省略，以下只展示逻辑代码<scroll-view scroll-x scroll-left="{{scrollLeft}}" scroll-with-animation class="scroll-view"...

微信

2020-05-27

245浏览

0评论

微信小程序点击item使之滚动到屏幕中间位置

1.需求想做类似猫眼电影选场次会自动滚动到屏幕中间的效果如图是最终效果 2.分析实现这种效果的方法有三种：1.直接使用原生CSS+js;2.使用swiper,一屏显示多个item,点击item会...

微信

2020-05-27

105浏览

0评论

微信小程序scroll-view隐藏滚动条的方法详解

效果图：1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示；2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的；3.scroll-view 中的需要滑动的元...

微信

2020-05-27

90浏览

0评论

vue页面更新patch的实现示例

patch的流程组件页面渲染时，将render返回的新vnode（新节点）和组件实例保存的vnode（旧节点）作为参数，调用patch方法，更新DOM。判断两个节点是否相同处理过程中，需要判断节点是否相同...

2020-05-27

69浏览

0评论

js实现小时钟效果

本文实例为大家分享了js实现小时钟效果的具体代码，供大家参考，具体内容如下今天给大家分享一下制作小时钟先给大家把代码分享出来首先 JavaScript 代码<script> function set...

2020-05-27

59浏览

0评论

JS实现网页时钟特效

本文实例为大家分享了JS实现网页时钟特效的具体代码，供大家参考，具体内容如下主要逻辑根据JS 的Date属性求得当前的时分秒之后,按照 360/(时|分|秒) 来对三个指针元素...

2020-05-27

151浏览

0评论

微信小程序分享小程序码的生成（带参数）以及参数的获取

1.小程序码介绍
从微信小程序开发文档上我们可以了解到，目前微信支持两种二维码（左），小程序码和小程序二维码（右）。官方推荐使用小程序码，因为小程序码具有更好的辨识度。官方提供...

微信

2020-05-27

热门文章