JavaScript - 教程之家

772浏览

0评论

vue使用swiper实现中间大两边小的轮播图效果

项目中使用的vue，刚好有需求要实现轮播图，突出显示当前图片，两边展示其他图片；通过查各种资料，实现了，故在此记录下来下面我们来看下实现步骤：第一步：首先在项目index.html中引入s...

2020-05-27

76浏览

0评论

简单了解JavaScript sort方法

在平时的业务开发中，数组(Array) 是我们经常用到的数据类型，那么对数组的排序也很常见，除去使用循环遍历数组的方法来排列数据，使用JS数组中原生的方法 sort 来排列（没错，比较崇尚...

2020-05-27

126浏览

0评论

JavaScript This指向问题详解

这篇文章主要介绍了JavaScript This指向问题详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下各位小伙伴在面试中被...

2020-05-27

56浏览

0评论

基于javascript实现贪吃蛇小游戏

本文实例为大家分享了js贪吃蛇游戏的具体代码，供大家参考，具体内容如下先不多说先上图下面是代码部分（这里你可以根据需要改变蛇头和身体还有食物的图片，然后默认的样式是使用纯...

2020-05-27

200浏览

0评论

three.js利用gpu选取物体并计算交点位置的方法示例

光线投射法
使用three.js自带的光线投射器(Raycaster)选取物体非常简单，代码如下所示：var raycaster = new THREE.Raycaster();var mouse = new THREE.Vector2();function onM...

2020-05-27

88浏览

0评论

JavaScript交换两个变量方法实例

这篇文章主要介绍了JavaScript交换两个变量方法实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在平时的业务开发或...

2020-05-27

105浏览

0评论

JS桶排序的简单理解与实现方法示例

本文实例讲述了JS桶排序的简单理解与实现方法。分享给大家供大家参考，具体如下：桶排序，利用编号分组存储数字，再利用编号合并分组的一种算法排序。举个易于理解的例子：一组数字，9,...

2020-05-27

168浏览

0评论

python实现迭代法求方程组的根过程解析

这篇文章主要介绍了python实现迭代法求方程组的根过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下有方程组如下...

2020-05-27

75浏览

0评论

纯 JS 实现放大缩小拖拽功能(完整代码)

前言
最近团队需要做一个智能客服悬浮窗功能，需要支持拖动、放大缩小等功能，因为这个是全局插件，为了兼容性考虑全部使用原生 JS 实现，不引用任何第三方库或者插件。开发过程中...

2020-05-27

77浏览

0评论

JS插入排序简单理解与实现方法分析

本文实例讲述了JS插入排序简单理解与实现方法。分享给大家供大家参考，具体如下：在这里，我详细的讲一下我个人对于插入排序的理解。每个人对于事物的理解都是不一样的，因为每个人...

2020-05-27

256浏览

0评论

用Golang运行JavaScript的实现示例

C++太麻烦(难)了，想要盘弄一下V8实在是有些费劲，但是Golang社区出了几个Javascript引擎，要尝试在别的语言中如何集成Javascript，是个不错的选择。以下选了github.com/dop251/goj...

2020-05-27

83浏览

0评论

VUE.CLI4.0配置多页面入口的实现

为何需要配置多页面?在实际工作中，肯定会遇到大型项目，往往一个架构里面会开发多个应用，而这些应用又没有太大的关联，但有可能会共用一些组件或者是样式表等，那么就会出现一...

2020-05-27

76浏览

0评论

js实现简单的日历显示效果函数示例

本文实例讲述了js实现简单的日历显示效果函数。分享给大家供大家参考，具体如下：用一个函数简单的实现一个月份的日历，效果如下：这个日历效果有高亮显示，我实现的思维比较简单。我...

2020-05-27

72浏览

0评论

KnockoutJS数组比较算法实例详解

这篇文章主要介绍了KnockoutJS数组比较算法实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下前端开发中，数组是一...

2020-05-27

76浏览

0评论

js prototype深入理解及应用实例分析

本文实例讲述了js prototype深入理解及应用。分享给大家供大家参考，具体如下：上一篇讲了js的prototype概念，在这里回顾一下prototype的定义：prototype是函数的一个属性，并且是函...

2020-05-27

87浏览

0评论

uni-app实现点赞评论功能

模拟朋友圈实时点赞及评论功能
点赞思路：点击的时候，使用push（点赞）以及slice（取消赞）方法处理数组，并且调用点赞接口
评论思路：点击的时候，写多一个评论列表，当点击发送的时候comment...

2020-05-27

73浏览

0评论

jQuery Raty星级评分插件使用方法实例分析

本文实例讲述了jQuery Raty星级评分插件使用方法。分享给大家供大家参考，具体如下：使用jQuery Raty，可以很方便的在页面上嵌入一个评分组件，如下所示：使用方法很简单，首先从https:...

2020-05-27

67浏览

0评论

如何优雅地在Node应用中进行错误异常处理

不知道你有没有遇到这样一种情况，某天你写的代码在线上突然发生错误，然后你打开控制台，却对着打过包的错误信息毫无头绪？又或者说是代码在node端出现了问题，你查看错误日志的时候...

2020-05-27

66浏览

0评论

jquery使用echarts实现有向图可视化功能示例

本文实例讲述了jquery使用echarts实现有向图可视化功能。分享给大家供大家参考，具体如下：先来看看效果图：源码如下（force-directed-graph.html）：<!DOCTYPE html><html><head><meta...

2020-05-27

52浏览

0评论

JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

程序要求：编写一个html文件的网页代码，页面包含一个下拉列表框、一个文本框和一个按钮，下拉列表框选择要去的网站，当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问...

2020-05-27

67浏览

0评论

NodeJS实现一个聊天室功能

看效果一直说我喜欢卖关子，这次直接看效果：聊天界面（喜欢的可以自己画一个比较逼真的页面）前文先说一下为什么写这个东西，最近不是在写NodeJS知识点的梳理嘛，但是我发现梳理的过程...

2020-05-27

90浏览

0评论

微信小程序实现按字母排列选择城市功能

实现效果预览实现思想利用小程序腾讯地图将所有城市查出来，并将其渲染至页面（https://lbs.qq.com/qqmap_wx_jssdk/index.html）（其中字母栏也根据获取到的数据变化）其中涉及三个交...

2020-05-27

76浏览

0评论

浅谈Node新版本13.2.0正式支持ES Modules特性

在本月 21 日，即2019.11.21，Node.js 发布了 13.2.0 版本，更新了一些特性。其中最令人兴奋的莫过于正式取消了 --experimental-modules 启动参数。这说明Node.js 正式支持 ES mo...

2020-05-27

83浏览

0评论

nodejs中使用archive压缩文件的实现代码

前言
archive是一款在nodejs中可以实现跨平台打包的工具
可以将文件压缩为zip或rar格式
是一个比较好用的第三方模块
install
npm install archiver --savearchive github地...

2020-05-27

97浏览

0评论

javaScript中indexOf用法技巧

JavaScript中的indexOf使用方法
概述
indexOf大小写敏感，其中的O要大写对于字符串而言
indexOf返回字符串第一次出现的位置，若没有出现返回-1var str = "hello world";alert(s...

2020-05-27

65浏览

0评论

JavaScript计算正方形面积

用JavaScript实现计算正方形的面积注意用一个Math.pow()函数。实现效果：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></...

2020-05-27

82浏览

0评论

高效jQuery选择器的5个技巧实例分析

本文实例讲述了高效jQuery选择器的5个技巧。分享给大家供大家参考，具体如下：顾名思义，jQuery专注于查询（queries）。库的核心允许你使用CSS选择器语法，以及通过在集合上执行函数，来...

2020-05-27

74浏览

0评论

原生js实现贪食蛇小游戏的思路详解

先不多说先上图下面是代码部分（这里你可以根据需要改变蛇头和身体还有食物的图片，然后默认的样式是使用纯颜色的如果没有更改我的背景图片的话------改这些图开始是想搞笑一下...

2020-05-27

71浏览

0评论

jQuery与原生JavaScript选择HTML元素集合用法对比分析

本文实例讲述了jQuery与原生JavaScript选择HTML元素集合用法。分享给大家供大家参考，具体如下：通过调用document.getElementsByTagName, document.getElementsByName以及docum...

2020-05-27

74浏览

0评论

JS插件amCharts实现绘制柱形图默认显示数值功能示例

本文实例讲述了JS插件amCharts实现绘制柱形图默认显示数值功能。分享给大家供大家参考，具体如下：使用amCharts.js绘制柱形图（column chart）时，有时需要默认显示每一个柱子的数值...

2020-05-27

76浏览

0评论

vue中keep-alive，include的缓存问题

前提：有A,B,C,D四个页面,A是按钮页(点击按钮进入B页面)，B是订单列表页，C是订单详情页，D是费用详情页需求：顺序是A->B->C->D,每次都刷新页面，D->C->B时走缓存，但是每次从A到B都要刷...

2020-05-27

80浏览

0评论

JavaScript的变量声明与声明提前用法实例分析

本文实例讲述了JavaScript的变量声明与声明提前用法。分享给大家供大家参考，具体如下：JavaScript的变量声明JavaScript的变量声明语句无论出现在何处，都会先于其他代码首先被执...

2020-05-27

46浏览

0评论

vue keep-alive列表页缓存详情页返回上一页不刷新,定位到之前位置

需求:商品列表页面浏览,进入商品详情,点击返回仍然是之前浏览的位置实现:使用 vue 的 keep-alive 的 include 属性给组件做动态缓存,从详情页返回不变,从其他页面进入列表页...

2020-05-27

78浏览

0评论

使用vue重构资讯页面的实例代码解析

从我接手到将这个页面代码重构前，一直都还是使用angular1的代码去做的，需求来了也是用angular去实现；作为一个憧憬新技术的前端，怎么忍受得了现在还在使用这么有历史感的框架，所...

2020-05-27

121浏览

0评论

JavaScript使用百度ECharts插件绘制饼图操作示例

本文实例讲述了JavaScript使用百度ECharts插件绘制饼图操作。分享给大家供大家参考，具体如下：百度ECharts是一款由百度前端团队开发与维护的，基于HTML5的开源JavaScript图表库...

2020-05-27

69浏览

0评论

jQuery实现轮播图效果

使用jQuery实现轮播图，废话不多说，直接上代码了。HTML部分
其中，图片和路径是我电脑中的，你需要自己准备好图片，然后写你自己图片的路径。<div class="slider"> <ul> <li><a href...

2020-05-27

76浏览

0评论

Vue+Element-UI实现上传图片并压缩

Vue+Element-UI 上传图片并压缩，供大家参考，具体内容如下1.版本Vue:2.5.2
Element-UI：2.12.0
可实现图片上传前，自动压缩。
Element-UI组件，详情见官网。2.template部分
<el-for...

2020-05-27

95浏览

0评论

vue element-ui读取pdf文件的方法

本文实例为大家分享了vue element-ui 读取pdf文件，供大家参考，具体内容如下添加依赖npm install pdfjs-dist --savepdf.vue<template> <div class="app-container"> <el-dial...

2020-05-27

67浏览

0评论

详解小程序如何动态绑定点击的执行方法

需求一个商城的个人中心页里，有很多用户操作按钮：我的订单，我的提现，我的送货等等，每个图标在点击的时候，可能是跳转页面的，也可能是执行当页方法的。目前需要写一个通用的方法来实...

2020-05-27

72浏览

0评论

Vue+ElementUI使用vue-pdf实现预览功能

Vue + ElementUI项目中使用vue-pdf实现简单预览，供大家参考，具体内容如下1、安装 vue-pdfnpm install --save vue-pdf2、在vue页面中导入对应的组件我这是通过点击预览按钮...

2020-05-27

70浏览

0评论

vue实现在线预览pdf文件和下载（pdf.js）

最近做项目遇到在线预览和下载pdf文件，试了多种pdf插件，例如jquery.media.js（ie无法直接浏览）最后选择了pdf.js插件（兼容ie10及以上、谷歌、安卓，苹果）强烈推荐改插件，以下介绍用法（1...

2020-05-27

76浏览

0评论

使用Vue生成动态表单

开需求会了，产品说这次需求的表单比较多，目前有18个，后期的表单可能会有增加、修改。我作为这次的前端开发，看到这样的需求，心里知道要这样搞不得把自己累死，首先表单居多，还会有变...

2020-05-27

82浏览

0评论

vue实现pdf文档在线预览功能

针对android系统不支持pdf文档在线预览，可通过引入pdf.js插件实现，其具体实现步骤如下一、引入插件方式一：npm install --save pdfjs-dist，安装完成后在vue项目的node_modules出...

2020-05-27

70浏览

0评论

JS实现排行榜文字向上滚动轮播效果

最近在一个抽奖活动中需要在页面上对中奖名单做排行榜的轮播，故根据下面的简单列子修改实现了滚动效果。效果图(文字向上轮播)：demo如下：<!doctype html><html lang="en"> <he...

2020-05-27

114浏览

0评论

js实现淘宝首页的banner栏效果

本文实例为大家分享了js淘宝首页banner栏展示的具体代码，供大家参考，具体内容如下<div class="bg clearfix"> <div class="title"> <a class="on" href="javascript:" >最热团...

2020-05-27

76浏览

0评论

vue-cli在 history模式下的配置详解

背景：自己搭了vue测试项目，使用的是history模式，放在后台，一开始进入项目没什么问，但是再一刷新页面就404了，what?当时的比较懵逼，为啥呢？因为之前写过项目上线过是好用的啊，这个...

2020-05-27

72浏览

0评论

js中apply和call的理解与使用方法

前言关于call和apply，以前也思考良久，很多时候都以为记住了，但是，我太难了。今天我特地写下笔记，希望可以完全掌握这个东西，也希望可以帮助到任何想对学习这个东西的同学。一.appl...

2020-05-27

60浏览

0评论

vue实现浏览器全屏展示功能

1、项目中使用的是sreenfull插件，执行命令安装npm install --save screenfull
2、安装好后，引入项目，用一个按钮进行控制即可，按钮方法如下：
toggleFullscreen() { if (!screenf...

2020-05-27

144浏览

0评论

Angular8引入百度Echarts进行图表分析的实现代码

最近突发奇想，想自己做一个理财分析记录的网页，主要给自己记账，然后想到了把每天，每周的消费用图标分析出来，于是就需要用到百度的echarts图标插件，talk is cheep， show me the cod...

2020-05-27

86浏览

0评论

three.js利用卷积法如何实现物体描边效果

法线延展法网上使用法线延展法实现物体描边效果的文章比较多，这里不再描述。但是这种方法有个缺点：当两个面的法线夹角差别较大时，两个面的描边无法完美连接。如下图所示：卷积法...

2020-05-27

热门文章