JavaScript - 教程之家

119浏览

0评论

JS实现网站吸顶条

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

2020-05-27

127浏览

0评论

jquery实现吸顶导航效果

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

2020-05-27

194浏览

0评论

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

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

2020-05-27

133浏览

0评论

js实现多个标题吸顶效果

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

2020-05-27

86浏览

0评论

你知道JavaScript Symbol类型怎么用吗

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

226浏览

0评论

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

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

2020-05-27

317浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

72浏览

0评论

微信小程序实现吸顶特效

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

111浏览

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

79浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

65浏览

0评论

JS实现商品橱窗特效

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

73浏览

0评论

Websocket 向指定用户发消息的方法

场景
用户正常发送一个http请求，需要处理一个耗时很长的任务，有可能这个任务要处理好几分钟，在任务处理期间后台要不断的发送当前处理的进度日志等信息，打印在前端。也就是说...

2020-05-27

73浏览

0评论

Nodejs + Websocket 指定发送及群聊的实现

目的通过nodejs + ws (Websocket) 实现点对点发送及群聊发送
项目搭建直接跳过，这里列举一下用到的插件
yarn add wsWebSocket话不多说，直接上码对比上一篇文章 << Nodejs+M...

2020-05-27

92浏览

0评论

一看就会的vuex实现登录验证（附案例）

一、vuex是啥？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来...

2020-05-27

77浏览

0评论

Vue-axios-post数据后端接不到问题解决

1 前言
最近在前后端联调的时候发现了一个问题，可能自己平时不注意发送的内容格式，导致解决问题的路上，走了很多弯路，尤其是在刚刚懂了一点Vue知识之后，发送请求的各种花式写法也...

2020-05-27

139浏览

0评论

js实现左右轮播图

本文实例为大家分享了js实现左右轮播图的具体代码，供大家参考，具体内容如下我的轮播图功能有：自动播放、点击焦点切换和点击左右按钮切换效果图：自动轮播点击焦点切换点击左右按...

2020-05-27

70浏览

0评论

JavaScript复制变量三种方法实例详解

这篇文章主要介绍了JavaScript复制变量三种方法实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下直接将一个变量...

2020-05-27

102浏览

0评论

如何在Node和浏览器控制台中打印彩色文字

这篇文章中，我们主要研究的是如何在Node中打印出彩色文字，浏览器的只是附带。一、常用场景：
1、在Wepack的打包过程中，显示打包完成后，控制台输出了几行注目的彩色文字信息。2、...

2020-05-27

97浏览

0评论

微信小程序新闻网站详情页实例代码

准备工作：1、在微信公众号平台，申请小程序账号，获取appid 2、下载并安装微信开发者工具3、做不同分辨率设备的自适应：单位使用rpx IPhone6下 1px=1rpx=0.5pt 使用rpx，小程序会自...

2020-05-27

120浏览

0评论

js实现旋转木马轮播图效果

本文实例为大家分享了js实现旋转木马轮播图的具体代码，供大家参考，具体内容如下整个页面的文件结构如下图所示：html部分代码：<!DOCTYPE html><html lang="en"><head> <meta char...

2020-05-27

97浏览

0评论

jquery选择器和属性对象的操作实例分析

本文实例讲述了jquery选择器和属性对象的操作。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery-选择器</title> <meta charset="UTF-8"/> <script src="http://l...

2020-05-27

114浏览

0评论

jQuery操作元素的内容和样式完整实例分析

本文实例讲述了jQuery操作元素的内容和样式。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作元素的样式和内容</title> <meta charset="UTF-8"/> <script sr...

2020-05-27

125浏览

0评论

JS图片懒加载的优点及实现原理

这篇文章主要介绍了JS图片懒加载的优点及实现原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下图片懒加载优势：
增强...

2020-05-27

115浏览

0评论

JS数组属性去重并校验重复数据

这篇文章主要介绍了JS数组属性去重并校验重复数据,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下新任务: 下拉框出去重...

2020-05-27

116浏览

0评论

基于JS判断对象是否是数组

这篇文章主要介绍了基于JS判断对象是否是数组,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1、通过instanceof判断
in...

2020-05-27

92浏览

0评论

jQuery操作元素追加内容示例

本文实例讲述了jQuery操作元素追加内容。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作文档结构</title> <meta charset="UTF-8"/> <script src="http://li...

2020-05-27

92浏览

0评论

jQuery操作事件完整实例分析

本文实例讲述了jQuery操作事件。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作事件</title> <meta charset="UTF-8"/> <script src="http://libs.baidu.com...

2020-05-27

112浏览

0评论

基于JavaScript判断两个对象内容是否相等

这篇文章主要介绍了基于JavaScript判断两个对象内容是否相等,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下ES6中有一...

2020-05-27

100浏览

0评论

jQuery操作动画完整实例分析

本文实例讲述了jQuery操作动画。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作动画</title> <meta charset="UTF-8"/> <script src="http://libs.baidu.com...

2020-05-27

126浏览

0评论

bootstrap实现嵌套模态框的实例代码

项目上有一个需求，需要在已经弹出的一个bootstrap模态框的基础上再弹一个模态框。因为bootstrap官方不建议这么做，最后实现的过程属实不易。以下是解决方案：html代码：<div id="c...

2020-05-27

63浏览

0评论

基于vue-draggable 实现三级拖动排序效果

vue-draggable 之前项目中需要用到拖动排序，就去网上找资料，本来最开始是想用jquery-ui里的拖动的，后面发现不符合我的预期也不知道能不能跟vue.js兼容，后面我试过了，单个的可以...

2020-05-27

69浏览

0评论

webpack proxy 使用(代理的使用)

为什么要写篇文章
这两天的开发中遇到一些需要代理才能解决的问题, 在这里记录一下, 方便以后的查阅.
为什么要用代理跨域在开发过程中, 我们的开发环境一般都是http:// loc...

2020-05-27

133浏览

0评论

vue实现购物车选择功能

使用vue制作一个购物车功能，只是一个测试版本，注重的是功能实现，界面并没有做好，数据也是模拟数据等不说那么多，直接上代码<template> <div id="app"> 全选<input type="checkbo...

2020-05-27

152浏览

0评论

js实现橱窗展示效果

本文实例为大家分享了js实现橱窗展示的具体代码，供大家参考，具体内容如下思路1、获取需要的标签2、求出滚动条的长度（公式：滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽...

2020-05-27

119浏览

0评论

js实现蒙版效果

本文实例为大家分享了js实现蒙版效果展示的具体代码，供大家参考，具体内容如下思路1.监听按钮的点击
2.阻止冒泡（最关键的一点）
3.让隐藏的显示出来
4.隐藏滚动条
5.点击文档：获取...

2020-05-27

67浏览

0评论

javascript实现蒙版与禁止页面滚动

本文实例为大家分享了javascript实现蒙版与禁止页面滚动的具体代码，供大家参考，具体内容如下项目需求：页面很长，要求加个蒙版，点击特定位置蒙版消失可以滑动页面，否则蒙版存在页面...

2020-05-27

94浏览

0评论

jquery实现图片无缝滚动蒙版遮蔽效果

本文实例为大家分享了jquery实现图片无缝滚动、蒙版效果的具体代码，供大家参考，具体内容如下1、无缝连接：通过对li设置属性float：left；消除标签之间的间隔
2、通过对ul整体进行偏...

2020-05-27

87浏览

0评论

jQuery实现手风琴效果（蒙版）

本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2020-05-27

119浏览

0评论

jQuery实现鼠标移入显示蒙版效果

本文实例为大家分享了jQuery鼠标移入显示蒙版的具体代码，供大家参考，具体内容如下效果展示：具体代码：<ul id="fourth_tab"> <li> <img src="img/camera_green.png" alt="绿色...

2020-05-27

101浏览

0评论

详解javascript中var与ES6规范中let、const区别与用法

随着ES6规范的到来，Js中定义变量的方法已经由单一的 var 方式发展到了 var、let、const 三种之多。var 众所周知，可那俩新来的货到底有啥新特性呢？到底该啥时候用呢？下面就是小...

2020-05-27

239浏览

0评论

jQuery擦除插件eraser使用方法详解

eraser插件简介：
1.jQuery.eraser 是一个基于 jQuery 的插件，它的效果类似于橡皮擦，按住鼠标不放，在图片上面来回移动，上面灰色的图片就会被擦出，显示出下面彩色的图片。
2.jQuery...

2020-05-27

87浏览

0评论

详解微信小程序中var、let、const用法与区别

微信小程序可以使用Javascript的最新ES6标准来开发所以微信小程序中var、let、const用法与区别可以视为Javascript ES6标准中var、let、const用法与区别let命令基本用法ES6...

2020-05-27

115浏览

0评论

jQuery实现轮播图效果demo

本文实例为大家分享了jQuery实现轮播图效果的具体代码，供大家参考，具体内容如下效果展示：编程思路：1. 首先是基础的布局，使用"子绝父相"等页面布局方法，将图片、左右按钮以及每张...

2020-05-27

125浏览

0评论

js实现二级联动简单实例

本文实例为大家分享了js实现二级联动的具体代码，供大家参考，具体内容如下此实例是一个简单的二级联动，第一个列表中的值为固定的，第二个列表中的值随着第一个列表值的变化而变化...

2020-05-27

热门文章